@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap);: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:#f4f6f9;--bg-tertiary:#f8fafc;--bg-hover:#eef1f5;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#5f6b7a;--text-muted:#667085;--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:#fff;--scrollbar-thumb:#64748b52;--scrollbar-thumb-hover:#4f46e58f;--scrollbar-track:#94a3b80f;--workspace-background:#f4f6f9;--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:#11151b;--bg-tertiary:#20252c;--bg-hover:#2d333c;--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:#191e25;--chrome-surface:#16191ef7;--scrollbar-thumb:#94a3b84d;--scrollbar-thumb-hover:#818cf8a6;--scrollbar-track:#94a3b80d;--workspace-background:#11151b;--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}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}*{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:#f4f6f9;background:var(--workspace-background);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:#667085;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:#667085;color:var(--text-muted);font-style:italic;opacity:.7}.app{background:var(--workspace-background);display:flex;height:100vh;height:100dvh;min-height:0;overflow:hidden;position:relative;width:100%}.main-content{background:var(--workspace-background)}.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);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);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{background:var(--workspace-background)!important;background-image:none!important;max-width:100%;min-width:0;overscroll-behavior:contain;transition:background-color .3s ease;width:100%}:root[data-theme=dark] .workspace-content-body>.workspace-effects-page{background:var(--workspace-background)!important}.workspace-effects-page.is-workspace-reveal-ready .workspace-reveal-target{--workspace-reveal-y:0px;opacity:1;translate:0 0;translate:0 var(--workspace-depth-y,0)}.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:0px;border-color:color-mix(in srgb,var(--accent-primary) 16%,var(--border-primary));box-shadow:0 8px 20px #1e293b12}}@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%}.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{border-bottom:1px solid var(--border-primary);gap:12px;justify-content:space-between;margin-bottom:16px;padding:0 20px 16px}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{flex:1 1;gap:10px;min-width:0}.sidebar-brand-logo{display:block;flex-shrink:0;height:36px;max-width:72px;object-fit:contain;width:auto}.sidebar-brand-mark{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;letter-spacing:-.02em;width:36px}.sidebar-brand-name{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-illustration{display:block;height:auto;max-height:158px;object-fit:contain;width:min(210px,58%)}.unified-state--compact .unified-state-illustration{max-height:92px;width:min(138px,42%)}.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;border-bottom:1px solid var(--border-primary);display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding:0 20px 16px}.ud-sidebar-brand{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.ud-sidebar-brand-logo{display:block;flex-shrink:0;height:36px;max-width:72px;object-fit:contain;width:auto}.ud-sidebar-brand-mark{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;letter-spacing:-.02em;width:36px}.ud-sidebar-brand-name{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}}.pin-page{--ink:#172033;--muted:#5f6878;--paper:#f5f7fa;--white:#fff;--line:#dbe1e9;--violet:#4f46e5;--coral:#315bd6;--aqua:#dff4ef;--yellow:#f8efd2;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif;min-height:100vh;overflow:hidden}.pin-page *,.pin-page :after,.pin-page :before{box-sizing:border-box}.pin-page h1,.pin-page h2,.pin-page h3,.pin-page p{margin:0}.pin-page a{color:inherit;text-decoration:none}.pin-page button{font-family:inherit}.pin-shell{margin-inline:auto;width:min(1180px,calc(100% - 48px))}.pin-header{left:0;position:absolute;top:0;width:100%;z-index:30}.pin-nav{align-items:center;border-bottom:1px solid #17151c24;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);margin-inline:auto;min-height:82px;width:min(1280px,calc(100% - 48px))}.pin-brand-link{width:-webkit-max-content;width:max-content}.pin-brand{align-items:center;display:inline-flex;white-space:nowrap}.pin-brand img{display:block;height:auto;width:190px}.pin-nav-links{align-items:center;color:#4f4b56;display:flex;font-size:14px;font-weight:600;gap:31px}.pin-login,.pin-nav-links a{transition:color .18s ease}.pin-login:hover,.pin-nav-links a:hover{color:var(--violet)}.pin-nav-actions{display:flex;gap:22px;justify-self:end}.pin-button,.pin-nav-actions{align-items:center;font-size:14px;font-weight:700}.pin-button{border:1px solid #0000;border-radius:8px;display:inline-flex;gap:10px;justify-content:center;min-height:46px;padding:0 21px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.pin-button:hover{transform:translateY(-2px)}.pin-button svg{height:17px;width:17px}.pin-button-dark{background:var(--ink);color:var(--white)!important}.pin-button-dark:hover{box-shadow:0 8px 20px #1720332e}.pin-button-coral{background:var(--coral);box-shadow:0 8px 18px #315bd633;color:var(--white)!important}.pin-button-coral:hover{box-shadow:0 6px 14px #315bd62e}.pin-button-plain{background:#0000;border-color:#817c89}.pin-menu{background:var(--white);border:1px solid #aaa5b4;border-radius:6px;color:var(--ink);display:none;font-size:21px;height:44px;place-items:center;width:44px}.pin-hero{background:#f4f6fb;min-height:900px;padding:170px 0 88px;position:relative}.pin-hero-copy{margin-inline:auto;position:relative;text-align:left;width:min(1180px,calc(100% - 48px));z-index:3}.pin-kicker{align-items:center;color:#3f4b60;display:inline-flex;font-size:11px;font-weight:800;gap:9px;letter-spacing:.06em;text-transform:uppercase}.pin-kicker i{background:var(--violet);border-radius:50%;height:7px;width:7px}.pin-hero h1{font-family:Manrope,sans-serif;font-size:clamp(50px,5.8vw,76px);font-weight:800;letter-spacing:-.045em;line-height:1.04;margin-top:24px;max-width:900px}.pin-hero-copy>p{color:var(--muted);font-size:18px;line-height:1.65;margin:28px 0 0;max-width:720px}.pin-hero-actions{gap:13px;margin-top:30px}.pin-hero-actions,.pin-proof{display:flex;flex-wrap:wrap;justify-content:flex-start}.pin-proof{color:#65616c;font-size:13px;gap:24px;margin-top:24px}.pin-proof span{align-items:center;display:inline-flex;gap:6px}.pin-proof svg{color:var(--violet)}.pin-hero-art{background:var(--white);border:1px solid #d9dee8;border-radius:12px;box-shadow:0 24px 60px #1c273c24;margin:38px auto 0;overflow:hidden;position:relative;width:min(1180px,calc(100% - 48px));z-index:2}.pin-hero-art img{display:block;height:auto;width:100%}.pin-marquee{align-items:center;background:#172033;color:var(--white);display:flex;font:700 14px/1 Manrope,sans-serif;gap:30px;justify-content:center;min-height:72px;overflow:hidden;padding:18px 4vw;white-space:nowrap}.pin-marquee i{background:#8ea3d9;border-radius:50%;flex:0 0 auto;height:4px;width:4px}.pin-product{background:var(--paper);padding:125px 0 140px}.pin-section-head{grid-gap:70px;align-items:end;display:grid;gap:70px;grid-template-columns:1.25fr .75fr}.pin-final h2,.pin-how-head h2,.pin-section-head h2,.pin-why-title h2{font:700 clamp(38px,4.4vw,62px)/1.1 Manrope,sans-serif;letter-spacing:-.035em;margin-top:18px}.pin-section-head>p{color:var(--muted);font-size:17px;line-height:1.7;padding-bottom:7px}.pin-product-tabs{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px}.pin-product-tabs button{align-items:center;background:#0000;border:0;border-right:1px solid var(--line);color:#787380;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:14px;min-height:70px}.pin-product-tabs button:last-child{border-right:0}.pin-product-tabs button span{color:#aaa4b1;font-size:11px}.pin-product-tabs button.is-active{color:var(--violet)}.pin-product-tabs button:focus-visible{outline:3px solid #6957e859;outline-offset:-3px}.pin-product-tabs button:hover{background:rgba(105,87,232,.045);color:var(--ink)}.pin-product-stage{grid-gap:46px;border-radius:7px;display:grid;gap:46px;grid-template-columns:.65fr 1.35fr;margin-top:42px;min-height:680px;overflow:hidden;padding:48px 0 0 48px}.pin-product-stage.is-violet{background:#dcd4ff}.pin-product-stage.is-aqua{background:#c8f4ee}.pin-product-stage.is-coral{background:#ffd8cf}.pin-product-story{align-self:center;animation:pin-product-copy-in .26s ease both;padding:35px 0 55px}.pin-product-story>span{font-size:12px;font-weight:800;text-transform:uppercase}.pin-product-story h3{font:700 clamp(30px,3vw,43px)/1.14 Manrope,sans-serif;margin-top:18px}.pin-product-story p{color:#514d57;font-size:16px;line-height:1.72;margin-top:23px}.pin-product-story a{align-items:center;border-bottom:1px solid var(--ink);display:inline-flex;font-size:14px;font-weight:800;gap:9px;margin-top:29px;padding-bottom:5px}.pin-product-screen{align-self:end;animation:pin-product-screen-in .3s ease both;background:var(--white);border:8px solid var(--white);border-bottom:0;border-radius:7px 0 0 0;border-right:0;box-shadow:-18px -18px 48px #22194224;min-width:0;overflow:hidden}.pin-browser-bar{align-items:center;border-bottom:1px solid #e7e3ec;color:#aaa5b2;display:flex;font-size:9px;gap:6px;height:34px;padding:0 13px}.pin-browser-bar i{background:#ff826e;border-radius:50%;height:7px;width:7px}.pin-browser-bar i:nth-child(2){background:#f2d558}.pin-browser-bar i:nth-child(3){background:#6fd4a9}.pin-browser-bar span{margin-left:7px}.pin-product-screen img{display:block;width:100%}@keyframes pin-product-copy-in{0%{opacity:0;transform:translateY(7px)}}@keyframes pin-product-screen-in{0%{opacity:0;transform:translateX(12px)}}.pin-why{background:var(--white);padding:125px 0 135px}.pin-why-title{max-width:760px}.pin-reasons{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:70px}.pin-reason{border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;min-height:360px;padding:30px}.pin-reason,.pin-reason.is-aqua,.pin-reason.is-violet,.pin-reason.is-yellow{background:var(--white)}.pin-reason-icon{background:#f5f7fb;border:1px solid #cbd4e1;border-radius:10px;color:var(--violet);display:grid;font-size:22px;height:52px;place-items:center;width:52px}.pin-reason small{color:#687386;font-size:11px;font-weight:800;margin-top:auto;padding-top:52px;text-transform:uppercase}.pin-reason h3{font:700 25px/1.25 Manrope,sans-serif;margin-top:15px}.pin-reason p{color:#514d56;font-size:15px;line-height:1.67;margin-top:18px}.pin-how{background:var(--paper);padding:125px 0 140px}.pin-how-head{max-width:750px}.pin-steps{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px}.pin-steps article{border-right:1px solid var(--line);min-height:315px;padding:28px 30px;position:relative}.pin-steps article:first-child{padding-left:0}.pin-steps article:last-child{border-right:0}.pin-steps article>span{background:var(--white);border-radius:50%;color:var(--violet);display:grid;font-size:20px;height:46px;place-items:center;width:46px}.pin-steps small{color:#96909e;font-weight:800;position:absolute;right:30px;top:35px}.pin-steps h3{font:700 25px/1.25 Manrope,sans-serif;margin-top:66px}.pin-steps p{color:var(--muted);font-size:15px;line-height:1.7;margin-top:17px}.pin-final{background:var(--coral);padding:115px 0}.pin-final-inner{text-align:center}.pin-final .pin-kicker{color:#ffffffd1}.pin-final .pin-kicker i{background:#fff}.pin-final h2{color:#fff;font-size:clamp(42px,5.4vw,70px);margin-inline:auto;max-width:900px}.pin-final p{color:#fffc;font-size:17px;line-height:1.7;margin:25px auto 0;max-width:680px}.pin-final .pin-button-plain{border-color:#ffffffa6;color:#fff}.pin-final-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:31px}.pin-footer{background:var(--ink);color:var(--white);padding:70px 0 25px}.pin-footer .pin-brand img{width:220px}.pin-footer-main{grid-gap:80px;display:grid;gap:80px;grid-template-columns:1fr 1.4fr}.pin-footer-main>div:first-child p{color:#ffffff80;font-size:14px;margin-top:17px}.pin-footer-links{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.pin-footer-links>div{grid-gap:13px;align-content:start;display:grid;gap:13px}.pin-footer-links strong{color:var(--white);font-size:12px;margin-bottom:6px;text-transform:uppercase}.pin-footer-links a{color:#ffffff94;font-size:13px;width:-webkit-max-content;width:max-content}.pin-footer-links a:hover{color:var(--aqua)}.pin-footer-bottom{border-top:1px solid #ffffff26;color:#fff6;display:flex;font-size:12px;justify-content:space-between;margin-top:60px;padding-top:22px}.pin-reveal,.pin-reveal.is-visible{opacity:1;transform:none}@media (max-width:1020px){.pin-nav{grid-template-columns:1fr auto}.pin-nav-links{align-items:stretch;background:var(--white);border:1px solid #d4cfdd;border-radius:6px;box-shadow:0 18px 50px #22194229;display:none;flex-direction:column;gap:2px;left:24px;padding:18px;position:absolute;right:24px;top:73px}.pin-nav-links.is-open{display:flex}.pin-nav-links a{padding:12px 10px}.pin-nav-actions{display:none}.pin-menu{display:grid}.pin-product-stage{gap:30px;grid-template-columns:1fr;padding:42px 0 0 42px}.pin-product-story{max-width:650px;padding-right:42px}.pin-product-screen{max-height:500px}}@media (max-width:760px){.pin-hero-copy,.pin-nav,.pin-shell{width:min(100% - 32px,1180px)}.pin-nav{min-height:70px}.pin-brand img{width:170px}.pin-hero{min-height:auto;padding:122px 0 72px}.pin-hero h1{font-size:clamp(40px,11.5vw,54px)}.pin-hero-copy>p{font-size:16px}.pin-hero-actions .pin-button{flex:1 1 150px}.pin-proof{gap:10px 16px}.pin-hero-art{margin-top:42px;width:calc(100% - 24px)}.pin-marquee{gap:20px;justify-content:flex-start;overflow-x:auto}.pin-how,.pin-product,.pin-why{padding:88px 0}.pin-section-head{gap:25px;grid-template-columns:1fr}.pin-final h2,.pin-how-head h2,.pin-section-head h2,.pin-why-title h2{font-size:41px}.pin-product-tabs{margin-top:47px;overflow-x:auto}.pin-product-tabs button{min-height:62px;min-width:125px}.pin-product-stage{grid-template-columns:1fr;min-height:auto;padding:33px 0 0 22px}.pin-product-story{padding:10px 22px 15px 0}.pin-product-story h3{font-size:31px}.pin-product-screen{border-width:5px;border-bottom:0;border-right:0}.pin-browser-bar{height:27px}.pin-reasons{grid-template-columns:1fr}.pin-reason{min-height:320px}.pin-reason small{padding-top:42px}.pin-steps{grid-template-columns:1fr}.pin-steps article,.pin-steps article:first-child{border-bottom:1px solid var(--line);border-right:0;min-height:auto;padding:27px 0 34px}.pin-steps article:last-child{border-bottom:0}.pin-steps h3{margin-top:36px}.pin-steps small{right:0}.pin-final{padding:85px 0}.pin-footer-links,.pin-footer-main{grid-template-columns:1fr}.pin-footer-main{gap:50px}.pin-footer-links{gap:32px}}@media (max-width:430px){.pin-brand img{width:152px}.pin-hero h1{font-size:42px}.pin-product-story h3{font-size:28px}.pin-footer-bottom{flex-direction:column;gap:18px}}@media (prefers-reduced-motion:reduce){.pin-reveal,.pin-reveal.is-visible{opacity:1;transform:none;transition:none}.pin-product-screen,.pin-product-story{animation:none}}.pin-demo-section{background:linear-gradient(180deg,#fff,#f3f1fb);padding:96px 0 110px}.pin-demo-intro{margin-bottom:34px;max-width:760px}.pin-demo-intro h2{font-family:Manrope,sans-serif;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;line-height:1.08;margin-top:14px}.pin-demo-intro h2 em{color:var(--violet);font-style:normal}.pin-demo-intro p{color:var(--muted);font-size:1.05rem;line-height:1.65;margin-top:16px;max-width:640px}.pin-demo-frame{background:#fff;border:1px solid #17151c1f;border-radius:22px;box-shadow:0 28px 70px #17151c1f,0 8px 24px #6957e814;overflow:hidden;position:relative}.pin-demo-section.is-demo-fullscreen.pin-reveal,.pin-demo-section.is-demo-fullscreen.pin-reveal.is-visible{opacity:1!important;transform:none!important}.pin-demo-frame.is-expanded{background:#fff;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100vh;height:100dvh;inset:0;max-width:none;position:fixed;width:100vw;z-index:10000}.pin-demo-toolbar{align-items:center;background:#faf9fd;border-bottom:1px solid #17151c14;display:flex;flex-shrink:0;justify-content:flex-end;padding:8px 10px}.pin-demo-expand-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#5c5866;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:background .16s ease,color .16s ease,border-color .16s ease;width:32px}.pin-demo-expand-btn:hover{background:#fff;border-color:#6957e847;color:#6957e8;color:var(--violet,#6957e8)}.pin-demo-expand-btn:focus-visible{outline:2px solid #6957e8;outline:2px solid var(--violet,#6957e8);outline-offset:2px}.pin-demo-expand-btn svg{height:16px;width:16px}.pin-demo-viewport{background:#f7f6fb;background:var(--workspace-background,#f7f6fb);height:min(72vh,760px);min-height:560px;overflow:hidden;position:relative}.pin-demo-frame.is-expanded .pin-demo-viewport{flex:1 1 auto;height:auto;min-height:0}.pin-demo-mount{height:100%;min-height:0;overflow:hidden}.pin-demo-viewport .app{height:100%!important;max-height:100%!important;min-height:0!important}.pin-demo-viewport .main-content,.pin-demo-viewport .main-content-body,.pin-demo-viewport .main-content-body>*,.pin-demo-viewport .pin-demo-content{min-height:0}.pin-demo-viewport .header{flex-wrap:nowrap;gap:10px;padding:12px 14px;z-index:4}.pin-demo-viewport .header-left{flex:0 1 auto;margin-right:8px;max-width:min(160px,28%);min-width:0}.pin-demo-viewport .header-title{font-size:15px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-demo-viewport .header-right{flex:1 1 auto;flex-wrap:nowrap;gap:6px;justify-content:flex-end;min-width:0}.pin-demo-viewport .command-palette-trigger,.pin-demo-viewport .header-command-palette-trigger{flex:0 1 132px;max-width:132px;min-width:0;overflow:hidden}.pin-demo-viewport .command-palette-trigger-label{overflow:hidden;text-overflow:ellipsis}.pin-demo-viewport .add-users-btn{font-size:11px;padding:6px 10px;white-space:nowrap}.pin-demo-viewport .header .dropdown-container,.pin-demo-viewport .saved-views-menu{flex-shrink:1}.pin-demo-content{min-height:0}.pin-demo-viewport .sidebar{min-width:200px;width:200px;z-index:5}@media (max-width:900px){.pin-demo-section{padding:72px 0 84px}.pin-demo-viewport{height:68vh;min-height:480px}}@media (max-width:640px){.pin-demo-viewport{min-height:420px}}.legal-page{background-color:var(--bg-tertiary);box-sizing:border-box;min-height:100vh;min-height:100svh;padding:max(40px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.legal-container{background:var(--bg-primary);border-radius:12px;box-shadow:0 2px 8px var(--shadow-md);box-sizing:border-box;margin:0 auto;max-width:900px;padding:60px}.legal-header{border-bottom:2px solid var(--border-primary);margin-bottom:40px;padding-bottom:30px}.back-link{align-items:center;color:var(--accent-primary);display:inline-flex;font-size:14px;font-weight:500;margin-bottom:20px;min-height:44px;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--accent-hover);text-decoration:underline}.legal-header h1{color:var(--text-primary);font-size:36px;font-weight:700;margin:0 0 10px}.last-updated{color:var(--text-tertiary);font-size:14px;margin:0}.legal-content{color:var(--text-secondary);line-height:1.8;overflow-wrap:anywhere}.legal-content section{margin-bottom:40px}.legal-content h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 16px}.legal-content h3{color:var(--text-secondary);font-size:18px;font-weight:600;margin:24px 0 12px}.legal-content p{font-size:16px;margin:0 0 16px}.legal-content ul{margin:16px 0;padding-left:24px}.legal-content li{font-size:16px;margin-bottom:8px}.legal-content strong{color:var(--text-primary);font-weight:600}@media (max-width:768px){.legal-page{padding:max(20px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.legal-container{padding:32px 24px}.legal-header h1{font-size:28px}.legal-content h2{font-size:20px}.legal-content h3{font-size:16px}.legal-content li,.legal-content p{font-size:14px}}@media (max-width:400px){.legal-page{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.legal-container{border-radius:10px;padding:24px 18px}.legal-header{margin-bottom:28px;padding-bottom:22px}.legal-header h1{font-size:25px;line-height:1.2}.legal-content section{margin-bottom:30px}.legal-content ul{padding-left:20px}}.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-illustration{flex:0 0 auto;height:40px;object-fit:contain;width:54px}.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.3c2e14b5.css.map*/