@keyframes slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:root{--duration-fast:120ms;--space-12:48px;--color-fg-secondary:#475569;--shadow-elevated:0 8px 24px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);--color-sidebar-bg-solid:#0f172a;--color-info:#2563eb;--color-bg-inset:#f1f3f5;--shadow-inset:inset 0 1px 2px rgba(0,0,0,0.06);--color-danger-fg:#991b1b;--z-dropdown:100;--radius-lg:12px;--leading-relaxed:1.625;--space-10:40px;--ease-smooth:cubic-bezier(0.25, 1, 0.5, 1);--color-accent-hover:#4f46e5;--color-bg-overlay:rgba(15, 23, 42, 0.45);--color-border-strong:#cbd5e1;--text-sm:12px;--radius-full:9999px;--text-lg:16px;--text-2xl:22px;--text-3xl:28px;--shadow-overlay:0 16px 48px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);--color-sidebar-bg:#0f172a;--color-accent-fg:#4338ca;--color-danger-subtle:#fef2f2;--duration-slow:350ms;--space-3:12px;--color-border-subtle:#f1f5f9;--space-2:8px;--color-success:#059669;--duration-base:200ms;--space-5:20px;--space-16:64px;--radius-sm:4px;--text-base:14px;--color-sidebar-text:rgba(255, 255, 255, 0.70);--text-xl:18px;--space-4:16px;--space-6:24px;--font-mono:'JetBrains Mono', 'SF Mono', 'Fira Code', ui-monospace, monospace;--color-sidebar-active:rgba(255, 255, 255, 0.15);--color-accent-subtle:#eef2ff;--color-danger:#dc2626;--color-fg-on-accent:#ffffff;--color-bg-elevated:#ffffff;--space-1:4px;--color-info-subtle:#eff6ff;--shadow-card:0 1px 2px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.03);--shadow-card-hover:0 4px 12px rgba(0,0,0,0.07), 0 1px 3px rgba(0,0,0,0.04);--color-fg-faint:#cbd5e1;--color-bg-surface:#ffffff;--radius-md:8px;--space-8:32px;--color-accent:#6366f1;--leading-tight:1.25;--sidebar-width:248px;--color-fg:#0f172a;--color-warning-fg:#92400e;--color-border:#e2e8f0;--z-modal:1000;--leading-normal:1.5;--color-fg-muted:#94a3b8;--color-sidebar-hover:rgba(255, 255, 255, 0.10);--text-xs:11px;--color-success-subtle:#ecfdf5;--color-accent-muted:#e0e7ff;--color-warning:#d97706;--color-warning-subtle:#fffbeb;--shadow-focus:0 0 0 2px var(--color-accent-muted);--color-success-fg:#065f46;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;--color-bg:#f8f9fb;--z-toast:2000}html{box-sizing:border-box;line-height:1.5;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:100%}*,::after,::before{box-sizing:inherit}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:400;color:var(--color-fg);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{border-style:none;max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit;margin:0}input,select,textarea{line-height:inherit}button,select{text-transform:none}textarea{overflow:auto}[hidden]{display:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-2)0;font-weight:600;line-height:var(--leading-tight);color:var(--color-fg)}h1{font-size:var(--text-3xl);letter-spacing:-.025em}h2{font-size:var(--text-2xl);letter-spacing:-.02em}h3{font-size:var(--text-xl);letter-spacing:-.015em}h4{font-size:var(--text-lg)}p{margin:0 0 var(--space-4)0}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}button:hover,code{background:var(--color-bg-inset)}code{font-family:var(--font-mono);font-size:.9em;padding:2px 6px;border-radius:var(--radius-sm)}button{min-width:36px;line-height:1;gap:var(--space-2);justify-content:center;height:36px;user-select:none;border:1px solid var(--color-border);align-items:center;padding:0 var(--space-4);white-space:nowrap;cursor:pointer;font-weight:500;-webkit-user-select:none;font-size:var(--text-sm);border-radius:var(--radius-md);display:inline-flex;transition:all var(--duration-fast) var(--ease-smooth);background:var(--color-bg-surface);color:var(--color-fg)}button:hover{border-color:var(--color-border-strong)}button:active{transform:translateY(1px)}.btn-danger,.btn-primary{color:var(--color-fg-on-accent)}.btn-primary{background:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.btn-ghost{background:0 0;border-color:transparent;color:var(--color-fg-secondary)}.btn-ghost:hover{background:var(--color-bg-inset);color:var(--color-fg)}.btn-sm{height:28px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-lg{height:44px;padding:0 var(--space-6);font-size:var(--text-base)}.btn-ghost.text-danger,.text-danger{color:var(--color-danger)}.btn-ghost.text-danger:hover{color:#b91c1c;background:var(--color-bg-inset)}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06)}.sidebar-brand{padding:var(--space-6) var(--space-5) var(--space-5);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:var(--space-2)}.sidebar-brand img{height:28px;display:block}.sidebar-nav{flex:1;padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto;min-height:0}.sidebar-section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.35);padding:var(--space-4) var(--space-3) var(--space-1)}.invite-form input[type=email],.nav-item{font-size:var(--text-sm);border-radius:var(--radius-md)}.nav-item{width:100%;gap:var(--space-3);user-select:none;border:0;align-items:center;padding:var(--space-2) var(--space-3);text-align:left;min-height:36px;cursor:pointer;font-weight:500;text-decoration:none;-webkit-user-select:none;display:flex;transition:all var(--duration-fast) var(--ease-smooth);background:0 0;color:var(--color-sidebar-text)}.nav-item:hover{color:#fff;background:var(--color-sidebar-hover)}.nav-item-active{color:#fff;background:var(--color-sidebar-active)}.nav-item-icon{width:18px;text-align:center;flex-shrink:0}.nav-item-badge{margin-left:auto;font-size:var(--text-xs);background:rgba(255,255,255,.12);color:rgba(255,255,255,.7);padding:1px 8px;border-radius:var(--radius-full)}.topbar{display:none;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-sidebar-bg-solid);color:#fff;min-height:48px;flex-shrink:0}.topbar-brand{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em}.hamburger{min-width:36px;justify-content:center;user-select:none;border:0;align-items:center;padding:var(--space-1) var(--space-2);min-height:36px;cursor:pointer;-webkit-user-select:none;font-size:var(--text-xl);border-radius:var(--radius-md);display:flex;background:0 0;color:#fff}.hamburger:hover{background:rgba(255,255,255,.1)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:49}.main-content{flex:1;overflow-y:auto;background:var(--color-bg)}.page-container{max-width:1200px;padding:var(--space-8) var(--space-8)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.page-header-left{display:flex;flex-direction:column;gap:var(--space-1)}.page-title{font-size:var(--text-2xl);font-weight:600;margin:0;color:var(--color-fg)}.page-subtitle{font-size:var(--text-sm);color:var(--color-fg-muted);margin:0}.invite-form,.page-actions{display:flex;gap:var(--space-2);align-items:center}.invite-form{gap:var(--space-3);margin-bottom:var(--space-6)}.invite-form input[type=email]{line-height:1;height:36px;border:1px solid var(--color-border);padding:0 var(--space-4);outline:0;box-sizing:border-box;flex:1;background:var(--color-bg-surface);color:var(--color-fg)}.invite-form input[type=email]:focus,.landing-form input[type=email]:focus,.signin-form input[type=email]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.invite-form .btn-primary{height:36px;padding:0 var(--space-5);font-size:var(--text-sm);border-radius:var(--radius-md);box-sizing:border-box}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card-body{padding:var(--space-5)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;align-items:center}.card-header-title{font-size:var(--text-sm);font-weight:600;margin:0}.card-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-inset)}.stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.stat-value{font-size:var(--text-3xl);font-weight:700;margin:0;line-height:1.1;font-feature-settings:"tnum"}.stat-label{font-size:var(--text-xs);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-2)}.stat-change{font-size:var(--text-xs);font-weight:500;margin-top:var(--space-1)}.stat-change-up{color:var(--color-success)}.stat-change-down{color:var(--color-danger)}.data-table{width:100%;border-collapse:collapse;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.data-table tbody tr:hover,.data-table thead{background:var(--color-bg-inset)}.data-table td,.data-table th{padding:var(--space-3) var(--space-4)}.data-table th{text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border)}.data-table td{font-size:var(--text-sm);border-bottom:1px solid var(--color-border-subtle);color:var(--color-fg)}.data-table tbody tr{transition:background var(--duration-fast) var(--ease-smooth);cursor:pointer}.data-table tbody tr:last-child td{border-bottom:none}.badge{line-height:1;height:22px;user-select:none;align-items:center;padding:0 var(--space-2);white-space:nowrap;font-weight:500;-webkit-user-select:none;font-size:var(--text-xs);border-radius:var(--radius-full);display:inline-flex}.badge-neutral{background:var(--color-bg-inset);color:var(--color-fg-secondary)}.badge-accent{background:var(--color-accent-subtle);color:var(--color-accent-fg)}.badge-success{background:var(--color-success-subtle);color:var(--color-success-fg)}.badge-warning{background:var(--color-warning-subtle);color:var(--color-warning-fg)}.badge-danger{background:var(--color-danger-subtle);color:var(--color-danger-fg)}.field-group{margin-bottom:var(--space-4)}.field-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-fg-secondary);margin-bottom:var(--space-1)}.field-hint{font-size:var(--text-xs);color:var(--color-fg-muted);margin-top:var(--space-1)}.field-input{width:100%;height:36px;border:1px solid var(--color-border);padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth);background:var(--color-bg-surface);color:var(--color-fg)}.field-input:hover{border-color:var(--color-border-strong)}.field-input:focus,.field-textarea:focus,.search-input:focus{outline:0;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.field-input::placeholder{color:var(--color-fg-faint)}.field-select,.field-textarea{width:100%;border:1px solid var(--color-border);font-size:var(--text-sm);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-fg)}.field-textarea{padding:var(--space-2) var(--space-3);min-height:80px;resize:vertical}.field-select{appearance:none;height:36px;padding:0 var(--space-3);cursor:pointer}.search-bar{position:relative}.search-input{width:100%;height:40px;border:1px solid var(--color-border);padding:0 var(--space-4)0 var(--space-10);font-size:var(--text-sm);border-radius:var(--radius-md);transition:border-color var(--duration-fast),box-shadow var(--duration-fast);background:var(--color-bg-surface);color:var(--color-fg)}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-fg-muted);pointer-events:none}.toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.toolbar-spacer{flex:1}.modal-overlay{position:fixed;inset:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-8)}.modal{width:100%;max-width:560px;overflow-y:auto;flex-direction:column;box-shadow:var(--shadow-overlay);border-radius:var(--radius-lg);display:flex;background:var(--color-bg-surface);max-height:85vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-5) var(--space-3);flex-shrink:0}.modal-title{font-size:var(--text-lg);font-weight:600;margin:0}.modal-close{background:0 0;border:0;cursor:pointer;color:var(--color-fg-muted);padding:var(--space-1);border-radius:var(--radius-sm);display:flex;font-size:var(--text-xl)}.modal-close:hover{color:var(--color-fg);background:var(--color-bg-inset)}.modal-body{padding:var(--space-3) var(--space-5) var(--space-5);flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-subtle)}.avatar{width:32px;justify-content:center;height:32px;align-items:center;flex-shrink:0;font-weight:600;font-size:var(--text-xs);border-radius:var(--radius-full);display:inline-flex;background:var(--color-accent-subtle);color:var(--color-accent-fg)}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-lg{width:40px;height:40px;font-size:var(--text-sm)}.detail-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-6);align-items:start}.detail-main,.detail-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.detail-field{margin-bottom:var(--space-3)}.detail-field-label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--color-fg-muted);margin-bottom:var(--space-1)}.detail-field-value{font-size:var(--text-sm);color:var(--color-fg)}.detail-field-value-lg{font-size:var(--text-2xl);font-weight:700;color:var(--color-fg)}.empty-state{text-align:center;padding:var(--space-16) var(--space-6)}.empty-state-icon{font-size:48px;color:var(--color-fg-faint);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--color-fg);margin-bottom:var(--space-2)}.empty-state-text,.loading-state{color:var(--color-fg-muted);font-size:var(--text-sm)}.empty-state-text{margin-bottom:var(--space-5);max-width:400px;margin-left:auto;margin-right:auto}.loading-state{text-align:center;padding:var(--space-12) var(--space-6)}.pagination,.toast{display:flex;align-items:center}.toast{gap:var(--space-3);right:var(--space-6);padding:var(--space-3) var(--space-5);position:fixed;z-index:var(--z-toast);box-shadow:var(--shadow-elevated);font-size:var(--text-sm);border-radius:var(--radius-md);bottom:var(--space-6);background:var(--color-sidebar-bg);color:#fff}.pagination{gap:var(--space-1);justify-content:center;margin-top:var(--space-5)}.form-field input,.form-field select,.page-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--text-sm);background:var(--color-bg-surface)}.page-btn{width:32px;justify-content:center;height:32px;align-items:center;cursor:pointer;display:inline-flex;transition:all var(--duration-fast);color:var(--color-fg-secondary)}.page-btn-active,.page-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.page-btn-active{background:var(--color-accent);color:var(--color-fg-on-accent)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.form-field label,.tab-item{font-size:var(--text-sm);font-weight:500}.tab-item{user-select:none;border:0;padding:var(--space-2) var(--space-4);margin-bottom:-1px;cursor:pointer;-webkit-user-select:none;transition:all var(--duration-fast);background:0 0;color:var(--color-fg-muted)}.tab-item:hover{color:var(--color-fg)}.tab-item-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.mono{font-family:var(--font-mono);font-size:.9em;font-feature-settings:"tnum"}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field label{color:var(--color-fg-secondary)}.form-field input,.form-field select{padding:var(--space-3);color:var(--color-fg)}.form-field input:focus,.form-field select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:0}.form-field input:disabled{background:var(--color-bg-inset);color:var(--color-fg-muted);cursor:not-allowed}.cal{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.cal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.cal-title{font-size:var(--text-base);font-weight:600;margin:0}.cal-nav,.cal-view-toggle{display:flex;gap:var(--space-1)}.cal-week{max-height:640px;overflow-y:auto}.cal-week-header{display:grid;grid-template-columns:56px repeat(7,1fr);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:3;background:var(--color-bg-surface)}.cal-week-day-header{text-align:center;padding:var(--space-2)0}.cal-weekday{display:block;font-size:var(--text-xs);font-weight:500;color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.04em}.cal-daynum{display:block;font-size:var(--text-lg);font-weight:600;color:var(--color-fg)}.cal-day-today,.cal-day-today .cal-daynum{color:var(--color-accent)}.cal-week-body{display:grid;grid-template-columns:56px repeat(7,1fr)}.cal-gutter{border-right:1px solid var(--color-border-subtle)}.cal-hour-label{justify-content:flex-end;height:48px;align-items:flex-start;padding:0 var(--space-2);transform:translateY(-6px);font-feature-settings:"tnum";font-size:var(--text-xs);display:flex;color:var(--color-fg-muted)}.cal-week-day{position:relative;border-right:1px solid var(--color-border-subtle);min-height:1152px;background:repeating-linear-gradient(to bottom,transparent,transparent 47px,var(--color-border-subtle) 47px,var(--color-border-subtle) 48px)}.cal-week-day:last-child{border-right:none}.cal-week-day-today{background-color:var(--color-accent-subtle)}.cal-now-line,.cal-now-line::before{position:absolute;background:var(--color-danger)}.cal-now-line{left:0;right:0;height:2px;z-index:2;pointer-events:none}.cal-now-line::before{content:"";left:-4px;top:-3px;width:8px;height:8px;border-radius:var(--radius-full)}.cal-entry{user-select:none;padding:var(--space-1) var(--space-2);z-index:1;cursor:pointer;-webkit-user-select:none;overflow:hidden;font-size:var(--text-xs);border-radius:var(--radius-sm);transition:box-shadow var(--duration-fast)}.cal-entry:hover{box-shadow:var(--shadow-card-hover)}.cal-entry-label{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-entry-time{opacity:.8}.cal-entry-accent{background:var(--color-accent-subtle);color:var(--color-accent-fg);border-left:3px solid var(--color-accent)}.cal-entry-success{background:var(--color-success-subtle);color:var(--color-success-fg);border-left:3px solid var(--color-success)}.cal-entry-warning{background:var(--color-warning-subtle);color:var(--color-warning-fg);border-left:3px solid var(--color-warning)}.cal-entry-danger{background:var(--color-danger-subtle);color:var(--color-danger-fg);border-left:3px solid var(--color-danger)}.cal-entry-neutral{background:var(--color-bg-inset);color:var(--color-fg-secondary);border-left:3px solid var(--color-border-strong)}.cal-month-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--color-border)}.cal-month-weekday{text-align:center;padding:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.04em}.cal-month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.cal-month-cell{min-height:100px;padding:var(--space-1);border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.cal-month-cell:nth-child(7n){border-right:none}.cal-month-cell-outside{opacity:.4}.cal-month-day-num{font-size:var(--text-xs);font-weight:500;color:var(--color-fg-secondary);padding:var(--space-1);font-feature-settings:"tnum"}.cal-day-today .cal-month-day-num{color:var(--color-fg-on-accent);background:var(--color-accent);border-radius:var(--radius-full);width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.cal-month-entries{display:flex;flex-direction:column;gap:1px;margin-top:var(--space-1)}.cal-month-entry,.cal-month-more{font-size:10px;padding:1px var(--space-1);cursor:pointer}.cal-month-entry{border-radius:var(--radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-month-more{color:var(--color-fg-muted)}.cal-month-more:hover,.footer-col a:hover{color:var(--color-accent)}@media (max-width:768px){.cal-header{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3)}.cal-title{width:100%;order:-1}.cal-week-header{grid-template-columns:repeat(7,1fr)}.cal-gutter{display:none}.cal-week-body{grid-template-columns:repeat(7,1fr)}.cal-month-cell{min-height:60px}}.slide-in{animation:slide-in .5s var(--ease-smooth) forwards}.slide-out{animation:slide-out .5s var(--ease-smooth) forwards}.notify-area{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.notify{width:320px;user-select:none;border:1px solid var(--color-border);align-items:stretch;cursor:pointer;-webkit-user-select:none;box-shadow:var(--shadow-elevated);overflow:hidden;border-radius:var(--radius-md);display:flex;pointer-events:auto;background:var(--color-bg-surface)}.notify:hover{box-shadow:var(--shadow-overlay)}.notify-bar{width:4px;flex-shrink:0;border-radius:var(--radius-md)0 0 var(--radius-md)}.notify-message{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-fg);line-height:var(--leading-normal)}.info .notify-bar{background:var(--color-accent)}.success .notify-bar{background:var(--color-success)}.warning .notify-bar{background:var(--color-warning)}.error .notify-bar{background:var(--color-danger)}.user-menu{margin-top:auto;padding:var(--space-3);border-top:1px solid rgba(255,255,255,.08);position:relative}.user-menu-trigger{width:100%;gap:var(--space-3);user-select:none;border:0;align-items:center;padding:var(--space-2) var(--space-3);text-align:left;cursor:pointer;-webkit-user-select:none;font-size:var(--text-sm);border-radius:var(--radius-md);display:flex;background:0 0;color:var(--color-sidebar-text)}.user-menu-trigger:hover{background:var(--color-sidebar-hover);color:#fff}.user-menu-avatar{width:28px;justify-content:center;height:28px;align-items:center;flex-shrink:0;font-weight:600;font-size:var(--text-xs);border-radius:var(--radius-full);display:flex;background:rgba(255,255,255,.15);color:#fff}.user-menu-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-chevron{flex-shrink:0;opacity:.5}.user-menu-dropdown{right:var(--space-3);border:1px solid var(--color-border);padding:var(--space-1);position:absolute;z-index:var(--z-dropdown);margin-bottom:var(--space-2);box-shadow:var(--shadow-elevated);border-radius:var(--radius-md);bottom:100%;background:var(--color-bg-elevated);left:var(--space-3)}.custom-select,.user-menu-item{user-select:none;align-items:center;cursor:pointer;-webkit-user-select:none}.user-menu-item{width:100%;gap:var(--space-3);border:0;padding:var(--space-2) var(--space-3);text-align:left;text-decoration:none;font-size:var(--text-sm);border-radius:var(--radius-sm);display:flex;background:0 0;color:var(--color-fg)}.user-menu-item:hover{background:var(--color-bg-inset)}.custom-select{gap:var(--space-2);border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);position:relative;border-radius:var(--radius-md);display:inline-flex;background:var(--color-bg-surface)}.custom-select:hover{border-color:var(--color-accent)}.custom-select-chevron{font-size:.7em;color:var(--color-text-tertiary);margin-left:var(--space-1)}.custom-select-dropdown{min-width:100px;border:1px solid var(--color-border);white-space:nowrap;position:fixed;animation:dropdown-in 120ms ease-out forwards;z-index:1000;box-shadow:var(--shadow-card);overflow:hidden;border-radius:var(--radius-md);background:var(--color-bg-surface)}.custom-select-option{padding:var(--space-1) var(--space-2);cursor:pointer}.custom-select-option:hover{background:var(--color-bg-hover)}.resource-name{font-weight:500;color:var(--color-fg)}.resource-secondary{font-size:var(--text-xs);color:var(--color-fg-muted)}.resource-row-name{display:flex;align-items:center;gap:var(--space-3)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.dashboard-charts{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}.dashboard-charts,.dashboard-recent{margin-top:var(--space-6)}.pipeline-board{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-2);min-height:500px}.pipeline-stage{min-width:280px;width:280px;flex-shrink:0;background:var(--color-bg-inset);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column}.stage-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--color-fg-secondary)}.stage-count,.stage-total{font-size:var(--text-xs);color:var(--color-fg-muted)}.stage-count{background:var(--color-border);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.stage-total{font-feature-settings:"tnum";padding:0 var(--space-2);margin-bottom:var(--space-2)}.stage-cards{flex:1;display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto}.deal-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.deal-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-card-hover)}.deal-card-title,.deal-card-value{font-size:var(--text-sm);font-weight:600}.deal-card-title{color:var(--color-fg);margin-bottom:var(--space-1)}.deal-card-value{color:var(--color-accent);font-feature-settings:"tnum"}.deal-card-meta{font-size:var(--text-xs);color:var(--color-fg-muted);margin-top:var(--space-1);display:flex;justify-content:space-between;align-items:center}.deal-stage-progress{display:flex;gap:var(--space-1);margin:var(--space-4)0}.deal-stage-step{flex:1;height:4px;border-radius:var(--radius-full);background:var(--color-border)}.deal-stage-step-complete{background:var(--color-accent)}.deal-stage-step-current{background:var(--color-warning)}.contact-hero{display:flex;align-items:center;gap:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-5)}.contact-hero-avatar{width:64px;justify-content:center;height:64px;align-items:center;flex-shrink:0;font-weight:700;font-size:var(--text-xl);border-radius:var(--radius-full);display:flex;background:var(--color-accent-subtle);color:var(--color-accent-fg)}.contact-hero-info{flex:1}.contact-hero-name{font-size:var(--text-2xl);font-weight:600;margin:0}.contact-hero-company,.contact-hero-title{font-size:var(--text-sm);color:var(--color-fg-muted)}.contact-hero-company{color:var(--color-accent)}.timeline{list-style:none;padding:0;margin:0}.timeline-item{position:relative;padding:0 0 var(--space-5) var(--space-8)}.timeline-item::before{content:"";position:absolute;left:11px;top:28px;bottom:0;width:1px;background:var(--color-border)}.timeline-item:last-child::before{display:none}.timeline-dot{width:16px;top:6px;height:16px;border:2px solid var(--color-accent);position:absolute;z-index:1;border-radius:var(--radius-full);background:var(--color-bg-surface);left:4px}.timeline-dot-call{border-color:var(--color-success)}.timeline-dot-email{border-color:var(--color-info)}.timeline-dot-meeting{border-color:var(--color-warning)}.timeline-content{display:flex;flex-direction:column;gap:var(--space-1)}.timeline-header{display:flex;justify-content:space-between;align-items:center}.timeline-title{font-size:var(--text-sm);font-weight:500}.timeline-time{font-size:var(--text-xs);color:var(--color-fg-muted)}.signin-sent p,.timeline-body{color:var(--color-fg-secondary)}.timeline-body{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.task-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3)0;border-bottom:1px solid var(--color-border-subtle)}.task-checkbox{width:18px;height:18px;border-radius:var(--radius-sm);border:2px solid var(--color-border-strong);flex-shrink:0;margin-top:2px;cursor:pointer;transition:all var(--duration-fast)}.task-checkbox:hover{border-color:var(--color-accent)}.task-checkbox-done{background:var(--color-success);border-color:var(--color-success)}.task-body{flex:1}.task-title{font-size:var(--text-sm);font-weight:500}.task-title-done{text-decoration:line-through;color:var(--color-fg-muted)}.task-meta{display:flex;gap:var(--space-3);margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-fg-muted)}.signin-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg)}.signin-card{background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-8);width:100%;max-width:380px}.signin-logo{height:40px;display:block;margin-bottom:var(--space-6)}.landing-hero h1,.signin-card h1{margin:0 0 var(--space-6);color:var(--color-fg)}.signin-card h1{font-size:var(--text-2xl);font-weight:600}.problem-card ul,.signin-form{display:flex;flex-direction:column;gap:var(--space-4)}.signin-form .submit,.signin-form input[type=email]{padding:var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md)}.signin-form input[type=email]{width:100%;border:1px solid var(--color-border);outline:0;box-sizing:border-box;background:var(--color-bg-surface);color:var(--color-fg)}.signin-form .submit{user-select:none;border:0;cursor:pointer;font-weight:600;-webkit-user-select:none;transition:background var(--duration-fast);background:var(--color-accent);color:#fff}.btn-accent:hover,.signin-form .submit:hover{background:var(--color-accent-hover)}.signin-sent{text-align:center}.landing-sent h3,.problem-card h3,.signin-sent h2{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-2)}.signin-sent p{margin:0}.signin-notice{background:var(--color-warning-subtle);color:var(--color-warning-fg);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.signin-sending{color:var(--color-fg-muted)}.signin-error,.signin-sending{text-align:center}.signin-error p{color:var(--color-fg-secondary);margin:0 0 var(--space-4)}.landing-page{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}.landing-container{max-width:960px;margin:0 auto;padding:0 var(--space-6)}.landing-section{padding:var(--space-16)0}.landing-section h2{font-size:var(--text-3xl);font-weight:700;text-align:center;margin:0 0 var(--space-3);color:var(--color-fg)}.section-sub{text-align:center;color:var(--color-fg-secondary);font-size:var(--text-lg);margin:0 0 var(--space-10);max-width:540px;margin-left:auto;margin-right:auto}.landing-hero{padding:var(--space-16)0;text-align:center}.landing-hero h1{font-size:42px;font-weight:800;line-height:var(--leading-tight);letter-spacing:-.5px}.hero-sub,.landing-sent p,.problem-card li{color:var(--color-fg-secondary)}.hero-sub{font-size:var(--text-xl);max-width:480px;margin:0 auto var(--space-8);line-height:var(--leading-relaxed)}.landing-form{display:flex;gap:var(--space-3);max-width:420px;margin:0 auto;align-items:center}.btn-accent,.landing-form input[type=email]{font-size:var(--text-base);border-radius:var(--radius-md)}.landing-form input[type=email]{border:1px solid var(--color-border);padding:var(--space-3) var(--space-4);outline:0;box-sizing:border-box;flex:1;background:var(--color-bg-surface);color:var(--color-fg)}.btn-accent{user-select:none;border:0;padding:var(--space-3) var(--space-6);white-space:nowrap;cursor:pointer;font-weight:600;-webkit-user-select:none;transition:background var(--duration-fast);background:var(--color-accent);color:#fff}.landing-sent{text-align:center}.landing-sent p{margin:0}.landing-sending{color:var(--color-fg-muted)}.landing-error,.landing-sending{text-align:center}.landing-error p{color:var(--color-fg-secondary);margin:0 0 var(--space-4)}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);max-width:720px;margin:0 auto}.problem-card{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-card)}.problem-card h3{font-weight:700;margin:0 0 var(--space-4)}.problem-card ul{margin:0;padding:0;list-style:none;gap:var(--space-3)}.problem-card li{font-size:var(--text-base);padding-left:var(--space-5);position:relative}.problem-them li:before{content:"✗";position:absolute;left:0;color:var(--color-danger);font-weight:700}.problem-us li:before,.tier-features li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:700}.problem-us{border:2px solid var(--color-accent-muted)}.problem-us h3{color:var(--color-accent-fg)}.features-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-6)}.feature-card{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card)}.feature-icon{width:48px;justify-content:center;height:48px;align-items:center;margin-bottom:var(--space-4);border-radius:var(--radius-md);display:flex;background:var(--color-accent-subtle);color:var(--color-accent)}.feature-card h3,.tier-card h3{font-weight:700;margin:0 0 var(--space-2)}.feature-card h3{font-size:var(--text-lg);color:var(--color-fg)}.feature-card p{font-size:var(--text-sm);color:var(--color-fg-secondary);margin:0;line-height:var(--leading-relaxed)}.landing-pricing{background:var(--color-bg-inset)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-6);align-items:start}.tier-card{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-card);border:2px solid transparent}.tier-highlighted{border-color:var(--color-accent);box-shadow:var(--shadow-elevated);position:relative}.tier-card h3{font-size:var(--text-xl)}.tier-price{margin-bottom:var(--space-4)}.price-amount{font-size:var(--text-3xl);font-weight:800;color:var(--color-fg)}.price-period{font-size:var(--text-sm);color:var(--color-fg-muted);margin-left:var(--space-1)}.tier-desc,.tier-features li{font-size:var(--text-sm);color:var(--color-fg-secondary)}.tier-desc{margin:0 0 var(--space-6)}.tier-features{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.tier-features li{padding-left:var(--space-5);position:relative}.tier-features li:before{font-weight:600}.landing-cta{text-align:center}.landing-footer{padding:var(--space-12)0 var(--space-8);border-top:1px solid var(--color-border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-8)}.footer-col{display:flex;flex-direction:column;gap:var(--space-2)}.footer-heading{font-size:var(--text-base);font-weight:700;color:var(--color-fg);margin-bottom:var(--space-2)}.footer-col a,.footer-tagline{font-size:var(--text-sm);color:var(--color-fg-secondary)}.footer-tagline{margin:0}.footer-copyright{font-size:var(--text-xs);color:var(--color-fg-muted);margin:var(--space-4)0 0}.footer-col a{text-decoration:none}@media (max-width:640px){.landing-hero h1{font-size:var(--text-3xl)}.landing-form{flex-direction:column}.features-grid,.footer-grid,.pricing-grid,.problem-grid{grid-template-columns:1fr}.footer-grid{text-align:center}}.legal-page{background:var(--color-bg);min-height:100vh;padding:var(--space-12)0}.legal-container{max-width:640px;margin:0 auto;padding:0 var(--space-6)}.legal-back{font-size:var(--text-sm);color:var(--color-accent);text-decoration:none;display:inline-block;margin-bottom:var(--space-8)}.legal-back:hover{color:var(--color-accent-hover)}.legal-page h1,.legal-page h2{font-size:var(--text-3xl);font-weight:800;margin:0 0 var(--space-2);color:var(--color-fg)}.legal-updated{font-size:var(--text-sm);color:var(--color-fg-muted);margin:0 0 var(--space-8)}.legal-page h2{font-size:var(--text-xl);font-weight:700;margin:var(--space-8)0 var(--space-3)}.legal-page li,.legal-page p{font-size:var(--text-base);color:var(--color-fg-secondary);line-height:var(--leading-relaxed)}.legal-page p,.legal-page ul{margin:0 0 var(--space-4)}.legal-page ul{padding-left:var(--space-6)}.legal-page li{margin-bottom:var(--space-2)}.legal-page a{color:var(--color-accent);text-decoration:none}.legal-page a:hover{text-decoration:underline}.profile-form-card{background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);max-width:480px}.profile-form{display:flex;flex-direction:column;gap:var(--space-4)}.billing-section{background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);max-width:480px;margin-top:var(--space-6)}.billing-section h2{margin:0;margin-bottom:var(--space-4);font-size:var(--text-lg);font-weight:600}.billing-section p{color:var(--color-text-secondary);margin:0;margin-bottom:var(--space-4)}.billing-active,.billing-upgrade{display:flex;flex-direction:column;gap:var(--space-3)}.billing-active a{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;width:fit-content;user-select:none;-webkit-user-select:none}.billing-loading{color:var(--color-text-tertiary);font-style:italic}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.admin-section-title{font-size:var(--text-lg);font-weight:600;margin-top:var(--space-8);margin-bottom:var(--space-3)}@media (max-width:768px){.app-shell{flex-direction:column}.topbar{display:flex}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:50;transform:translateX(-100%);transition:transform var(--duration-base) var(--ease-smooth);width:var(--sidebar-width)}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-overlay{display:block}.page-container{padding:var(--space-4) var(--space-3)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table td:nth-child(n+3),.data-table th:nth-child(n+3){display:none}.detail-layout{grid-template-columns:1fr!important;gap:var(--space-4)}.contact-hero{flex-direction:column;text-align:center;gap:var(--space-3)}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-charts{grid-template-columns:1fr}.pipeline-board{min-height:auto}.topbar .user-menu-dropdown{bottom:auto;top:100%;margin-top:var(--space-2);margin-bottom:0;right:0;left:auto;min-width:180px}}