html,body,#root{height:100%;margin:0}:root{--vv-offset-bottom: 0px;--app-height: 100vh;--app-width: 100vw}.ios-blur{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}:root[data-perf-blur=off] .ios-blur{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@supports (height: 100dvh){:root{--app-height: 100dvh}}.layout{display:flex;height:var(--app-height, 100vh);min-height:var(--app-height, 100vh);background:#f9fafb}.layout-content{flex:1;min-width:0;min-height:0;background:#f9fafb;box-sizing:border-box;overflow:hidden;padding:0;display:flex;flex-direction:column}.layout-scroll{flex:1;min-height:0;overflow:auto;padding:0}.sidebar{width:264px;background:#fff;color:#111827;border-right:1px solid #E5E7EB;padding:12px 10px;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.sidebar-header{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;position:relative}.sidebar-brand{font-weight:800;letter-spacing:-.2px;font-size:18px;line-height:1.1;padding:6px 8px}.sidebar-brand-dot--accent{color:#2563eb}.sidebar-user{font-size:12px;color:#6b7280;padding:0 8px 4px;overflow:hidden;text-overflow:ellipsis}.sidebar-close{position:absolute;right:6px;top:6px;border:1px solid #E5E7EB;background:#fff;color:#111827;border-radius:10px;padding:6px 10px;cursor:pointer;font-size:14px}.sidebar-close:hover{background:#f3f4f6}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1;padding:4px;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))}.sidebar-divider{height:1px;background:#e5e7eb;margin:10px 6px}.sidebar-section-title{font-size:11px;font-weight:700;color:#6b7280;padding:0 10px 6px;text-transform:uppercase;letter-spacing:.06em}.sidebar-section-title-row{display:flex;align-items:center;justify-content:space-between;padding:0 10px 6px}.sidebar-section-title-actions{display:inline-flex;align-items:center;gap:6px}.sidebar-section-action{border:1px solid #E5E7EB;background:#fff;color:#111827;border-radius:10px;padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.sidebar-section-action:hover{background:#f3f4f6}.sidebar-section-action:disabled{opacity:.55;cursor:default}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;text-decoration:none;color:#111827;font-size:14px;line-height:1.2}.sidebar-link.sidebar-link-button{width:100%;text-align:left;border:0;background:transparent;cursor:pointer}.sidebar-badges{margin-left:auto;display:flex;align-items:center;gap:6px}.sidebar-badge{font-size:11px;line-height:1;font-weight:800;padding:3px 7px;border-radius:999px;border:1px solid #E5E7EB;background:#f9fafb;color:#111827}.sidebar-badge-error{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.sidebar-badge-warn{background:#fef3c7;border-color:#fcd34d;color:#92400e}.sidebar-link:hover{background:#f3f4f6}.sidebar-link-active{background:#eef2ff;color:#1d4ed8;font-weight:700}.sidebar-link-muted{color:#6b7280}.sidebar-icon{display:inline-flex;align-items:center;justify-content:center;width:18px}.sidebar-footer{display:flex;flex-direction:column;gap:8px;padding:8px 6px 6px}.sidebar-ghost{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid #E5E7EB;background:#fff;cursor:pointer;color:#111827;font-size:14px}.sidebar-ghost:hover{background:#f3f4f6}.sidebar-logout{width:100%;padding:10px;border-radius:12px;border:1px solid #E5E7EB;cursor:pointer;font-size:14px;background:#111827;color:#fff;display:flex;align-items:center;gap:10px}.sidebar-logout:hover{filter:brightness(.95)}@media(max-width:900px){.mobile-menu-button{position:fixed;left:12px;top:12px;z-index:1210;border:1px solid #E5E7EB;border-radius:12px;padding:8px 10px;font-size:18px;background:#fff;color:#111827;cursor:pointer;box-shadow:0 10px 22px #0f172a1a}.mobile-menu-button:hover{background:#f3f4f6}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1190}.sidebar.sidebar-drawer{position:fixed;left:0;top:0;bottom:0;width:296px;max-width:88vw;z-index:1200;box-shadow:0 20px 50px #00000038}}.login-page{min-height:var(--app-height, 100vh);width:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:#f9fafb!important;color:#111827}.login-card{color:#111827;background:#fff;padding:24px 28px;border-radius:12px;box-shadow:0 10px 30px #0f172a66;width:320px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.login-card h1{margin:0 0 8px}.login-card label{display:flex;flex-direction:column;font-size:14px;gap:4px}.login-card input{padding:8px 10px;border-radius:6px;border:1px solid #e5e7eb;font-size:14px}.login-card button{margin-top:8px;padding:10px 12px;border-radius:6px;border:none;cursor:pointer;font-size:14px;background:#2563eb;color:#fff}.login-card button:disabled{opacity:.7;cursor:default}.login-error{font-size:13px;color:#b91c1c}.login-hint{font-size:13px;line-height:1.3;padding:10px 12px;border-radius:8px;background:#eff6ff;color:#1f2937;border:1px solid #dbeafe}.login-links{font-size:13px;color:#374151}.login-links a{color:#2563eb;text-decoration:none}.login-links a:hover{text-decoration:underline}html[data-design=dark] .login-page{background:#f9fafb!important;color:#111827}html[data-design=dark] .login-card{background:#fff;color:#111827}html[data-design=dark] body,html[data-design=dark] .layout,html[data-design=dark] .layout-content,html[data-design=dark] .layout-scroll{background:#000}html[data-design=dark] .sidebar{background:#1c1c1e;color:#fff;border-right:1px solid #2C2C2E}html[data-design=dark] .sidebar-brand-dot--accent{color:#0a84ff}html[data-design=dark] .sidebar-user{color:#ebebf599}html[data-design=dark] .sidebar-divider{background:#2c2c2e}html[data-design=dark] .sidebar-section-title{color:#ebebf599}html[data-design=dark] .sidebar-section-action{border-color:#3a3a3c;background:#2c2c2e;color:#fff}html[data-design=dark] .sidebar-section-action:hover{background:#3a3a3c}html[data-design=dark] .sidebar-link{color:#fff}html[data-design=dark] .sidebar-link:hover{background:#2c2c2e}html[data-design=dark] .sidebar-link-active{background:#0a84ff2e;color:#0a84ff}html[data-design=dark] .sidebar-link-muted{color:#ebebf599}html[data-design=dark] .sidebar-badge{border-color:#3a3a3c;background:#2c2c2e;color:#fff}html[data-design=dark] .sidebar-badge-error{background:#ff453a2e;border-color:#ff453a59;color:#ff453a}html[data-design=dark] .sidebar-badge-warn{background:#ff9f0a2e;border-color:#ff9f0a59;color:#ff9f0a}