:root{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--page-gutter:clamp(16px,2.25vw,32px);--page-section-gap:clamp(16px,2vw,28px);--touch-target:40px;--bg-primary:#fff;--bg-secondary:#f2f6fcd6;--bg-tertiary:#f8fafddb;--bg-hover:#eaeef7d1;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-muted:#9ca3af;--border-primary:#94a3b83d;--border-secondary:#64748b5c;--accent-primary:#4f46e5;--accent-hover:#4338ca;--accent-light:#e0e7ff;--accent-lighter:#eef2ffe6;--danger:#ef4444;--danger-light:#fee2e2;--danger-dark:#b91c1c;--success:#22c55e;--success-light:#dcfce7;--success-dark:#15803d;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#92400e;--shadow:#1e293b29;--shadow-sm:#1e293b0d;--shadow-md:#1e293b17;--overlay:#00000080;--shell-surface:#ffffffe0;--scrollbar-thumb:#64748b52;--scrollbar-thumb-hover:#4f46e58f;--scrollbar-track:#94a3b80f;--workspace-background:radial-gradient(circle at 14% 0%,#6366f124,#0000 31rem),radial-gradient(circle at 92% 18%,#06b6d41c,#0000 28rem),radial-gradient(circle at 72% 100%,#10b98112,#0000 26rem),linear-gradient(rgba(71,85,105,.022) 1px,#0000 0),linear-gradient(90deg,rgba(71,85,105,.022) 1px,#0000 0),linear-gradient(135deg,#f8faff,#f2f6fb 52%,#f5faf9);--bg-card-empty:#fef2f2;--border-card-empty:#fecaca;--bg-summary:#fef9ed;--status-in:#16a34a;--status-out:#e11d48;--status-work:#2563eb;--status-active:#ea580c;--status-break:#9333ea;--status-idle:#64748b;--status-productive:#16a34a;--status-unproductive:#dc2626;--status-neutral:#64748b;--status-untracked:#a16207;--btn-text-on-accent:#fff}:root[data-theme=dark]{--bg-primary:#1a1e24;--bg-secondary:#121417e6;--bg-tertiary:#20252ceb;--bg-hover:#2d333cc2;--text-primary:#f9fafb;--text-secondary:#e5e7eb;--text-tertiary:#d1d5db;--text-muted:#9ca3af;--border-primary:#2d333c;--border-secondary:#414853;--accent-primary:#818cf8;--accent-hover:#6366f1;--accent-light:#4338ca5c;--accent-lighter:#312e8157;--danger:#ef4444;--danger-light:#7f1d1d;--danger-dark:#fca5a5;--success:#4ade80;--success-light:#064e3b;--success-dark:#86efac;--warning:#fbbf24;--warning-light:#78350f;--warning-dark:#fde68a;--shadow:#00000080;--shadow-sm:#0003;--shadow-md:#00000059;--overlay:#000000b3;--shell-surface:#1a1e24f0;--chrome-surface:#16191ef7;--scrollbar-thumb:#94a3b84d;--scrollbar-thumb-hover:#818cf8a6;--scrollbar-track:#94a3b80d;--workspace-background:radial-gradient(circle at 14% 0%,#6366f117,#0000 31rem),radial-gradient(circle at 92% 18%,#06b6d40d,#0000 28rem),radial-gradient(circle at 72% 100%,rgba(16,185,129,.032),#0000 26rem),linear-gradient(rgba(148,163,184,.018) 1px,#0000 0),linear-gradient(90deg,rgba(148,163,184,.018) 1px,#0000 0),linear-gradient(135deg,#121417,#15191f 52%,#141a18);--bg-card-empty:#374151;--border-card-empty:#4b5563;--bg-summary:#374151;--status-in:#4ade80;--status-out:#f472b6;--status-work:#60a5fa;--status-active:#fb923c;--status-break:#a78bfa;--status-idle:#94a3b8;--status-productive:#4ade80;--status-unproductive:#f87171;--status-neutral:#94a3b8;--status-untracked:#fbbf24;--btn-text-on-accent:#fff}*{box-sizing:border-box;margin:0;padding:0;scrollbar-color:#64748b52 #94a3b80f;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%}#root,body,html{min-height:100%;width:100%}body{overflow-x:hidden;overscroll-behavior-x:none}canvas,img,video{max-width:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#94a3b80f;background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#64748b52;background-color:var(--scrollbar-thumb);border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#4f46e58f;background-color:var(--scrollbar-thumb-hover)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 14% 0,#6366f124,#0000 31rem),radial-gradient(circle at 92% 18%,#06b6d41c,#0000 28rem),radial-gradient(circle at 72% 100%,#10b98112,#0000 26rem),linear-gradient(rgba(71,85,105,.022) 1px,#0000 0),linear-gradient(90deg,rgba(71,85,105,.022) 1px,#0000 0),linear-gradient(135deg,#f8faff,#f2f6fb 52%,#f5faf9);background:var(--workspace-background);background-attachment:fixed;background-size:auto,auto,auto,40px 40px,40px 40px,auto;color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}@media (max-width:768px){:root{--page-gutter:clamp(12px,4vw,20px);--page-section-gap:16px;--touch-target:44px}body{background-attachment:scroll}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:max(16px,1em)}}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input,select,textarea{background-color:#fff;background-color:var(--bg-primary);border-color:#94a3b83d;border-color:var(--border-primary);color:#111827;color:var(--text-primary)}button{color:inherit;font-family:inherit}input::placeholder,textarea::placeholder{color:#9ca3af;color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:#4f46e5;border-color:var(--accent-primary);outline:none}.report-cell-absent{color:#374151;color:var(--text-secondary);font-weight:500}.report-cell-no-data{color:#9ca3af;color:var(--text-muted);font-style:italic;opacity:.7}.app{background:var(--workspace-background);background-size:auto,auto,auto,40px 40px,40px 40px,auto;display:flex;height:100vh;height:100dvh;min-height:0;overflow:hidden;position:relative;width:100%}.main-content{background:var(--workspace-background);background-size:auto,auto,auto,40px 40px,40px 40px,auto}.main-content,.main-content-body{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-width:0;overflow:hidden}.main-content-body{min-height:0;overscroll-behavior:contain}.user-main-content-body{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-height:0;min-width:0;overflow:hidden;overscroll-behavior:contain}.onboarding-workspace-body{background:var(--workspace-background);background-size:auto,auto,auto,40px 40px,40px 40px,auto;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;width:100%}.onboarding-workspace-body>.onboarding-page{flex:1 1;min-height:0;overflow-y:auto}.system-state-page{background:var(--workspace-background);background-size:auto,auto,auto,40px 40px,40px 40px,auto;display:grid;min-height:100vh;min-height:100dvh;padding:28px;place-items:center}.system-state-card{background:var(--shell-surface);border:1px solid var(--border-primary);border-radius:18px;box-shadow:0 24px 70px #1e293b1f;padding:24px;width:min(100%,620px)}.system-state-logo{display:block;margin:0 auto 16px}.system-state-secondary{background:#0000;border:0;color:var(--text-tertiary);cursor:pointer;display:block;font:inherit;font-size:12px;font-weight:700;margin:12px auto 0;padding:8px 12px}:where(#root) :where(button:not(:disabled),[role=button]:not([aria-disabled=true]),a[class*=btn],a[class*=button]){transition:translate .16s cubic-bezier(.2,.8,.2,1),scale .12s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease}@media (hover:hover) and (pointer:fine){:where(#root) :where(button:not(:disabled),[role=button]:not([aria-disabled=true]),a[class*=btn],a[class*=button]):hover{translate:0 -1px}:where(#root) :where(tr[role=button],tr[class*=clickable],[class~=clickable-name]):hover{background-color:color-mix(in srgb,var(--accent-primary) 5%,#0000)}}:where(#root) :where(button:not(:disabled),[role=button]:not([aria-disabled=true]),a[class*=btn],a[class*=button]):active{scale:.985;translate:0 0}:where(#root) :where(button,[role=button],a[href],input,select,textarea):focus-visible{outline:2px solid color-mix(in srgb,var(--accent-primary) 82%,#fff);outline-offset:3px}:where(#root) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 12%,#0000)}:where(#root) :where(button:disabled,[aria-disabled=true]){cursor:not-allowed}.workspace-content-body>.workspace-route-enter{animation:workspace-route-enter .24s cubic-bezier(.2,.8,.2,1) both}@keyframes workspace-route-enter{0%{opacity:.72;translate:0 6px}to{opacity:1;translate:0 0}}.workspace-content-body>.workspace-effects-page{--workspace-grid-x:0px;--workspace-grid-y:0px;--workspace-grid-line:rgba(71,85,105,.022);background-image:linear-gradient(var(--workspace-grid-line) 1px,#0000 1px),linear-gradient(90deg,var(--workspace-grid-line) 1px,#0000 1px),radial-gradient(circle at 14% 0,#6366f11a,#0000 31rem),radial-gradient(circle at 92% 18%,rgba(6,182,212,.075),#0000 28rem),radial-gradient(circle at 72% 100%,rgba(16,185,129,.045),#0000 26rem)!important;background-position:var(--workspace-grid-x) var(--workspace-grid-y),var(--workspace-grid-x) var(--workspace-grid-y),0 0,0 0,0 0!important;background-size:40px 40px,40px 40px,auto,auto,auto!important;max-width:100%;min-width:0;overscroll-behavior:contain;transition:background-position .14s ease-out,background-color .3s ease;width:100%}:root[data-theme=dark] .workspace-content-body>.workspace-effects-page{--workspace-grid-line:rgba(148,163,184,.018);background-image:linear-gradient(var(--workspace-grid-line) 1px,#0000 1px),linear-gradient(90deg,var(--workspace-grid-line) 1px,#0000 1px),radial-gradient(circle at 14% 0,#6366f112,#0000 31rem),radial-gradient(circle at 92% 18%,#06b6d40a,#0000 28rem),radial-gradient(circle at 72% 100%,rgba(16,185,129,.025),#0000 26rem)!important}.workspace-effects-page.is-workspace-reveal-ready .workspace-reveal-target{--workspace-reveal-y:8px;opacity:0;transition:opacity .52s ease 0ms,translate .56s cubic-bezier(.2,.8,.2,1) 0ms;transition:opacity .52s ease var(--workspace-reveal-delay,0ms),translate .56s cubic-bezier(.2,.8,.2,1) var(--workspace-reveal-delay,0ms);translate:0 calc(var(--workspace-reveal-y));translate:0 calc(var(--workspace-reveal-y) + var(--workspace-depth-y, 0px))}.workspace-effects-page.is-workspace-reveal-ready .workspace-reveal-target.is-workspace-visible{--workspace-reveal-y:0px;opacity:1}.workspace-effects-page :is([class$=-card],[class$=-panel],[class$=-section]){--workspace-depth-y:0px;transition:translate .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,border-color .2s ease;translate:0 var(--workspace-depth-y)}@media (hover:hover) and (pointer:fine){.workspace-effects-page :is([class$=-card],[class$=-panel],[class$=-section]):hover{--workspace-depth-y:-2px;border-color:color-mix(in srgb,var(--accent-primary) 16%,var(--border-primary));box-shadow:0 15px 36px #1e293b17}}@media (prefers-reduced-motion:reduce){:where(#root) :where(button,[role=button],a[class*=btn],a[class*=button]){scale:1;transition:none;translate:none}.workspace-content-body>.workspace-route-enter{animation:none}.workspace-content-body>.workspace-effects-page{background-position:0 0,0 0,0 0,0 0,0 0!important;transition:background-color .3s ease}.workspace-effects-page.is-workspace-reveal-ready .workspace-reveal-target{--workspace-reveal-y:0px;opacity:1;transition:none;translate:0 0}.workspace-effects-page :is([class$=-card],[class$=-panel],[class$=-section]){--workspace-depth-y:0px}}@media (max-width:768px){.app{flex-direction:column}.main-content{min-height:0;width:100%}.workspace-content-body>.workspace-effects-page{background-size:32px 32px,32px 32px,auto,auto,auto!important}.system-state-page{padding:max(18px,var(--safe-area-top)) max(16px,var(--safe-area-right)) max(18px,var(--safe-area-bottom)) max(16px,var(--safe-area-left))}.system-state-card{border-radius:16px;padding:20px 16px}}.api-error-block{--api-error-tone:var(--danger);align-items:center;background:color-mix(in srgb,var(--shell-surface) 96%,var(--danger-light));border:1px solid color-mix(in srgb,var(--api-error-tone) 18%,var(--border-primary));border-radius:14px;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:140px;padding:24px}.api-error-block:before{background:color-mix(in srgb,var(--api-error-tone) 9%,#0000);border:1px solid color-mix(in srgb,var(--api-error-tone) 22%,#0000);border-radius:12px;color:var(--api-error-tone);content:"!";display:grid;font-size:18px;font-weight:800;height:38px;place-items:center;width:38px}.api-error-message{color:var(--danger-dark);font-size:13px;line-height:1.55;margin:0;max-width:520px;text-align:center}.api-retry-button{background:var(--bg-primary);border:1px solid color-mix(in srgb,var(--danger) 24%,var(--border-primary));border-radius:9px;color:var(--danger-dark);cursor:pointer;font-weight:700;padding:8px 14px}.api-retry-button:hover{background:color-mix(in srgb,var(--danger) 8%,var(--bg-primary))}.sidebar{backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);background:linear-gradient(180deg,var(--shell-surface) 0,var(--bg-primary) 100%);background:linear-gradient(180deg,var(--chrome-surface,var(--shell-surface)) 0,var(--bg-primary) 100%);border-right:1px solid var(--border-primary);box-shadow:10px 0 36px rgba(30,41,59,.045);flex-shrink:0;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:20px 0;scrollbar-color:var(--scrollbar-thumb) #0000;scrollbar-width:thin;transition:transform .3s ease,background-color .3s ease,border-color .3s ease;width:250px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 20px 20px}.sidebar-logo{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:6px}.sidebar-logo-cushion{display:inline-flex;flex-shrink:0;line-height:0}.sidebar-logo-img{background:linear-gradient(145deg,#cbd5e1,#94a3b8);border-radius:8px;display:block;filter:drop-shadow(0 1px 1px rgba(15,23,42,.28));height:auto;max-height:58px;max-width:104px;object-fit:contain;width:auto}.sidebar-company-name{color:var(--text-primary);font-size:14px;font-weight:600}.logo-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;width:50px}.sidebar-section{margin-bottom:30px}.section-title{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;padding:0 20px;text-transform:uppercase}.sidebar-item{align-items:center;border-radius:10px;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:14px;margin:2px 12px;padding:10px 12px;text-decoration:none;transition:all .2s ease}.sidebar-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:translateX(2px)}.sidebar-item.active{background:linear-gradient(100deg,var(--accent-lighter),#06b6d414);box-shadow:inset 0 0 0 1px #6366f11f,0 8px 18px #4f46e514;color:var(--accent-primary)}:root[data-theme=dark] .sidebar-item.active{background:linear-gradient(100deg,var(--accent-lighter),rgba(6,182,212,.045))}.item-icon{font-size:16px;margin-right:12px}.item-label{font-weight:500}.mobile-menu-toggle{align-items:center;background-color:var(--accent-primary);border:none;border-radius:8px;box-shadow:0 2px 8px var(--shadow);color:#fff;cursor:pointer;display:none;height:44px;justify-content:center;left:20px;position:fixed;top:20px;touch-action:manipulation;transition:all .2s ease;width:44px;z-index:1001}.mobile-menu-toggle:hover{background-color:var(--accent-hover);transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.hamburger-icon{font-size:24px;line-height:1}.mobile-menu-close{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.mobile-menu-close:hover{color:var(--accent-primary);transform:scale(1.1)}.sidebar-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:1024px){.sidebar{width:220px}.sidebar-item{font-size:13px;padding:9px 12px}.item-icon{font-size:15px}}@media (max-width:768px){.mobile-menu-toggle{display:flex;left:calc(16px + var(--safe-area-left));top:calc(14px + var(--safe-area-top))}.mobile-menu-toggle[aria-expanded=true]{opacity:0;pointer-events:none;transform:scale(.92);visibility:hidden}.mobile-menu-close{display:flex}.sidebar{bottom:0;box-shadow:2px 0 10px var(--shadow);left:0;padding-bottom:max(16px,var(--safe-area-bottom));padding-top:max(16px,var(--safe-area-top));position:fixed;top:0;transform:translateX(-100%);width:min(88vw,300px);z-index:1000}.sidebar.mobile-open{transform:translateX(0)}.sidebar-overlay{display:block;padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left)}.sidebar-header{background:var(--shell-surface);border-bottom:1px solid var(--border-primary);margin-bottom:10px;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:1}}@media (max-width:480px){.sidebar{width:min(88vw,300px)}.mobile-menu-toggle{height:40px;left:calc(12px + var(--safe-area-left));top:calc(12px + var(--safe-area-top));width:40px}.hamburger-icon{font-size:20px}}@media (prefers-reduced-motion:reduce){.mobile-menu-close,.mobile-menu-toggle,.sidebar,.sidebar-item{transition:none}}.header{align-items:center;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);background:var(--shell-surface);background:var(--chrome-surface,var(--shell-surface));border-bottom:1px solid var(--border-primary);box-shadow:0 10px 30px rgba(30,41,59,.035);display:flex;flex-shrink:0;justify-content:space-between;min-width:0;padding:20px 30px;padding-left:max(30px,var(--safe-area-left));padding-right:max(30px,var(--safe-area-right));position:relative;transition:background-color .3s ease,border-color .3s ease;z-index:20}.header-left{flex:1 1;min-width:0}.header-title{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{gap:12px;min-width:0}.header-btn,.header-right{align-items:center;display:flex}.header-btn{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:9px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;gap:6px;min-height:36px;padding:8px 16px;touch-action:manipulation;transition:all .2s ease}.header-btn:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.add-users-btn{background:linear-gradient(135deg,var(--accent-primary),#6366f1);border-color:var(--accent-primary);box-shadow:0 7px 16px #4f46e52e;color:var(--btn-text-on-accent)}.add-users-btn:hover{background:linear-gradient(135deg,var(--accent-hover),#4f46e5)}.plus-icon{font-size:16px;font-weight:700}.calendar-icon,.team-icon{font-size:14px}.dropdown-icon{font-size:10px;margin-left:2px}.search-box{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:9px;display:flex;gap:8px;min-width:200px;padding:8px 16px}.search-icon{color:var(--text-muted);font-size:14px}.search-input{background:#0000;border:none;color:var(--text-secondary);font-size:14px;outline:none;width:100%}.search-input::placeholder{color:var(--text-muted)}.profile-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;margin-left:8px;overflow:hidden;width:36px}.profile-icon img{height:100%;object-fit:cover;width:100%}.dropdown-container{position:relative}.date-picker-dropdown{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 10px 40px var(--shadow);box-sizing:border-box;max-width:calc(100vw - 32px);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:min(560px,calc(100vw - 32px));z-index:1200}.date-picker-content{display:grid;grid-template-columns:minmax(320px,1fr) 178px;padding:0}.calendar-section{border-right:1px solid var(--border-primary);min-width:0;padding:22px 22px 20px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-nav{align-items:center;background:var(--bg-primary);border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-size:22px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.calendar-nav:hover{background-color:var(--bg-hover);color:var(--text-primary)}.calendar-month{color:var(--text-primary);font-size:16px;font-weight:600}.calendar-weekdays{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;text-align:center}.calendar-days{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:center;transition:all .2s;width:100%}.calendar-day:hover{background-color:var(--bg-hover)}.calendar-day.other-month{color:var(--text-muted);cursor:pointer}.calendar-day.current-day{background-color:var(--accent-primary);color:#fff;font-weight:600}.calendar-day.selected-day{background-color:var(--accent-light);color:var(--accent-primary);font-weight:600}.filter-section{display:flex;flex-direction:column;min-width:0;padding:22px 18px 20px}.filter-title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 16px}.period-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;margin-bottom:16px}.period-btn{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-tertiary);cursor:pointer;font-size:13px;font-weight:500;line-height:1.2;min-height:38px;padding:9px 12px;text-align:center;transition:all .2s;white-space:normal;width:100%}.period-btn:hover{background-color:var(--accent-lighter);border-color:var(--accent-primary)}.period-btn.active{background-color:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.filter-actions{display:flex;flex-direction:column-reverse;gap:8px;margin-top:auto}.filter-action-btn{border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-height:38px;padding:9px 12px;transition:all .2s;width:100%}.cancel-btn{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-tertiary)}.cancel-btn:hover{background:var(--bg-tertiary)}.apply-btn{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.apply-btn:hover{background:var(--accent-hover)}.header-date-picker-dropdown{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 10px 40px var(--shadow);box-sizing:border-box;max-width:calc(100vw - 32px);overflow:hidden;position:fixed;z-index:5000}.header-date-picker-content{display:grid;grid-template-columns:minmax(0,1fr) 178px;padding:0}.header-calendar-section{border-right:1px solid var(--border-primary);min-width:0;padding:22px 22px 20px}.header-calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-calendar-nav{align-items:center;background:var(--bg-primary);border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-size:22px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.header-calendar-nav:hover{background-color:var(--bg-hover);color:var(--text-primary)}.header-calendar-month{color:var(--text-primary);font-size:16px;font-weight:600}.header-calendar-days,.header-calendar-weekdays{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,minmax(0,1fr))}.header-calendar-weekdays{margin-bottom:8px}.header-weekday{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;text-align:center}.header-date-picker-dropdown .calendar-day{align-items:center;border-radius:6px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:center;padding:0;transition:all .2s;width:100%}.header-date-picker-dropdown .calendar-day:hover{background-color:var(--bg-hover)}.header-date-picker-dropdown .calendar-day.other-month{color:var(--text-muted);cursor:pointer}.header-date-picker-dropdown .calendar-day.current-day{background-color:var(--accent-primary);color:#fff;font-weight:600}.header-date-picker-dropdown .calendar-day.selected-day{background-color:var(--accent-light);color:var(--accent-primary);font-weight:600}.header-filter-section{display:flex;flex-direction:column;min-width:0;padding:22px 18px 20px}.header-filter-title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 16px;white-space:nowrap}.header-period-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;margin-bottom:16px}.header-period-btn{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-tertiary);cursor:pointer;font-size:13px;font-weight:500;line-height:1.2;min-height:38px;padding:9px 12px;text-align:center;transition:all .2s;white-space:normal;width:100%}.header-period-btn:hover{background-color:var(--accent-lighter);border-color:var(--accent-primary)}.header-period-btn.active{background-color:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.header-filter-actions{display:flex;flex-direction:column-reverse;gap:8px;margin-top:auto}.header-filter-action-btn{border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-height:38px;padding:9px 12px;transition:all .2s;width:100%}.header-cancel-btn{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-tertiary)}.header-cancel-btn:hover{background:var(--bg-tertiary)}.header-apply-btn{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.header-apply-btn:hover{background:var(--accent-hover)}.team-dropdown{background:var(--bg-primary);border-radius:8px;box-shadow:0 10px 40px var(--shadow);min-width:220px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.team-option{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:block;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.team-dropdown-state{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:10px;justify-content:space-between;line-height:1.4;padding:10px 12px}.team-dropdown-state--error{border-top:1px solid var(--border-primary);color:var(--danger-dark);margin-top:4px}.team-dropdown-state button{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:7px;color:var(--accent-primary);cursor:pointer;font:inherit;font-weight:700;padding:5px 8px}.team-option:hover{background-color:var(--bg-hover)}.team-option.selected{background-color:var(--accent-light);color:var(--accent-primary);font-weight:500}.users-icon{font-size:14px}.ane-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:max(16px,var(--safe-area-top)) max(16px,var(--safe-area-right)) max(16px,var(--safe-area-bottom)) max(16px,var(--safe-area-left));position:fixed;z-index:9999}.ane-dialog{background:var(--bg-primary);border-radius:14px;box-shadow:0 20px 60px #0003;max-height:min(90vh,calc(100dvh - 32px));max-width:min(95vw,calc(100vw - 32px));overflow-y:auto;overscroll-behavior:contain;width:580px}.ane-dialog-wide{width:960px}.ane-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);display:flex;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.ane-title{color:var(--text-primary);flex:1 1;font-size:18px;font-weight:600;margin:0}.ane-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;flex:0 0 auto;height:40px;justify-content:center;padding:4px;transition:all .2s;width:40px}.ane-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.ane-body{padding:28px 24px}.ane-subtitle{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 24px;text-align:center}.ane-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.ane-card{-webkit-appearance:none;appearance:none;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;color:inherit;cursor:pointer;font:inherit;padding:28px 20px;text-align:center;transition:all .2s;width:100%}.ane-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 16px #2563eb1a}.ane-card-icon{color:var(--text-muted);margin-bottom:14px}.ane-card-title,.ane-card:hover .ane-card-icon{color:var(--accent-primary)}.ane-card-title{font-size:15px;font-weight:600;margin:0 0 8px}.ane-card-desc{color:var(--text-muted);font-size:13px;line-height:1.4;margin:0}.ane-body-email{padding:20px 24px 24px}.ane-row-labels{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr 120px 140px;margin-bottom:8px}.ane-label{color:var(--text-primary);font-size:13px;font-weight:600}.ane-req{color:#dc2626;color:var(--error-color,#dc2626)}.ane-opt{color:var(--text-muted);font-size:12px;font-weight:400}.ane-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr 120px 140px;margin-bottom:12px}.ane-input,.ane-select{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;box-sizing:border-box;color:var(--text-secondary);font-size:13px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.ane-input:focus,.ane-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #2563eb1a}.ane-input::placeholder{color:var(--text-muted)}.ane-add-row-btn{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:16px;padding:4px 0}.ane-add-row-btn:hover{text-decoration:underline}.ane-email-footer{align-items:flex-end;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-top:8px;padding-top:16px}.ane-role-info{flex:1 1}.ane-role-info p{color:var(--text-muted);font-size:12px;line-height:1.5;margin:0 0 2px}.ane-role-info p strong{color:var(--text-primary)}.ane-error{color:#dc2626;color:var(--error-color,#dc2626);font-size:13px;margin-bottom:12px}.ane-dependency-error{align-items:center;background:color-mix(in srgb,var(--danger) 6%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--danger) 22%,var(--border-primary));border-radius:8px;color:var(--danger-dark);display:flex;font-size:12px;gap:14px;justify-content:space-between;margin-bottom:14px;padding:10px 12px}.ane-dependency-error button{background:var(--bg-primary);border:1px solid color-mix(in srgb,var(--danger) 20%,var(--border-primary));border-radius:7px;color:var(--danger-dark);cursor:pointer;flex:0 0 auto;font:inherit;font-weight:700;padding:6px 9px}.ane-dependency-empty{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-secondary)}.ane-dependency-empty button{border-color:var(--border-primary);color:var(--accent-primary)}.ane-actions{display:flex;flex-shrink:0;gap:12px}.ane-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:11px 20px;transition:all .2s;white-space:nowrap}.ane-btn:disabled{cursor:not-allowed;opacity:.6}.ane-btn-cancel{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-tertiary)}.ane-btn-cancel:hover:not(:disabled){background:var(--bg-tertiary)}.ane-btn-primary{background:var(--accent-primary);color:#fff}.ane-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.ane-body-link{padding:28px 24px}.ane-link-generate{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.ane-link-generate .ane-select{width:200px}.ane-link-generate .ane-btn{flex:none}.ane-link-box{align-items:center;display:flex;gap:10px;margin-bottom:16px}.ane-link-input{background-color:var(--bg-tertiary);background-color:var(--bg-secondary,var(--bg-tertiary));border:1px solid var(--border-primary);border-radius:6px;box-sizing:border-box;color:var(--text-secondary);flex:1 1;font-size:13px;outline:none;padding:10px 14px}.ane-copy-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.ane-copy-btn:hover{background:var(--accent-hover)}.ane-link-note{color:var(--text-muted);font-size:13px;margin:0}.profile-menu{background:var(--bg-primary);border-radius:12px;box-shadow:0 10px 40px var(--shadow);min-width:260px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.profile-menu-header{align-items:center;display:flex;gap:12px;margin-bottom:4px;padding:12px}.profile-menu-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:44px;justify-content:center;overflow:hidden;width:44px}.profile-menu-avatar img{height:100%;object-fit:cover;width:100%}.profile-menu-info{flex:1 1}.profile-menu-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.profile-menu-email{color:var(--text-tertiary);font-size:12px}.profile-menu-divider{background-color:var(--border-primary);height:1px;margin:4px 0}.profile-menu-section-title{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.profile-menu-item{align-items:center;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px;transition:all .2s}.profile-menu-item:hover{background-color:var(--bg-hover)}.profile-menu-item.logout{color:var(--danger)}.profile-menu-item.logout:hover{background-color:var(--danger-light)}.menu-icon{font-size:16px}.theme-toggle-btn{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;margin-left:8px;transition:all .3s ease;width:36px}.theme-toggle-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:scale(1.05)}@media (max-width:1024px){.header{padding:16px 20px}.header-title{font-size:20px}.header-right{gap:10px}.header-btn{font-size:13px;padding:7px 12px}.search-box{min-width:160px}.date-picker-dropdown{width:min(500px,calc(100vw - 32px))}.date-picker-content,.header-date-picker-content{grid-template-columns:1fr}.calendar-section,.header-calendar-section{border-bottom:1px solid var(--border-primary);border-right:none}.filter-section,.header-filter-section{width:auto}}@media (max-width:1200px){.header-left{flex:1 1 auto}.header-right>*{flex:0 0 auto}}@media (max-width:900px){.ane-dialog-wide{width:min(720px,calc(100vw - 32px))}.ane-row-labels{display:none}.ane-row{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.ane-email-footer{align-items:stretch;flex-direction:column;gap:18px}.ane-actions{justify-content:flex-end}}@media (max-width:768px){.header{align-content:flex-start;flex-wrap:wrap;gap:8px 0;padding-bottom:12px;padding-left:max(16px,var(--safe-area-left));padding-right:max(16px,var(--safe-area-right));padding-top:calc(12px + var(--safe-area-top))}.header-left{flex:0 0 100%;margin-bottom:8px;padding-left:54px;padding-right:44px}.header-title{font-size:18px}.header-right{flex:1 1 100%;flex-wrap:wrap;gap:8px;width:100%}.header-right>*,.header-right>.dropdown-container{flex:0 0 auto}.header-profile-container{position:absolute;right:max(16px,var(--safe-area-right));top:calc(12px + var(--safe-area-top))}.add-users-btn .users-icon{margin-right:0}.add-users-btn{padding:8px 12px}.search-box{display:none}.header-btn{font-size:12px;min-height:40px;padding:6px 10px;white-space:nowrap}.header .add-users-btn,.header .header-command-palette-trigger,.header .ntf-bell-btn,.header .theme-toggle-btn{height:40px;min-height:40px;min-width:40px;width:40px}.date-picker-dropdown{left:50%;right:auto;transform:translateX(-50%);width:calc(100vw - 32px)}.date-picker-dropdown,.header-date-picker-dropdown{max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}.header-date-picker-dropdown{max-width:calc(100vw - 32px)}.team-dropdown{max-height:min(340px,calc(100dvh - 96px));min-width:0;overflow-y:auto;right:0;width:min(240px,calc(100vw - 32px))}.profile-icon{font-size:13px;height:40px;width:40px}.theme-toggle-btn{font-size:16px;height:40px;width:40px}}@media (max-width:640px){.ane-overlay{align-items:flex-end;padding:max(8px,var(--safe-area-top)) 0 var(--safe-area-bottom) 0}.ane-dialog,.ane-dialog-wide{border-radius:18px 18px 0 0;max-height:calc(100dvh - max(8px, var(--safe-area-top)) - var(--safe-area-bottom));max-width:100%;width:100%}.ane-header{padding:14px 16px}.ane-body,.ane-body-email,.ane-body-link{padding:18px 16px calc(20px + var(--safe-area-bottom))}.ane-cards,.ane-row{grid-template-columns:1fr}.ane-card{padding:20px 16px}.ane-link-box,.ane-link-generate{align-items:stretch;flex-direction:column}.ane-actions,.ane-copy-btn,.ane-link-generate .ane-btn,.ane-link-generate .ane-select{width:100%}.ane-actions .ane-btn{flex:1 1;min-width:0;white-space:normal}.ane-dependency-error{align-items:stretch;flex-direction:column}}@media (max-width:480px){.header{padding-bottom:10px;padding-left:max(12px,var(--safe-area-left));padding-right:max(12px,var(--safe-area-right));padding-top:calc(10px + var(--safe-area-top))}.header-left{padding-left:48px;padding-right:40px}.header-profile-container{right:max(12px,var(--safe-area-right));top:calc(10px + var(--safe-area-top))}.header-title{font-size:16px}.header-right{gap:6px}.header-btn{font-size:11px;padding:5px 8px}.add-users-btn{font-size:0;justify-content:center;min-height:40px;padding:0;width:40px}.header-btn .calendar-icon,.header-btn .team-icon{display:none}.date-picker-dropdown{width:calc(100vw - 24px)}.header-date-picker-dropdown{max-width:calc(100vw - 24px)}.calendar-section,.filter-section,.header-calendar-section,.header-filter-section{padding:16px}.period-buttons{gap:8px;grid-template-columns:1fr}.profile-menu{min-width:0;right:0;width:min(260px,calc(100vw - 24px))}.profile-icon{font-size:12px}.profile-icon,.theme-toggle-btn{height:40px;margin-left:0;width:40px}.theme-toggle-btn{font-size:14px}}@media (max-width:360px){.header .header-command-palette-trigger{display:none}}@media (prefers-reduced-motion:reduce){.ane-btn,.ane-card,.ane-dialog,.header,.header-btn,.theme-toggle-btn{transition:none}}.unified-state{--unified-state-tone:var(--accent-primary);--unified-state-soft:color-mix(in srgb,var(--unified-state-tone) 9%,#0000);align-items:center;animation:unified-state-enter .32s ease both;background:color-mix(in srgb,var(--shell-surface) 96%,var(--unified-state-soft));border:1px solid color-mix(in srgb,var(--unified-state-tone) 12%,var(--border-primary));border-radius:14px;color:var(--text-secondary);display:flex;flex-direction:column;gap:13px;justify-content:center;min-height:170px;padding:28px;text-align:center;width:100%}.unified-state--compact{border-radius:12px;gap:9px;min-height:112px;padding:18px}.unified-state--error{--unified-state-tone:var(--danger)}.unified-state--success{--unified-state-tone:var(--success)}.unified-state--empty{--unified-state-tone:var(--text-muted)}.unified-state-icon{background:var(--unified-state-soft);border:1px solid color-mix(in srgb,var(--unified-state-tone) 20%,#0000);border-radius:13px;color:var(--unified-state-tone);display:grid;font-size:20px;height:42px;place-items:center;width:42px}.unified-state--compact .unified-state-icon{border-radius:10px;font-size:17px;height:34px;width:34px}.unified-state-copy{max-width:520px}.unified-state-copy h3{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.35;margin:0}.unified-state-copy p{color:var(--text-tertiary);font-size:12px;line-height:1.55;margin:5px 0 0}.unified-state-action{align-items:center;background:var(--bg-primary);border:1px solid color-mix(in srgb,var(--unified-state-tone) 24%,var(--border-primary));border-radius:9px;color:var(--unified-state-tone);cursor:pointer;display:inline-flex;font:inherit;font-size:12px;font-weight:700;gap:7px;min-height:34px;padding:7px 13px}.unified-state-action:hover{background:var(--unified-state-soft)}.unified-state-loading-label{color:var(--text-tertiary);font-size:11px;font-weight:600}.unified-state-skeleton{align-items:center;display:flex;flex-direction:column;gap:9px;width:min(100%,460px)}.unified-state-skeleton :is(.unified-state-skeleton-icon,.unified-state-skeleton-title,.unified-state-skeleton-line,.unified-state-skeleton-card){background:color-mix(in srgb,var(--text-muted) 13%,#0000);display:block;overflow:hidden;position:relative}.unified-state-skeleton :is(.unified-state-skeleton-icon,.unified-state-skeleton-title,.unified-state-skeleton-line,.unified-state-skeleton-card):after{animation:unified-skeleton-shimmer 1.35s ease-in-out infinite;background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--bg-primary) 72%,#0000),#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.unified-state-skeleton-icon{border-radius:11px;height:38px;margin-bottom:3px;width:38px}.unified-state-skeleton-title{border-radius:999px;height:12px;width:42%}.unified-state-skeleton-line{border-radius:999px;height:8px;width:72%;width:var(--unified-skeleton-width,72%)}.unified-state-skeleton--table{align-items:stretch;gap:7px}.unified-state-skeleton--table .unified-state-skeleton-title{border-radius:7px;height:18px;margin-bottom:4px;width:100%}.unified-state-skeleton--table .unified-state-skeleton-line{border-radius:6px;height:24px}.unified-state-skeleton--cards{align-items:stretch}.unified-state-skeleton-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.unified-state-skeleton-card{border-radius:10px;min-height:72px}@keyframes unified-state-enter{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes unified-skeleton-shimmer{to{transform:translateX(100%)}}@media (max-width:600px){.unified-state:not(.unified-state--compact){min-height:145px;padding:22px 18px}.unified-state-action{min-height:44px}}@media (prefers-reduced-motion:reduce){.unified-state{animation:none}.unified-state-skeleton :is(.unified-state-skeleton-icon,.unified-state-skeleton-title,.unified-state-skeleton-line,.unified-state-skeleton-card):after{animation:none}}.ntf-panel{animation:ntf-slide-in .15s ease-out;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 10px 40px var(--shadow);display:flex;flex-direction:column;max-height:520px;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:1000}@keyframes ntf-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ntf-panel{animation:none}}.ntf-panel-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:16px 16px 12px}.ntf-panel-title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.ntf-panel-header-actions{align-items:center;display:flex;gap:8px}.ntf-mark-all-btn{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:12px;font-weight:500;padding:2px 4px}.ntf-mark-all-btn:hover{text-decoration:underline}.ntf-close-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:20px;line-height:1;padding:0 2px}.ntf-close-btn:hover{color:var(--text-primary)}.ntf-filter-tabs{border-bottom:1px solid var(--border-primary);display:flex;gap:0;padding:0 16px}.ntf-filter-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 14px;transition:all .15s}.ntf-filter-tab:hover{color:var(--text-secondary)}.ntf-tab-active{border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.ntf-tab-count{background-color:var(--danger);border-radius:8px;color:#fff;font-size:10px;font-weight:700;min-width:16px;padding:1px 6px;text-align:center}.ntf-panel-list{flex:1 1;overflow-y:auto;padding:4px 0}.ntf-item{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:background-color .1s}.ntf-item:hover{background-color:var(--bg-hover)}.ntf-item-unread{background-color:var(--accent-light)}.ntf-item-unread:hover{background-color:color-mix(in srgb,var(--accent-primary) 18%,var(--bg-primary))}.ntf-item-icon{align-items:center;background-color:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}.ntf-item-body{display:flex;flex:1 1;flex-direction:column;min-width:0}.ntf-item-title{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.3;margin-bottom:2px}.ntf-item-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-tertiary);display:-webkit-box;font-size:12px;line-height:1.4;margin-bottom:4px;overflow:hidden}.ntf-item-meta{align-items:center;display:flex;font-size:11px;gap:8px}.ntf-item-type{color:var(--accent-primary);font-weight:500}.ntf-item-time{color:var(--text-muted)}.ntf-item-mark-read{align-items:center;align-self:flex-end;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--accent-primary);cursor:pointer;display:inline-flex;font:inherit;font-size:10px;font-weight:600;gap:4px;line-height:1.2;margin-top:5px;padding:3px 7px;transition:background-color .15s,border-color .15s}.ntf-item-mark-read:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--accent-primary)}.ntf-item-mark-read:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.ntf-item-mark-read:disabled{cursor:wait;opacity:.65}.ntf-unread-dot{background-color:var(--accent-primary);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.ntf-loading{display:flex;justify-content:center;padding:40px 0}.ntf-spinner{animation:ntf-spin .7s linear infinite;border:2.5px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:20px;width:20px}@keyframes ntf-spin{to{transform:rotate(1turn)}}.ntf-empty{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;padding:40px 20px}.ntf-empty-icon{color:var(--text-secondary);font-size:28px;margin-bottom:8px;opacity:.72}.ntf-empty p{font-size:13px;margin:0}.ntf-bell-btn{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .2s ease;width:36px}.ntf-bell-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:scale(1.05)}.ntf-bell-badge{align-items:center;background-color:var(--danger);border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:-2px;top:-2px}@media (max-width:480px){.ntf-panel{max-width:360px;right:-40px;width:95vw}.ntf-bell-btn{height:28px;width:28px}}@media (max-width:768px){.ntf-bell-btn{height:32px;width:32px}}.email-success-toast{--toast-tone:var(--success);align-items:center;animation:email-success-toast-slide-in .3s ease;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:color-mix(in srgb,var(--shell-surface) 94%,var(--toast-tone));border:1px solid color-mix(in srgb,var(--toast-tone) 24%,var(--border-primary));border-radius:13px;box-shadow:0 16px 42px #1e293b29;color:var(--text-primary);display:flex;gap:12px;max-width:380px;padding:16px 18px;position:fixed;right:max(24px,calc(var(--safe-area-right) + 12px));top:max(24px,calc(var(--safe-area-top) + 12px));z-index:9999}.email-success-toast--error{--toast-tone:var(--danger)}.email-success-toast--warning{--toast-tone:var(--warning,#f59e0b)}.email-success-toast--info{--toast-tone:var(--accent-primary)}.email-success-toast__icon{background:color-mix(in srgb,var(--toast-tone) 11%,#0000);border-radius:10px;color:var(--toast-tone);display:grid;flex:0 0 auto;font-size:17px;height:34px;place-items:center;width:34px}@keyframes email-success-toast-slide-in{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.email-success-toast__content{flex:1 1}.email-success-toast__message{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.4;margin:0}.email-success-toast__submessage{color:var(--text-tertiary);font-size:11px;font-weight:400;line-height:1.4;margin:4px 0 0}.email-success-toast__close{background:none;border:none;border-radius:7px;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;font-size:17px;line-height:1;opacity:.8;padding:4px;transition:opacity .15s ease}.email-success-toast__action{background:var(--bg-primary);border:1px solid color-mix(in srgb,var(--toast-tone) 30%,var(--border-primary));border-radius:8px;color:var(--toast-tone);cursor:pointer;flex:0 0 auto;font:inherit;font-size:11px;font-weight:800;padding:7px 10px}.email-success-toast__close:hover{background:color-mix(in srgb,var(--toast-tone) 8%,#0000);opacity:1}@media (max-width:520px){.email-success-toast{left:max(14px,var(--safe-area-left));max-width:none;padding:14px;right:max(14px,var(--safe-area-right))}.email-success-toast__action,.email-success-toast__close{min-height:40px}}@media (prefers-reduced-motion:reduce){.email-success-toast{animation:none}}.command-palette-trigger{align-items:center;background:color-mix(in srgb,var(--bg-primary) 88%,#0000);border:1px solid var(--border-primary);border-radius:9px;box-shadow:0 1px 2px var(--shadow-sm);color:var(--text-tertiary);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:500;gap:8px;min-height:36px;padding:7px 9px 7px 11px;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;white-space:nowrap}.command-palette-trigger:hover{background:var(--bg-primary);border-color:color-mix(in srgb,var(--accent-primary) 34%,var(--border-primary));box-shadow:0 5px 14px var(--shadow-sm);color:var(--text-primary);transform:translateY(-1px)}.command-palette-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-primary) 75%,#fff);outline-offset:2px}.command-palette-trigger>svg{flex:0 0 auto;height:16px;width:16px}.command-palette-trigger kbd{background:var(--bg-tertiary);border:1px solid color-mix(in srgb,var(--border-secondary) 72%,#0000);border-radius:5px;box-shadow:0 1px 0 color-mix(in srgb,var(--border-secondary) 45%,#0000);color:var(--text-muted);font-family:inherit;font-size:10px;font-weight:650;line-height:1.25;min-width:29px;padding:2px 5px;text-align:center}.command-palette-overlay{align-items:flex-start;animation:command-palette-overlay-in .15s ease-out both;backdrop-filter:blur(8px) saturate(.92);-webkit-backdrop-filter:blur(8px) saturate(.92);background:radial-gradient(circle at 50% 3%,color-mix(in srgb,var(--accent-primary) 10%,#0000),#0000 38%),#0a0f1b85;display:flex;inset:0;justify-content:center;padding:min(13vh,112px) 20px 32px;position:fixed;z-index:12000}.command-palette-dialog{animation:command-palette-dialog-in .18s cubic-bezier(.2,.78,.24,1) both;background:color-mix(in srgb,var(--bg-primary) 95%,#0000);border:1px solid color-mix(in srgb,var(--border-secondary) 74%,#0000);border-radius:18px;box-shadow:0 28px 80px #090e1c47,0 4px 18px var(--shadow-md),inset 0 1px 0 #ffffff1f;color:var(--text-primary);display:flex;flex-direction:column;max-height:min(720px,calc(100vh - min(13vh, 112px) - 48px));overflow:hidden;width:min(680px,calc(100vw - 40px))}.command-palette-search-row{align-items:center;background:color-mix(in srgb,var(--bg-primary) 88%,#0000);border-bottom:1px solid var(--border-primary);display:flex;gap:12px;min-height:64px;padding:0 16px 0 20px}.command-palette-search-icon{color:var(--accent-primary);flex:0 0 auto;height:21px;width:21px}.command-palette-input{background:#0000;border:0;color:var(--text-primary);flex:1 1;font:inherit;font-size:16px;font-weight:500;letter-spacing:-.01em;min-width:0;outline:0;padding:18px 0}.command-palette-input::placeholder{color:var(--text-muted);font-weight:450}.command-palette-loader{animation:command-palette-spin .8s linear infinite;color:var(--accent-primary);flex:0 0 auto;height:18px;width:18px}.command-palette-close{align-items:center;background:#0000;border:0;border-radius:8px;color:var(--text-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;transition:background-color .14s ease,color .14s ease;width:32px}.command-palette-close:hover{background:var(--bg-hover);color:var(--text-primary)}.command-palette-close:focus-visible,.command-palette-option:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-primary) 68%,#fff);outline-offset:-2px}.command-palette-results{flex:1 1;min-height:180px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:8px;scrollbar-color:color-mix(in srgb,var(--text-muted) 38%,#0000) #0000;scrollbar-width:thin}.command-palette-section+.command-palette-section{margin-top:4px}.command-palette-section-label{color:var(--text-muted);font-size:10px;font-weight:750;letter-spacing:.1em;line-height:1.2;padding:10px 10px 6px;text-transform:uppercase}.command-palette-option{align-items:center;background:#0000;border:0;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font:inherit;gap:11px;min-height:48px;padding:7px 10px;text-align:left;transition:background-color .1s ease,color .1s ease;width:100%}.command-palette-option.is-active{background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-primary))}.command-palette-option-icon{align-items:center;background:color-mix(in srgb,var(--bg-tertiary) 88%,#0000);border:1px solid color-mix(in srgb,var(--border-secondary) 62%,#0000);border-radius:9px;color:var(--text-tertiary);display:inline-flex;flex:0 0 auto;height:33px;justify-content:center;transition:border-color .1s ease,color .1s ease,background-color .1s ease;width:33px}.command-palette-option-icon svg{height:16px;width:16px}.command-palette-option-icon.is-person{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 82%,#fff),var(--accent-primary));border-color:#0000;border-radius:50%;color:#fff}.command-palette-option.is-active .command-palette-option-icon{background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-primary));border-color:color-mix(in srgb,var(--accent-primary) 30%,var(--border-primary));color:var(--accent-primary)}.command-palette-option.is-active .command-palette-option-icon.is-person{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 82%,#fff),var(--accent-primary));color:#fff}.command-palette-option-copy{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.command-palette-option-label{color:inherit;font-size:13px;font-weight:620}.command-palette-option-label,.command-palette-option-subtitle{line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-palette-option-subtitle{color:var(--text-muted);font-size:11px;font-weight:450}.command-palette-option-arrow{color:var(--text-muted);flex:0 0 auto;height:15px;opacity:0;transform:translateX(-4px);transition:opacity .1s ease,transform .1s ease,color .1s ease;width:15px}.command-palette-option.is-active .command-palette-option-arrow{color:var(--accent-primary);opacity:1;transform:translateX(0)}.command-palette-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:220px;padding:28px;text-align:center}.command-palette-empty strong{color:var(--text-secondary);font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-palette-empty span:last-child{font-size:12px}.command-palette-empty-icon{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:13px;color:var(--text-muted);display:inline-flex;height:44px;justify-content:center;margin-bottom:6px;width:44px}.command-palette-empty-icon svg{height:19px;width:19px}.command-palette-people-error{background:color-mix(in srgb,var(--danger) 6%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--danger) 20%,var(--border-primary));border-radius:8px;color:var(--text-tertiary);font-size:11px;line-height:1.4;margin:6px 10px 10px;padding:9px 11px}.command-palette-footer{align-items:center;background:color-mix(in srgb,var(--bg-tertiary) 74%,#0000);border-top:1px solid var(--border-primary);color:var(--text-muted);display:flex;font-size:10px;gap:14px;min-height:42px;padding:8px 14px}.command-palette-footer>span{align-items:center;display:inline-flex;gap:4px;white-space:nowrap}.command-palette-footer kbd{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:5px;box-shadow:0 1px 0 var(--border-primary);color:var(--text-tertiary);display:inline-flex;font-family:inherit;font-size:9px;justify-content:center;min-height:20px;min-width:20px;padding:2px 5px}.command-palette-footer kbd svg{height:11px;width:11px}.command-palette-brand{margin-left:auto}.command-palette-brand svg{height:12px;width:12px}.command-palette-visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes command-palette-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes command-palette-dialog-in{0%{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes command-palette-spin{to{transform:rotate(1turn)}}@media (max-width:1240px){.command-palette-trigger-label{display:none}}@media (max-width:768px){.command-palette-trigger{justify-content:center;min-height:32px;padding:0;width:32px}.command-palette-trigger kbd{display:none}.command-palette-overlay{padding:64px 12px 16px}.command-palette-dialog{border-radius:15px;max-height:calc(100dvh - 80px);width:100%}.command-palette-search-row{min-height:58px;padding:0 12px 0 15px}.command-palette-input{font-size:15px}.command-palette-footer{gap:10px}.command-palette-brand{display:none!important}}@media (max-width:440px){.command-palette-overlay{padding:10px}.command-palette-dialog{border-radius:13px;max-height:calc(100dvh - 20px)}.command-palette-footer>span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){.command-palette-dialog,.command-palette-loader,.command-palette-overlay{animation:none}.command-palette-option,.command-palette-option-arrow,.command-palette-option-icon,.command-palette-trigger{transition:none}}.saved-views{position:relative}.saved-views-trigger{white-space:nowrap}.saved-views-trigger.is-active{background:var(--accent-light);border-color:color-mix(in srgb,var(--accent-primary) 45%,var(--border-primary));color:var(--accent-primary)}.saved-views-active-dot{background:var(--accent-primary);border-radius:999px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 12%,#0000);height:6px;width:6px}.saved-views-menu{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 24px 64px var(--shadow),0 4px 12px #0f172a14;color:var(--text-primary);max-height:min(680px,calc(100dvh - 90px));overflow-y:auto;overscroll-behavior:contain;padding:10px;position:absolute;right:0;top:calc(100% + 10px);width:min(390px,calc(100vw - 32px));z-index:1300}.saved-views-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;padding:8px 8px 12px}.saved-views-header>div{grid-gap:3px;display:grid;gap:3px}.saved-views-header strong{font-size:15px;letter-spacing:-.01em}.saved-views-header span{color:var(--text-muted);font-size:11px;line-height:1.4}.saved-views-save-trigger{align-items:center;background:var(--accent-light);border:1px solid color-mix(in srgb,var(--accent-primary) 30%,var(--border-primary));border-radius:8px;color:var(--accent-primary);cursor:pointer;display:inline-flex;font:inherit;font-size:11px;font-weight:700;gap:6px;min-height:32px;padding:7px 10px;white-space:nowrap}.saved-views-save-trigger:hover:not(:disabled){border-color:var(--accent-primary)}.saved-views-save-trigger:disabled{cursor:not-allowed;opacity:.5}.saved-views-form{grid-gap:7px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;display:grid;gap:7px;margin:0 4px 10px;padding:12px}.saved-views-form label{color:var(--text-secondary);font-size:11px;font-weight:700}.saved-views-form-row{grid-gap:7px;display:grid;gap:7px;grid-template-columns:minmax(0,1fr) auto auto}.saved-views-form input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font:inherit;font-size:12px;height:34px;min-width:0;outline:none;padding:0 10px}.saved-views-form input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 13%,#0000)}.saved-views-form button{background:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:8px;color:var(--btn-text-on-accent);cursor:pointer;font:inherit;font-size:11px;font-weight:700;height:34px;padding:0 10px}.saved-views-form .saved-views-form-cancel{background:var(--bg-primary);border-color:var(--border-primary);color:var(--text-secondary)}.saved-views-section{border-top:1px solid var(--border-primary);padding:10px 4px 4px}.saved-views-section--personal{margin-top:8px}.saved-views-section-heading{align-items:center;color:var(--text-muted);display:flex;font-size:10px;font-weight:800;gap:5px;letter-spacing:.08em;padding:0 8px 7px;text-transform:uppercase}.saved-views-section-heading small{font-size:10px;letter-spacing:0;margin-left:auto}.saved-views-list{grid-gap:3px;display:grid;gap:3px}.saved-view-option{grid-gap:10px;align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:var(--text-primary);cursor:pointer;display:grid;gap:10px;grid-template-columns:32px minmax(0,1fr) auto;padding:9px 10px;text-align:left;width:100%}.saved-view-option:hover:not(:disabled),.saved-view-personal:hover{background:var(--bg-hover)}.saved-view-option.is-active,.saved-view-personal.is-active{background:var(--accent-light);border-color:color-mix(in srgb,var(--accent-primary) 24%,var(--border-primary))}.saved-view-option:disabled{cursor:not-allowed;opacity:.52}.saved-view-option-icon{align-items:center;background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-tertiary));border-radius:9px;color:var(--accent-primary);display:inline-flex;height:32px;justify-content:center;width:32px}.saved-view-option-copy{grid-gap:2px;display:grid;gap:2px;min-width:0;text-align:left}.saved-view-option-copy strong{color:var(--text-primary);font-size:12px;font-weight:700;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-view-option-copy small{color:var(--text-muted);font-size:10px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-view-check{color:var(--accent-primary)}.saved-view-personal{align-items:center;border:1px solid #0000;border-radius:10px;display:grid;grid-template-columns:minmax(0,1fr) 34px;transition:background-color .15s ease,border-color .15s ease}.saved-view-personal-open{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:9px 7px 9px 10px}.saved-view-delete,.saved-view-personal-open{align-items:center;background:#0000;border:0;cursor:pointer}.saved-view-delete{border-radius:8px;color:var(--text-muted);display:inline-flex;height:30px;justify-content:center;padding:0;width:30px}.saved-view-delete:hover{background:color-mix(in srgb,var(--danger) 10%,#0000);color:var(--danger)}.saved-views-empty{border:1px dashed var(--border-primary);border-radius:9px;color:var(--text-muted);gap:9px;line-height:1.45;margin:0 4px 4px;padding:11px}.saved-views-empty,.saved-views-feedback{align-items:center;display:flex;font-size:10px}.saved-views-feedback{background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);gap:10px;justify-content:space-between;margin:9px 4px 2px;padding:8px 10px}.saved-views-feedback.is-error{background:color-mix(in srgb,var(--danger) 9%,var(--bg-primary));color:var(--danger-dark)}.saved-views-feedback button{background:#0000;border:0;color:var(--accent-primary);cursor:pointer;font:inherit;font-weight:800;padding:0}@media (max-width:1200px){.saved-views-trigger-label{display:none}}@media (max-width:768px){.saved-views-trigger{height:40px;justify-content:center;min-width:40px;padding:0;width:40px}.saved-views-active-dot,.saved-views-trigger>svg:last-child{display:none}.saved-views-menu{max-height:calc(100dvh - 124px - var(--safe-area-top) - var(--safe-area-bottom));position:fixed;right:max(16px,var(--safe-area-right));top:calc(108px + var(--safe-area-top));width:min(390px,calc(100vw - 32px))}}@media (max-width:480px){.saved-views-menu{right:max(12px,var(--safe-area-right));width:calc(100vw - 24px)}.saved-views-form-row{grid-template-columns:minmax(0,1fr) auto}.saved-views-form .saved-views-form-cancel{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.saved-view-personal{transition:none}}.ud-sidebar{backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);background:linear-gradient(180deg,var(--shell-surface) 0,var(--bg-primary) 100%);background:linear-gradient(180deg,var(--chrome-surface,var(--shell-surface)) 0,var(--bg-primary) 100%);border-right:1px solid var(--border-primary);box-shadow:10px 0 36px rgba(30,41,59,.045);display:flex;flex-direction:column;flex-shrink:0;height:100vh;height:100dvh;min-height:0;overflow:hidden;padding:max(20px,env(safe-area-inset-top)) 0 max(20px,env(safe-area-inset-bottom));scrollbar-color:var(--scrollbar-thumb) #0000;scrollbar-width:thin;transition:transform .3s ease,background-color .3s ease,border-color .3s ease;width:250px}.ud-sidebar::-webkit-scrollbar{width:6px}.ud-sidebar::-webkit-scrollbar-track{background:#0000}.ud-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 20px 20px}.ud-sidebar-logo{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:6px}.ud-sidebar-logo-cushion{display:inline-flex;flex-shrink:0;line-height:0}.ud-sidebar-logo-img{background:linear-gradient(145deg,#cbd5e1,#94a3b8);border-radius:8px;display:block;filter:drop-shadow(0 1px 1px rgba(15,23,42,.28));height:auto;max-height:58px;max-width:104px;object-fit:contain;width:auto}.ud-sidebar-company-name{color:var(--text-primary);font-size:14px;font-weight:600}.ud-logo-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;width:50px}.ud-sidebar-nav{flex:1 1;overflow-y:auto;padding-bottom:16px}.ud-sidebar-section{margin-bottom:30px}.ud-section-title{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;padding:0 20px;text-transform:uppercase}.ud-sidebar-item{align-items:center;border-radius:10px;box-sizing:border-box;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:14px;margin:2px 12px;min-height:44px;padding:10px 12px;text-decoration:none;transition:all .2s ease}.ud-sidebar-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:translateX(2px)}.ud-sidebar-item.ud-active{background:linear-gradient(100deg,var(--accent-lighter),#06b6d414);box-shadow:inset 0 0 0 1px #6366f11f,0 8px 18px #4f46e514;color:var(--accent-primary)}:root[data-theme=dark] .ud-sidebar-item.ud-active{background:linear-gradient(100deg,var(--accent-lighter),rgba(6,182,212,.045))}.ud-item-icon{align-items:center;display:flex;font-size:16px;margin-right:12px}.ud-item-label{font-weight:500}.ud-storage-usage{background:var(--accent-lighter);border:1px solid #6366f129;border-radius:8px;color:var(--text-primary);flex-shrink:0;font-size:12px;margin:auto 20px 0;padding:12px}.ud-storage-usage-heading{align-items:baseline;display:flex;font-weight:600;gap:8px;justify-content:space-between;line-height:1.3}.ud-storage-usage-heading strong{color:var(--accent-primary);font-size:13px;white-space:nowrap}.ud-storage-usage-detail,.ud-storage-usage-error{color:var(--text-secondary);line-height:1.3;margin-top:3px}.ud-storage-usage-error{margin-top:0}.ud-storage-usage-bar{background:#6366f129;border-radius:999px;height:4px;margin-top:8px;overflow:hidden}.ud-storage-usage-bar span{background:var(--accent-primary);border-radius:inherit;display:block;height:100%}[data-theme=dark] .ud-storage-usage{background:#6366f11a;border-color:#818cf833}.ud-mobile-menu-toggle{align-items:center;background-color:var(--accent-primary);border:none;border-radius:8px;box-shadow:0 2px 8px var(--shadow);color:#fff;cursor:pointer;display:none;height:44px;justify-content:center;left:max(14px,env(safe-area-inset-left));position:fixed;top:max(14px,env(safe-area-inset-top));transition:all .2s ease;width:44px;z-index:1001}.ud-mobile-menu-toggle:hover{background-color:var(--accent-hover);transform:scale(1.05)}.ud-hamburger-icon{font-size:22px}.ud-mobile-menu-close{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:24px;height:44px;justify-content:center;padding:0;transition:all .2s ease;width:44px}.ud-mobile-menu-close:hover{color:var(--accent-primary);transform:scale(1.1)}.ud-sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;display:none;inset:0;position:fixed;touch-action:none;z-index:999}.ud-mobile-menu-close:focus-visible,.ud-mobile-menu-toggle:focus-visible,.ud-sidebar-item:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-primary) 72%,#fff);outline-offset:2px}@media (max-width:1024px){.ud-sidebar{width:220px}.ud-sidebar-item{font-size:13px;padding:9px 12px}.ud-item-icon{font-size:15px}}@media (max-width:768px){.ud-mobile-menu-toggle{display:flex}.ud-mobile-menu-toggle[aria-expanded=true]{opacity:0;pointer-events:none;transform:scale(.92);visibility:hidden}.ud-mobile-menu-close{display:flex}.ud-sidebar{bottom:0;box-shadow:2px 0 10px var(--shadow);left:0;overscroll-behavior:contain;position:fixed;top:0;transform:translateX(-105%);width:min(86vw,320px);z-index:1000}.ud-sidebar.ud-mobile-open{transform:translateX(0)}.ud-sidebar-overlay{display:block}.ud-sidebar-header{background:var(--shell-surface);border-bottom:1px solid var(--border-primary);margin-bottom:10px;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:1}}@media (max-width:480px){.ud-sidebar{width:min(86vw,300px)}.ud-mobile-menu-toggle{height:40px;width:40px}.ud-hamburger-icon{font-size:20px}.ud-sidebar-header{padding-inline:16px}.ud-sidebar-section{margin-bottom:22px}.ud-storage-usage{margin-inline:12px}}@media (prefers-reduced-motion:reduce){.ud-mobile-menu-close,.ud-mobile-menu-toggle,.ud-sidebar,.ud-sidebar-item{transform:none;transition-duration:.01ms!important}}@media (max-width:768px) and (prefers-reduced-motion:reduce){.ud-sidebar:not(.ud-mobile-open){transform:translateX(-105%)}}.ud-header{align-items:center;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);background:var(--shell-surface);background:var(--chrome-surface,var(--shell-surface));border-bottom:1px solid var(--border-primary);box-shadow:0 10px 30px rgba(30,41,59,.035);display:flex;flex-shrink:0;justify-content:space-between;min-width:0;padding:20px 30px;position:relative;transition:background-color .3s ease,border-color .3s ease;z-index:20}.ud-header-left{flex:1 1;min-width:0}.ud-header-title{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ud-header-right{align-items:center;display:flex;gap:12px;min-width:0}.ud-download-btn{align-items:center;background:linear-gradient(135deg,#16a34a,#059669);border:none;border-radius:9px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;min-height:40px;padding:8px 16px;transition:all .2s ease}.ud-download-btn:hover{background:linear-gradient(135deg,#15803d,#047857)}.ud-download-icon,.ud-header-btn{align-items:center;display:flex;font-size:14px}.ud-header-btn{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:9px;color:var(--text-secondary);cursor:pointer;font-weight:500;gap:6px;min-height:40px;padding:8px 16px;transition:all .2s ease}.ud-header-btn:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.ud-team-display{cursor:default;max-width:190px;min-width:0}.ud-team-display-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ud-calendar-icon,.ud-team-icon{align-items:center;display:flex;font-size:14px}.ud-dropdown-icon{align-items:center;display:flex;font-size:12px}.ud-theme-toggle-btn{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;margin-left:8px;transition:all .3s ease;width:40px}.ud-theme-toggle-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:scale(1.05)}.ud-dropdown-container{position:relative}.ud-profile-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;margin-left:8px;overflow:hidden;padding:0;width:40px}.ud-profile-icon img{height:100%;object-fit:cover;width:100%}.ud-profile-menu{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 10px 40px var(--shadow);max-width:calc(100vw - 24px);min-width:240px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.ud-profile-menu-section{padding:10px 12px}.ud-profile-menu-label{color:var(--text-tertiary);font-size:12px;margin-bottom:8px}.ud-profile-menu-org{align-items:center;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px}.ud-org-chevron{color:var(--text-tertiary);font-size:12px;margin-left:auto}.ud-profile-menu-divider{background-color:var(--border-primary);height:1px;margin:4px 0}.ud-profile-menu-item{align-items:center;background:#0000;border:0;border-radius:8px;color:var(--accent-primary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:10px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.ud-profile-menu-item:hover{background-color:var(--bg-hover)}.ud-profile-menu-item.ud-logout{color:var(--danger)}.ud-profile-menu-item.ud-logout:hover{background-color:var(--danger-light)}.ud-menu-icon{align-items:center;display:flex;font-size:16px}.ud-datepicker-dropdown{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 10px 40px var(--shadow);box-sizing:border-box;left:auto;max-height:calc(100dvh - 84px);max-width:calc(100vw - 40px);min-width:320px;overflow-y:auto;overscroll-behavior:contain;position:fixed;right:20px;top:64px;width:min(700px,calc(100vw - 40px));z-index:9999}.ud-datepicker-content{display:flex;min-width:0;overflow:hidden;padding:0}.ud-datepicker-calendar{border-right:1px solid var(--border-primary);flex:1 1;min-width:0;padding:24px}.ud-cal-header{justify-content:space-between;margin-bottom:20px}.ud-cal-header,.ud-cal-nav{align-items:center;display:flex}.ud-cal-nav{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:20px;padding:4px 12px;transition:color .2s}.ud-cal-month,.ud-cal-nav:hover{color:var(--text-primary)}.ud-cal-month{font-size:16px;font-weight:600}.ud-cal-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.ud-cal-weekday{color:var(--text-tertiary);font-size:12px;font-weight:600;padding:8px 4px;text-align:center}.ud-cal-days{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.ud-cal-day{align-items:center;aspect-ratio:1;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;justify-content:center;transition:all .2s}.ud-cal-day:hover{background-color:var(--bg-hover)}.ud-cal-other-month{color:var(--text-muted)}.ud-cal-current{background-color:var(--accent-light);color:var(--accent-primary);font-weight:600}.ud-cal-selected{font-weight:600}.ud-cal-selected,.ud-cal-selected.ud-cal-current{background-color:var(--accent-primary);color:#fff}.ud-datepicker-filters{display:flex;flex-direction:column;padding:24px;width:300px}.ud-filter-title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 16px}.ud-period-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.ud-period-btn{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-tertiary);cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s}.ud-period-btn:hover{background-color:var(--accent-lighter);border-color:var(--accent-primary)}.ud-period-active{background-color:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.ud-filter-actions{display:flex;gap:12px;margin-top:auto}.ud-filter-action-btn{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.ud-filter-cancel{background:var(--bg-primary);border:1px solid var(--accent-primary);color:var(--accent-primary)}.ud-filter-cancel:hover{background:var(--bg-tertiary)}.ud-filter-apply{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.ud-filter-apply:hover{background:var(--accent-hover)}.ud-cal-day[role=button]:focus-visible,.ud-header button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-primary) 72%,#fff);outline-offset:2px}@media (max-width:1200px){.ud-download-btn{justify-content:center;padding:0;width:40px}.ud-download-label{display:none}.ud-team-display{max-width:150px}}@media (max-width:1024px){.ud-header{padding:16px 20px}.ud-header-title{font-size:20px}.ud-header-right{gap:10px}.ud-header-btn{font-size:13px;padding:7px 12px}.ud-download-btn{padding:0}.ud-datepicker-dropdown{min-width:320px;width:min(500px,calc(100vw - 40px))}.ud-datepicker-content{flex-direction:column}.ud-datepicker-calendar{border-bottom:1px solid var(--border-primary);border-right:none}.ud-datepicker-filters{width:100%}}@media (max-width:768px){.ud-header{flex-wrap:nowrap;gap:8px;min-height:calc(64px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(68px,calc(56px + env(safe-area-inset-left)))}.ud-header-left{flex:1 1 auto;margin-bottom:0;min-width:0}.ud-header-title{font-size:18px}.ud-header-right{flex:0 0 auto;flex-wrap:nowrap;gap:6px}.ud-header .ud-command-palette-trigger{min-height:40px;width:40px}.ud-download-btn,.ud-team-display{display:none}.ud-header-btn{font-size:12px;min-height:40px;padding:7px 10px;white-space:nowrap}.ud-profile-icon{font-size:13px;height:40px;margin-left:0;width:40px}.ud-theme-toggle-btn{font-size:16px;height:40px;margin-left:0;width:40px}.ud-datepicker-dropdown{left:50%;max-height:calc(100dvh - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:calc(100vw - 24px);min-width:0;right:auto;top:calc(72px + env(safe-area-inset-top));transform:translateX(-50%);width:min(calc(100vw - 24px),420px)}}@media (max-width:480px){.ud-header{gap:5px;padding-left:max(62px,calc(52px + env(safe-area-inset-left)));padding-right:max(10px,env(safe-area-inset-right))}.ud-header-title{font-size:16px}.ud-header-right{gap:5px}.ud-date-filter-btn{justify-content:center;padding:0;width:40px}.ud-date-filter-label{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.ud-profile-icon{font-size:12px;height:40px;width:40px}.ud-theme-toggle-btn{font-size:15px;height:40px;width:40px}.ud-profile-menu{min-width:240px;right:0}.ud-datepicker-dropdown{max-width:calc(100vw - 16px);width:calc(100vw - 16px)}.ud-datepicker-calendar,.ud-datepicker-filters{padding:16px}.ud-period-buttons{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.ud-filter-action-btn,.ud-period-btn{min-height:42px;padding:9px 10px}.ud-cal-day{aspect-ratio:auto;min-height:34px;min-width:0}}@media (max-width:420px){.ud-header .ud-command-palette-trigger{display:none}}@media (max-height:620px) and (max-width:768px){.ud-datepicker-calendar{padding-block:12px}.ud-cal-header{margin-bottom:8px}.ud-cal-weekday{padding-block:4px}.ud-cal-day{min-height:30px}}@media (prefers-reduced-motion:reduce){.ud-datepicker-dropdown *,.ud-header *{transition-duration:.01ms!important}.ud-theme-toggle-btn:hover{transform:none}}.route-fallback-page{display:grid;flex:1 1;min-height:100%;padding:max(28px,var(--safe-area-top)) max(28px,var(--safe-area-right)) max(28px,var(--safe-area-bottom)) max(28px,var(--safe-area-left));place-items:center;width:100%}.route-fallback-card{width:min(100%,620px)}.route-fallback-code{color:var(--text-muted);font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 8px;text-align:center}@media (max-width:600px){.route-fallback-page{padding:max(18px,var(--safe-area-top)) max(14px,var(--safe-area-right)) max(18px,var(--safe-area-bottom)) max(14px,var(--safe-area-left))}}.ud-permission-notice{align-items:center;background:color-mix(in srgb,var(--shell-surface) 96%,#f59e0b);background:color-mix(in srgb,var(--shell-surface) 96%,var(--warning,#f59e0b));border:1px solid color-mix(in srgb,var(--warning,#f59e0b) 24%,var(--border-primary));border-radius:10px;color:var(--text-secondary);display:flex;font-size:11px;gap:10px;line-height:1.45;margin:12px 18px 0;min-width:0;padding:10px 12px}.ud-permission-notice>svg{color:#f59e0b;color:var(--warning,#f59e0b);flex:0 0 auto;font-size:17px}.ud-permission-notice strong{color:var(--text-primary)}.ud-permission-notice button{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font:inherit;font-weight:800;margin-left:auto;min-height:36px;padding:6px 9px}@media (max-width:640px){.ud-permission-notice{align-items:flex-start;flex-wrap:wrap;margin:10px max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}.ud-permission-notice button{margin-left:27px;min-height:44px}}.app-error-boundary{background:var(--workspace-background);display:grid;min-height:100vh;min-height:100dvh;padding:28px;place-items:center}.app-error-boundary__card{background:var(--shell-surface);border:1px solid var(--border-primary);border-radius:18px;box-shadow:0 24px 70px #1e293b1f;padding:24px;width:min(100%,620px)}.app-error-boundary__eyebrow{color:var(--accent-primary);font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 14px;text-transform:uppercase}.app-error-boundary__home{background:#0000;border:0;color:var(--text-tertiary);cursor:pointer;display:block;font:inherit;font-size:12px;font-weight:700;margin:14px auto 0;padding:9px 14px}@media (max-width:600px){.app-error-boundary{padding:max(18px,var(--safe-area-top)) max(14px,var(--safe-area-right)) max(18px,var(--safe-area-bottom)) max(14px,var(--safe-area-left))}.app-error-boundary__card{border-radius:16px;padding:20px 16px}.app-error-boundary__home{min-height:44px}}.connectivity-banner{--connectivity-tone:var(--success);align-items:center;animation:connectivity-banner-enter .22s ease both;background:color-mix(in srgb,var(--shell-surface) 94%,var(--connectivity-tone));border:1px solid color-mix(in srgb,var(--connectivity-tone) 25%,var(--border-primary));border-radius:13px;bottom:max(20px,calc(var(--safe-area-bottom) + 12px));box-shadow:0 16px 42px #1e293b29;color:var(--text-secondary);display:flex;font-size:12px;gap:10px;line-height:1.45;max-width:min(430px,calc(100vw - 28px));padding:12px 14px;position:fixed;right:max(20px,calc(var(--safe-area-right) + 12px));z-index:12000}.connectivity-banner--offline{--connectivity-tone:var(--warning,#f59e0b)}.connectivity-banner>svg{color:var(--connectivity-tone);flex:0 0 auto;font-size:18px}.connectivity-banner strong{color:var(--text-primary)}.connectivity-banner button{background:var(--bg-primary);border:1px solid color-mix(in srgb,var(--connectivity-tone) 30%,var(--border-primary));border-radius:8px;color:var(--text-primary);cursor:pointer;flex:0 0 auto;font:inherit;font-weight:700;padding:6px 9px}@keyframes connectivity-banner-enter{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media (max-width:520px){.connectivity-banner{bottom:max(14px,calc(var(--safe-area-bottom) + 8px));flex-wrap:wrap;left:max(14px,var(--safe-area-left));right:max(14px,var(--safe-area-right))}.connectivity-banner button{min-height:40px}}@media (prefers-reduced-motion:reduce){.connectivity-banner{animation:none}}.route-experience-announcer{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:fixed;white-space:nowrap;width:1px}
/*# sourceMappingURL=main.5b1a887e.css.map*/