:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#1e3a5f;--primary-hover:#1a3454;--primary-foreground:#fff;--primary-tint:#e8edf3;--primary-tint-2:#f0f4f8;--accent:#f0e6d0;--accent-foreground:#2a3340;--accent-tint:#f7f2e8;--secondary:#f2efe8;--secondary-foreground:#2a3340;--muted:#f4f1ea;--muted-foreground:#6b7280;--background:#fbfaf7;--foreground:#1a2332;--card:#fefdfb;--popover:#fffefc;--border:#e8e3d8;--border-light:#f1ede4;--input:#ede9de;--destructive:#dc2626;--destructive-foreground:#fff;--danger:#dc2626;--danger-bg:#fef2f2;--danger-tint:#fee2e2;--ring:#1e3a5f;--green:#16a34a;--green-bg:#dcfce7;--green-tint:#f0fdf4;--amber:#d97706;--amber-bg:#fef3c7;--amber-tint:#fffbeb;--blue:#2563eb;--blue-bg:#dbeafe;--blue-tint:#eff6ff;--violet:#7c3aed;--violet-bg:#ede9fe;--violet-tint:#f5f3ff;--rose:#e11d48;--rose-bg:#ffe4e6;--rose-tint:#fff1f2;--teal:#0d9488;--teal-bg:#ccfbf1;--teal-tint:#f0fdfa;--gold:#b68b2e;--ink:#1a2332;--slate-50:#f8fafc;--slate-200:#e2e8f0;--slate-500:#64748b;--slate-800:#1e293b;--radius:1rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-pill:9999px;--shadow-xs:0 1px 2px #00000008;--shadow-sm:0 2px 4px #0000000a, 0 1px 2px #00000008;--shadow:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-md:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000a;--shadow-lg:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000a;--shadow-floating:0 15px 35px -5px #00000014, 0 5px 15px #0000000a;--shadow-inner:inset 0 2px 4px 0 #00000008;--gradient-primary:linear-gradient(135deg, #a78bfa, #38bdf8);--gradient-primary-hover:linear-gradient(135deg, #8b5cf6, #0ea5e9);--sidebar-w:208px;--sidebar-w-collapsed:56px;--header-h:56px;font-family:Manrope,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--background);min-width:320px;min-height:100vh;color:var(--foreground);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;text-rendering:optimizelegibility;background-image:radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 45%, transparent) 0%, transparent 34%), radial-gradient(circle at top right, color-mix(in srgb, var(--primary) 14%, white) 0%, transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--background) 75%, white) 0%, var(--background) 100%);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--primary-tint);color:var(--primary)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.app-shell{background:0 0;height:100dvh;display:flex;overflow:hidden}.app-sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);border-right:1px solid var(--border);background:#fff;flex-direction:column;transition:width .2s,flex-basis .2s;display:flex;overflow:hidden}.app-sidebar.collapsed{width:var(--sidebar-w-collapsed);flex-basis:var(--sidebar-w-collapsed)}.sidebar-brand{height:var(--header-h);flex:0 0 var(--header-h);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:0 14px;display:flex}.sidebar-logo{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.sidebar-logo img{object-fit:cover;width:100%;height:100%}.sidebar-brand-text{flex-direction:column;gap:1px;min-width:0;display:flex}.sidebar-brand-text strong{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sidebar-brand-text span{color:var(--muted-foreground);white-space:nowrap;font-size:10px;font-weight:600}.sidebar-collapse{border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--muted-foreground);background:#fff;flex:0 0 28px;place-items:center;margin-left:auto;transition:all .15s;display:grid}.sidebar-collapse:hover{background:var(--muted);color:var(--foreground)}.app-sidebar.collapsed .sidebar-brand-text,.app-sidebar.collapsed .sidebar-collapse{display:none}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex;overflow-y:auto}.sidebar-nav-section{text-transform:uppercase;letter-spacing:.12em;color:var(--muted-foreground);padding:14px 10px 6px;font-size:10px;font-weight:700}.app-sidebar.collapsed .sidebar-nav-section{text-align:center;padding:14px 0 6px;font-size:8px}.sidebar-nav-item{border-radius:var(--radius-sm);height:36px;color:var(--muted-foreground);text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.sidebar-nav-item:hover{background:var(--muted);color:var(--foreground)}.sidebar-nav-item.active{background:var(--ink);color:#fff}.sidebar-nav-item.active em{color:#fff;background:#ffffff2e}.sidebar-nav-item svg{flex:0 0 16px}.sidebar-nav-item span{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar-nav-item em{background:var(--accent);min-width:18px;height:18px;color:var(--accent-foreground);border-radius:9px;flex:none;place-items:center;padding:0 5px;font-size:10px;font-style:normal;font-weight:700;display:grid}.app-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:0}.app-sidebar.collapsed .sidebar-nav-item span,.app-sidebar.collapsed .sidebar-nav-item em{display:none}.app-main-wrap{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-header{height:var(--header-h);flex:0 0 var(--header-h);border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex}.app-header-title{color:var(--foreground);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.app-header-right{align-items:center;gap:10px;display:flex}.session-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;align-items:center;gap:8px;padding:4px 10px 4px 8px;display:flex}.session-panel .session-dot{background:var(--green);border-radius:50%;flex:0 0 7px;width:7px;height:7px}.session-panel.connecting .session-dot{background:var(--amber)}.session-panel.offline .session-dot{background:var(--danger)}.session-text{flex-direction:column;line-height:1.2;display:flex}.session-text p{color:var(--muted-foreground);margin:0;font-size:9px}.session-text strong{color:var(--foreground);font-size:12px;font-weight:600}.role-badge{border-radius:var(--radius-sm);background:var(--muted);color:var(--muted-foreground);padding:2px 7px;font-size:10px;font-weight:600}.logout-btn{border:1px solid var(--border);border-radius:var(--radius-md);width:32px;height:32px;color:var(--muted-foreground);background:#fff;flex:0 0 32px;place-items:center;transition:all .15s;display:grid;position:relative}.logout-btn:hover{background:var(--muted);color:var(--foreground)}.bell-dot{background:var(--danger);border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.mobile-bottom-nav{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom);background:#fffffff2;display:none}.mobile-bottom-nav-inner{justify-content:space-around;align-items:center;height:56px;display:flex}.mobile-bottom-nav button{color:var(--muted-foreground);border-radius:var(--radius-sm);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.mobile-bottom-nav button.active{color:var(--primary)}.mobile-bottom-nav button em{background:var(--accent);min-width:16px;height:16px;color:var(--accent-foreground);border-radius:8px;place-items:center;margin-top:-8px;margin-left:14px;padding:0 4px;font-size:9px;font-style:normal;font-weight:700;display:grid;position:absolute}.mobile-menu{display:none}.nav-backdrop{z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1a233266;border:0;position:fixed;inset:0}main{flex:auto;overflow:hidden auto}.page{flex-direction:column;gap:24px;max-width:1280px;margin:0 auto;padding:24px 24px 56px;display:flex}@media (width>=768px){.page{padding:28px 24px 56px}}.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.page-heading>div>span{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.page-heading h1{letter-spacing:-.03em;color:var(--foreground);margin:7px 0 6px;font:700 26px Manrope}.page-heading p{color:var(--muted-foreground);margin:0;font-size:14px}.heading-actions{align-items:center;gap:9px;display:flex}.primary-btn{border-radius:var(--radius-md);background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm);white-space:nowrap;border:0;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.primary-btn:hover{background:var(--primary-hover)}.primary-btn:disabled{opacity:.5;pointer-events:none}.outline-btn{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);box-shadow:var(--shadow-xs);white-space:nowrap;background:#fff;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.outline-btn:hover{background:var(--accent);color:var(--accent-foreground);border-color:var(--border)}.cancel-btn{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted-foreground);background:#fff;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.cancel-btn:hover{background:var(--muted)}.approve-btn{border-radius:var(--radius-md);color:#fff;background:var(--primary);box-shadow:var(--shadow-sm);white-space:nowrap;border:0;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.approve-btn:hover{background:var(--primary-hover)}.approve-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.approve-btn-full{justify-content:center;width:100%;padding:12px;font-size:14px}.danger-btn{border-radius:var(--radius-md);color:#fff;background:var(--destructive);box-shadow:var(--shadow-sm);border:0;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.danger-btn:hover{filter:brightness(1.1)}.danger-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.danger-ghost-btn{border:1px solid var(--danger-tint);border-radius:var(--radius-md);color:var(--danger);background:#fff;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.danger-ghost-btn:hover{background:var(--danger-bg)}.danger-link{color:var(--danger)!important;border-color:var(--danger-tint)!important}.danger-link:hover{background:var(--danger-bg)!important}.global-search{border:1px solid var(--border);border-radius:var(--radius-md);width:280px;max-width:32%;height:36px;color:var(--muted-foreground);background:#fff;align-items:center;gap:8px;padding:0 12px;transition:all .15s;display:flex}.global-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.global-search input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;flex:1;font-size:13px}.global-search input::placeholder{color:var(--muted-foreground)}.dashboard-page{max-width:1280px}.module-section{margin:0}.section-kicker{align-items:baseline;gap:10px;margin:0 0 12px 2px;display:flex}.section-kicker span{color:var(--primary);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.section-kicker p{color:var(--muted-foreground);margin:0;font-size:13px}.module-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.module-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);min-height:132px;color:var(--foreground);box-shadow:var(--shadow-sm);align-items:flex-start;gap:13px;padding:18px;transition:all .18s;display:flex}.module-card:hover{border-color:color-mix(in srgb, var(--primary) 25%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-3px)}.module-icon{border-radius:var(--radius-lg);flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.module-icon.teal{color:var(--teal);background:var(--teal-bg)}.module-icon.amber{color:var(--amber);background:var(--amber-bg)}.module-icon.violet{color:var(--violet);background:var(--violet-bg)}.module-icon.blue{color:var(--blue);background:var(--blue-bg)}.module-icon.rose{color:var(--rose);background:var(--rose-bg)}.module-icon.green{color:var(--green);background:var(--green-bg)}.module-card-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.module-card-copy strong{font-size:14px;font-weight:700}.module-card-copy small{min-height:30px;color:var(--muted-foreground);font-size:12px;line-height:1.45}.module-card-copy em{color:var(--primary);font-size:11px;font-style:normal;font-weight:700}.module-arrow{color:var(--muted-foreground);opacity:.5;flex:none;margin:3px 0 0 auto;transition:all .18s}.module-card:hover .module-arrow{opacity:1;color:var(--primary)}.enforcement-hero{border-radius:var(--radius-2xl);color:#fff;background:linear-gradient(120deg, var(--primary), color-mix(in srgb, var(--primary) 70%, var(--blue)));box-shadow:var(--shadow-md);justify-content:space-between;gap:20px;padding:30px 34px;display:flex;overflow:hidden}.enforcement-hero h2{letter-spacing:-.03em;margin:8px 0;font-size:24px;font-weight:700}.enforcement-hero p{color:#ffffffbf;max-width:600px;margin:0;font-size:13px;line-height:1.6}.eyebrow-light{color:#fff9;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.hero-mark{color:#ffffff4d;background:#ffffff1a;border-radius:50%;align-self:center;place-items:center;width:108px;height:108px;display:grid}.hero-actions{gap:9px;margin-top:20px;display:flex}.hero-actions button,.enforcement-note button{border-radius:var(--radius-md);color:var(--primary);background:#fff;border:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.hero-actions button:hover{filter:brightness(.95)}.hero-actions button+button{color:#fff;background:#ffffff26}.hero-actions button+button:hover{background:#ffffff38}.enforcement-stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.enforcement-note{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-sm);align-items:center;gap:13px;padding:18px 20px;display:flex}.enforcement-note>div:nth-child(2){flex:1}.enforcement-note strong{font-size:14px}.enforcement-note p{color:var(--muted-foreground);margin:4px 0 0;font-size:13px}.enforcement-note button{border:1px solid var(--border);color:var(--primary)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);min-height:152px;box-shadow:var(--shadow-sm);padding:20px;transition:all .18s;position:relative}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-lg);place-items:center;width:38px;height:38px;display:grid;position:absolute;top:18px;right:18px}.stat-icon.amber{background:var(--amber-bg);color:var(--amber)}.stat-icon.red{background:var(--rose-bg);color:var(--rose)}.stat-icon.green{background:var(--green-bg);color:var(--green)}.stat-icon.blue{background:var(--blue-bg);color:var(--blue)}.stat-value{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--foreground);margin:4px 0 7px;font:800 30px Manrope}.stat-card>strong{color:var(--foreground);font-size:13px;font-weight:600}.stat-card p{border-top:1px solid var(--border-light);color:var(--muted-foreground);margin:13px 0 0;padding-top:12px;font-size:12px}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-sm);overflow:hidden}.panel-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;min-height:64px;padding:0 20px;display:flex}.panel-head h2{margin:0;font:600 15px Manrope}.panel-head p{color:var(--muted-foreground);margin:4px 0 0;font-size:12px}.panel-head button{color:var(--primary);background:0 0;border:0;align-items:center;gap:5px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.panel-head button:hover{opacity:.8}.inbox-item{border:0;border-bottom:1px solid var(--border-light);background:var(--card);text-align:left;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;width:100%;min-height:80px;padding:14px 18px;transition:all .14s;display:grid}.inbox-item:last-child{border-bottom:0}.inbox-item:hover{background:var(--muted)}.doc-icon{border-radius:var(--radius-md);width:38px;height:40px;color:var(--primary);background:var(--primary-tint);place-items:center;display:grid}.doc-icon.urgent{color:var(--rose);background:var(--rose-bg)}.doc-icon.approved{color:var(--green);background:var(--green-bg)}.inbox-copy{min-width:0}.inbox-copy>div{align-items:center;gap:8px;display:flex}.inbox-copy strong{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.inbox-copy p{color:var(--muted-foreground);margin:4px 0;font-size:12px}.inbox-copy small{color:var(--muted-foreground);font-size:11px}.inbox-meta{color:var(--muted-foreground);align-items:center;gap:12px;display:flex}.inbox-meta span{font-size:11px}.deadline-item{border-bottom:1px solid var(--border-light);grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:88px;padding:15px 18px;display:grid}.deadline-item:last-child{border:0}.date-tile{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--muted);flex-direction:column;justify-content:center;align-items:center;width:44px;height:50px;display:flex}.date-tile.soon{border-color:var(--rose-bg);background:var(--rose-tint);color:var(--rose)}.date-tile strong{font:800 17px Manrope}.date-tile span{text-transform:uppercase;font-size:9px;font-weight:700}.deadline-item>div:nth-child(2) strong{font-size:13px;font-weight:600}.deadline-item p{color:var(--muted-foreground);margin:4px 0;font-size:12px}.deadline-item small{color:var(--muted-foreground);align-items:center;gap:4px;font-size:11px;display:flex}.days-left{border-radius:var(--radius-sm);color:var(--rose);background:var(--rose-tint);padding:5px 10px;font-size:11px;font-weight:700}.confidence-note{border:1px solid color-mix(in srgb, var(--primary) 15%, var(--border));border-radius:var(--radius-xl);color:var(--primary);background:linear-gradient(105deg, var(--primary-tint-2), var(--card));justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.confidence-note>div{align-items:center;gap:12px;display:flex}.confidence-note strong{font-size:14px}.confidence-note p{color:var(--muted-foreground);margin:4px 0 0;font-size:12px}.filter-row{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;display:flex}.filter-row button{border-radius:var(--radius-md);height:32px;color:var(--muted-foreground);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:all .14s;display:inline-flex}.filter-row button:hover{background:var(--muted)}.filter-row button.active{border-color:var(--border);background:var(--primary-tint);color:var(--primary);font-weight:600}.filter-row span{opacity:.6;font-variant-numeric:tabular-nums;margin-left:4px}.table-panel{overflow-x:auto}.data-table{min-width:880px}.table-head,.table-row{grid-template-columns:2.1fr 1.35fr 1fr 1fr 28px 40px;align-items:center;gap:20px;padding:0 20px;display:grid}.table-head{height:42px;color:var(--muted-foreground);background:var(--muted);letter-spacing:.04em;font-size:11px;font-weight:600}.table-row{border-top:1px solid var(--border-light);min-height:72px;color:var(--foreground);transition:all .12s}.table-row:hover{background:var(--muted)}.table-row-main{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;width:100%;display:contents}.table-row>span,.table-row-main>span{min-width:0}.table-row strong,.table-row small,.table-row-main strong,.table-row-main small{display:block}.table-row strong,.table-row-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.table-row small,.table-row-main small{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.user-admin-panel{padding-bottom:18px}.user-admin-form{padding:18px 20px 4px}.user-admin-form .btn-gradient{width:fit-content}.user-admin-table{min-width:980px}.user-admin-table .table-head,.user-admin-table .user-admin-row{grid-template-columns:minmax(260px,1.5fr) minmax(130px,.8fr) minmax(150px,.8fr) minmax(320px,1.25fr) 36px}.user-password-form{grid-template-columns:minmax(140px,1fr) auto;align-items:center;gap:8px;display:grid}.user-password-form input{border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;min-height:36px;color:var(--foreground);background:#fff;outline:none;padding:0 11px}.user-password-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)}.user-password-form button{white-space:nowrap;min-height:36px}.primary-cell{align-items:center;gap:11px;display:flex}.primary-cell .doc-icon{flex:0 0 38px}.row-chevron{color:var(--muted-foreground);opacity:.5;place-items:center;transition:all .12s;display:grid}.table-row:hover .row-chevron{opacity:1;color:var(--primary)}.status-pill{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-style:normal;font-weight:600;display:inline-flex}.status-pill span{border-radius:50%;width:6px;height:6px}.status-pill.approved,.status-pill.green{color:var(--green);background:var(--green-tint)}.status-pill.approved span,.status-pill.green span{background:var(--green)}.status-pill.review,.status-pill.amber{color:var(--amber);background:var(--amber-tint)}.status-pill.review span,.status-pill.amber span{background:var(--amber)}.status-pill.urgent,.status-pill.red{color:var(--rose);background:var(--rose-tint)}.status-pill.urgent span,.status-pill.red span{background:var(--rose)}.row-delete{border:1px solid var(--border);border-radius:var(--radius-md);width:32px;height:32px;color:var(--muted-foreground);background:var(--card);place-items:center;transition:all .14s;display:grid}.row-delete:hover{color:var(--danger);border-color:var(--danger-tint);background:var(--danger-bg)}.document-library{overflow-x:auto}.library-list{min-width:900px}.library-head,.library-row{grid-template-columns:2fr 1.15fr .75fr .7fr 28px 40px;align-items:center;gap:18px;padding:0 20px;display:grid}.library-head{height:42px;color:var(--muted-foreground);background:var(--muted);letter-spacing:.04em;font-size:11px;font-weight:600}.library-row{border-top:1px solid var(--border-light);min-height:76px;color:var(--foreground);font-size:13px;transition:all .12s}.library-row:hover{background:var(--muted)}.library-row-main{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;width:100%;display:contents}.library-row strong,.library-row small,.library-row-main strong,.library-row-main small{display:block}.library-row strong,.library-row-main strong{color:var(--foreground);font-size:13px;font-weight:600}.library-row small,.library-row-main small{color:var(--muted-foreground);margin-top:4px;font-size:12px}.library-file{align-items:center;gap:12px;min-width:0;display:flex}.library-file>div:last-child{min-width:0}.library-file strong,.library-file small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-type{border-radius:var(--radius-md);width:42px;height:44px;color:var(--primary);background:var(--primary-tint);flex:0 0 42px;place-items:center;font-size:11px;font-weight:800;display:grid}.source-tag{border-radius:var(--radius-sm);color:var(--muted-foreground);background:var(--muted);justify-self:start;padding:4px 10px;font-size:11px;font-weight:600}.source-tag.approved{color:var(--green);background:var(--green-bg)}.matter-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.matter-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-sm);padding:20px;transition:all .18s}.matter-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--primary) 20%, var(--border));transform:translateY(-2px)}.matter-card-top{justify-content:space-between;align-items:center;display:flex}.matter-card-actions{align-items:center;gap:8px;display:flex}.folder-icon{border-radius:var(--radius-lg);width:42px;height:42px;color:var(--primary);background:var(--primary-tint);place-items:center;display:grid}.matter-status{border-radius:var(--radius-sm);color:var(--amber);background:var(--amber-bg);padding:4px 10px;font-size:11px;font-weight:600}.matter-status.active{color:var(--green);background:var(--green-bg)}.card-delete{border:1px solid var(--border);border-radius:var(--radius-md);width:30px;height:30px;color:var(--muted-foreground);background:var(--card);place-items:center;transition:all .14s;display:grid}.card-delete:hover{color:var(--danger);border-color:var(--danger-tint);background:var(--danger-bg)}.file-no{color:var(--primary);font-variant-numeric:tabular-nums;margin-top:18px;font-size:12px;font-weight:700;display:block}.matter-card h3{margin:6px 0 5px;font:600 15px Manrope}.client-name{color:var(--foreground);margin:0;font-size:13px;font-weight:600}.court-name{min-height:32px;color:var(--muted-foreground);margin:12px 0;font-size:12px;line-height:1.5}.matter-meta{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);color:var(--muted-foreground);gap:16px;padding:12px 0;font-size:11px;display:flex}.matter-meta span{align-items:center;gap:5px;display:flex}.matter-card>button,.matter-open-btn{border-radius:var(--radius-md);background:var(--primary-tint);width:100%;color:var(--primary);border:0;justify-content:center;align-items:center;gap:6px;margin-top:13px;padding:8px;font-size:12px;font-weight:600;transition:all .14s;display:flex}.matter-card>button:hover,.matter-open-btn:hover{background:var(--primary-tint-2)}.matter-card-clickable{cursor:pointer}.task-panel{overflow:hidden}.task-summary{border-bottom:1px solid var(--border);background:var(--muted);align-items:center;height:80px;display:flex}.task-summary>div{border-right:1px solid var(--border);min-width:140px;padding:0 26px}.task-summary strong,.task-summary span{display:block}.task-summary strong{font-variant-numeric:tabular-nums;font:700 22px Manrope}.task-summary span{color:var(--muted-foreground);font-size:11px}.task-row{border-bottom:1px solid var(--border-light);grid-template-columns:22px 1.6fr .8fr .7fr 36px;align-items:center;gap:16px;min-height:72px;padding:14px 22px;display:grid}.task-row:last-child{border-bottom:0}.task-row.completed{opacity:.52}.task-check{border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;background:#fff;place-items:center;width:20px;height:20px;padding:0;transition:all .14s;display:grid}.task-check:hover{border-color:var(--primary)}.completed .task-check{border-color:var(--primary);background:var(--primary)}.task-main>div{align-items:center;gap:8px;display:flex}.task-main strong{font-size:13px;font-weight:600}.completed .task-main strong{text-decoration:line-through}.task-main span{border-radius:var(--radius-sm);color:var(--rose);background:var(--rose-bg);padding:3px 8px;font-size:10px;font-weight:700}.task-main p{color:var(--muted-foreground);margin:5px 0 0;font-size:12px}.task-owner{color:var(--muted-foreground);align-items:center;gap:6px;font-size:12px;display:flex}.task-date{color:var(--rose);align-items:center;gap:8px;display:flex}.task-date strong,.task-date span{display:block}.task-date strong{font-size:12px;font-weight:600}.task-date span{margin-top:3px;font-size:10px}.audit-panel{max-width:1000px}.audit-head{color:var(--primary);background:var(--primary-tint-2);border-bottom:1px solid color-mix(in srgb, var(--primary) 12%, var(--border));align-items:center;gap:11px;padding:18px 22px;display:flex}.audit-head strong{font-size:14px;font-weight:600}.audit-head p{color:var(--muted-foreground);margin:3px 0 0;font-size:12px}.audit-row{border-bottom:1px solid var(--border-light);grid-template-columns:34px 1fr auto;align-items:center;gap:13px;min-height:72px;padding:15px 22px;display:grid}.audit-row:last-child{border:0}.audit-icon{border-radius:var(--radius-md);width:34px;height:34px;color:var(--primary);background:var(--primary-tint);place-items:center;display:grid}.audit-row>div:nth-child(2) strong{font-size:13px;font-weight:600}.audit-row p{color:var(--muted-foreground);margin:5px 0 0;font-size:12px}.audit-actor{text-align:right}.audit-actor strong,.audit-actor span{display:block}.audit-actor strong{font-size:12px;font-weight:600}.audit-actor span{color:var(--muted-foreground);margin-top:4px;font-size:11px}.drawer-wrap{z-index:100;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a233280;border:0;width:100%;position:absolute;inset:0}.drawer{background:var(--background);flex-direction:column;width:min(580px,100%);animation:.24s ease-out slide-in;display:flex;position:absolute;inset:0 0 0 auto;box-shadow:-20px 0 50px #1e3a5f26}.drawer-head{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;min-height:80px;padding:18px 24px;display:flex}.drawer-head span{color:var(--muted-foreground);letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:600}.drawer-head h2{margin:6px 0 0;font:600 17px Manrope}.drawer-head button{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted-foreground);background:#fff;place-items:center;padding:8px;transition:all .15s;display:grid}.drawer-head button:hover{background:var(--muted);color:var(--foreground)}.drawer-body{flex:1;padding:18px 22px 120px;overflow-y:auto}.approved-banner{border:1px solid color-mix(in srgb, var(--green) 20%, var(--border));border-radius:var(--radius-lg);color:var(--green);background:var(--green-tint);align-items:center;gap:11px;margin-bottom:14px;padding:14px;display:flex}.approved-banner strong{font-size:13px}.approved-banner p{margin:3px 0 0;font-size:12px}.document-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--muted);justify-content:space-between;align-items:center;height:130px;padding:15px 19px;display:flex;overflow:hidden}.preview-page{background:#fff;width:128px;height:152px;margin-top:46px;padding:18px 14px;position:relative;transform:rotate(-2deg);box-shadow:0 4px 14px #00000014}.preview-seal{color:var(--muted-foreground);text-align:center;font:700 9px serif}.preview-lines{margin-top:14px}.preview-lines span{background:var(--border-light);width:80%;height:3px;margin:6px auto;display:block}.preview-page svg{color:var(--border);position:absolute;top:46px;right:-58px}.document-preview button{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);background:#fff;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.document-preview button:hover{background:var(--muted)}.document-preview button:disabled{opacity:.5;cursor:default}.detail-section{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);margin-top:14px;padding:18px}.detail-section h3{margin:0 0 13px;font:600 14px Manrope}.detail-section dl{margin:0}.detail-section dl>div{border-bottom:1px solid var(--border-light);grid-template-columns:140px 1fr;padding:8px 0;display:grid}.detail-section dl>div:last-child{border:0}.detail-section dt{color:var(--muted-foreground);font-size:12px}.detail-section dd{color:var(--foreground);margin:0;font-size:13px;font-weight:600}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h3{margin:0}.section-title>span{border-radius:var(--radius-sm);align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.high-confidence{color:var(--green);background:var(--green-bg)}.low-confidence{color:var(--amber);background:var(--amber-bg)}.ai-label{color:var(--violet);background:var(--violet-bg)}.detail-section label{color:var(--muted-foreground);margin-top:13px;font-size:12px;font-weight:600;display:block}.detail-section select,.detail-section input{border:1px solid var(--input);border-radius:var(--radius-md);width:100%;height:36px;color:var(--foreground);background:var(--card);outline:none;margin-top:6px;padding:0 10px;font-size:13px;transition:all .15s}.detail-section select:focus,.detail-section input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.match-card{border-radius:var(--radius-md);color:var(--primary);background:var(--primary-tint-2);align-items:center;gap:10px;margin-top:10px;padding:11px;display:flex}.match-card strong,.match-card span{display:block}.match-card strong{font-size:13px}.match-card span{color:var(--muted-foreground);margin-top:3px;font-size:11px}.warning-note{border-radius:var(--radius-md);color:var(--amber);background:var(--amber-bg);align-items:flex-start;gap:8px;margin-top:13px;padding:10px 11px;display:flex}.warning-note svg{flex:none}.warning-note p{margin:0;font-size:12px;line-height:1.5}.warning-note code{font-size:12px}.form-grid{grid-template-columns:1fr 1.3fr;gap:11px;display:grid}.drawer-footer{border-top:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:10px;min-height:72px;padding:14px 22px;display:flex;position:absolute;inset:auto 0 0;box-shadow:0 -8px 26px #1e3a5f0d}.drawer-footer-main{align-items:center;gap:9px;margin-left:auto;display:flex}.toast{z-index:200;border-radius:var(--radius-lg);color:#fff;background:var(--primary);box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:14px 17px;font-size:14px;font-weight:600;animation:.25s ease-out toast-in;display:flex;position:fixed;bottom:26px;right:26px}.modal-wrap{z-index:120;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a233280;border:0;width:100%;position:absolute;inset:0}.matter-modal{border-radius:var(--radius-xl);background:var(--card);width:min(560px,100%);box-shadow:var(--shadow-lg);animation:.2s ease-out modal-in;position:relative;overflow:hidden}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.modal-head span{color:var(--muted-foreground);letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:600}.modal-head h2{margin:6px 0;font:600 18px Manrope}.modal-head p{color:var(--muted-foreground);margin:0;font-size:13px}.modal-head button{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted-foreground);background:#fff;place-items:center;padding:8px;transition:all .15s;display:grid}.modal-head button:hover{background:var(--muted);color:var(--foreground)}.modal-body{padding:22px 24px}.modal-body>label,.modal-body .form-grid label{color:var(--muted-foreground);margin-bottom:15px;font-size:13px;font-weight:600;display:block}.modal-body input,.modal-body select{border:1px solid var(--input);border-radius:var(--radius-md);width:100%;height:36px;color:var(--foreground);background:var(--card);outline:none;margin-top:7px;padding:0 11px;font-size:13px;transition:all .15s}.modal-body input:focus,.modal-body select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.modal-body input[type=file]{height:auto;padding:10px}.modal-body textarea{border:1px solid var(--input);border-radius:var(--radius-md);resize:vertical;width:100%;color:var(--foreground);background:var(--card);outline:none;margin-top:7px;padding:12px;font:13px/1.6 Manrope,sans-serif;transition:all .15s}.modal-body textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.panel-form{gap:12px;display:grid}.panel-form label{color:var(--muted-foreground);gap:7px;font-size:13px;font-weight:600;display:grid}.panel-form input,.panel-form select,.panel-form textarea{border:1px solid var(--input);border-radius:var(--radius-md);width:100%;color:var(--foreground);background:var(--card);outline:none;font-size:13px;transition:all .15s}.panel-form input,.panel-form select{height:36px;padding:0 11px}.panel-form textarea{resize:vertical;min-height:88px;padding:12px;line-height:1.5}.panel-form input:focus,.panel-form select:focus,.panel-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.modal-footer{border-top:1px solid var(--border);background:var(--muted);justify-content:flex-end;gap:10px;padding:15px 24px;display:flex}.form-error{border-radius:var(--radius-md);color:var(--danger);background:var(--danger-bg);align-items:center;gap:8px;margin-bottom:14px;padding:10px 11px;font-size:12px;display:flex}.confirm-modal{border-radius:var(--radius-xl);background:var(--card);width:min(440px,100%);box-shadow:var(--shadow-lg);text-align:center;padding:26px 26px 22px;animation:.2s ease-out modal-in;position:relative}.confirm-icon{border-radius:var(--radius-lg);width:52px;height:52px;color:var(--danger);background:var(--danger-bg);place-items:center;margin:0 auto 14px;display:grid}.confirm-modal h2{margin:0 0 8px;font:600 17px Manrope}.confirm-modal p{color:var(--muted-foreground);margin:0 0 20px;font-size:14px;line-height:1.55}.confirm-modal .modal-footer{background:0 0;border:0;justify-content:center;padding:0}.ai-workspace{border-color:color-mix(in srgb, var(--violet) 15%, var(--border));background:linear-gradient(160deg, var(--card), var(--violet-tint))}.ai-actions{gap:8px;margin-top:14px;display:flex}.ai-actions button,.ai-generate{border-radius:var(--radius-md);color:#fff;background:var(--violet);border:0;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .14s;display:inline-flex}.ai-actions button:hover,.ai-generate:hover{filter:brightness(1.1)}.ai-actions button:disabled,.ai-generate:disabled{opacity:.45;cursor:not-allowed}.draft-builder{border-top:1px solid var(--border-light);margin-top:15px;padding-top:14px}.draft-builder .form-grid{align-items:end}.ai-generate{width:100%;margin-top:11px}.ai-output{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);margin-top:14px;overflow:hidden}.ai-output-head{border-bottom:1px solid var(--border-light);background:var(--muted);justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.ai-output-head strong{font-size:13px}.ai-output-head button{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted-foreground);background:var(--card);align-items:center;gap:5px;padding:6px 8px;font-size:11px;transition:all .14s;display:flex}.ai-output-head button:hover{background:var(--muted)}.draft-actions{gap:6px;display:flex}.ai-output .ai-text{white-space:pre-wrap;word-break:break-word;max-height:380px;color:var(--foreground);letter-spacing:.005em;margin:0;padding:16px 18px;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:1.7;overflow:auto}.draft-output>p{border-top:1px solid var(--border-light);color:var(--amber);background:var(--amber-tint);margin:0;padding:10px 13px;font-size:12px}.document-list{margin-top:12px}.document-list button{border:0;border-bottom:1px solid var(--border-light);width:100%;color:var(--primary);background:var(--card);text-align:left;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:10px 4px;transition:all .12s;display:grid}.document-list button:hover{background:var(--muted)}.document-list button:last-child{border:0}.document-list strong,.document-list span{display:block}.document-list strong{color:var(--foreground);font-size:12px;font-weight:600}.document-list span{color:var(--muted-foreground);margin-top:3px;font-size:11px}.party-list{gap:6px;margin-top:11px;display:grid}.party-list>span{border-radius:var(--radius-md);background:var(--muted);align-items:center;gap:9px;padding:9px 10px;display:flex}.party-list em{min-width:60px;color:var(--primary);font-size:11px;font-style:normal;font-weight:700}.party-list strong{color:var(--foreground);font-size:12px;font-weight:600}.empty-state{text-align:center;min-height:200px;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;padding:42px 26px;display:flex}.empty-state svg{color:var(--muted-foreground);opacity:.5;margin-bottom:12px}.empty-state strong{color:var(--foreground);font:600 14px Manrope}.empty-state p{max-width:400px;margin:8px 0 0;font-size:13px;line-height:1.55}.inbox-list .empty-state,.deadline-list .empty-state{min-height:240px}.empty{text-align:center;color:var(--muted-foreground);padding:52px;font-size:14px}.spin{animation:.8s linear infinite spin}@keyframes slide-in{0%{opacity:.5;transform:translate(40px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}}@keyframes spin{to{transform:rotate(360deg)}}.doc-review-page{max-width:100%;padding:0}.ai-action-bar{background:linear-gradient(105deg, var(--violet-tint), var(--primary-tint-2));border-bottom:1px solid color-mix(in srgb, var(--violet) 15%, var(--border));padding:14px 24px}.ai-action-bar-inner{flex-wrap:wrap;align-items:center;gap:16px;max-width:1280px;margin:0 auto;display:flex}.ai-action-bar-label{color:var(--violet);white-space:nowrap;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.ai-action-bar-buttons{flex-wrap:wrap;gap:8px;display:flex}.ai-action-btn{border:1px solid color-mix(in srgb, var(--violet) 20%, var(--border));border-radius:var(--radius-md);background:var(--card);color:var(--violet);white-space:nowrap;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ai-action-btn:hover:not(:disabled){border-color:var(--violet);background:var(--violet-tint)}.ai-action-btn:disabled{opacity:.45;cursor:not-allowed}.ai-extract-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);max-width:1280px;margin:12px auto 0;padding:13px 16px}.ai-extract-head{color:var(--violet);align-items:center;gap:6px;margin-bottom:9px;font-size:13px;font-weight:600;display:flex}.ai-extract-body{flex-wrap:wrap;gap:8px 18px;display:flex}.ai-extract-body>span{color:var(--foreground);font-size:13px}.ai-extract-body em{color:var(--muted-foreground);margin-right:4px;font-style:normal;font-weight:600}.ai-extract-note{border-radius:var(--radius-sm);background:var(--amber-tint);color:var(--amber);padding:8px 10px;font-size:13px;flex-basis:100%!important}.ai-extract-note em{color:var(--amber)}.ai-modal-tag{background:var(--violet-bg);border-radius:var(--radius-sm);align-items:center;gap:4px;margin-bottom:4px;padding:3px 8px;font-size:11px;font-weight:600;color:var(--violet)!important;display:inline-flex!important}.doc-review-head{border-bottom:1px solid var(--border);background:#fff;padding:18px 24px 16px}.back-btn{color:var(--muted-foreground);background:0 0;border:0;align-items:center;gap:6px;margin-bottom:14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.back-btn:hover{color:var(--primary)}.doc-review-head-main{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.doc-review-title-block{align-items:center;gap:14px;display:flex}.doc-review-filetype{border-radius:var(--radius-md);width:46px;height:50px;color:var(--primary);background:var(--primary-tint);flex:0 0 46px;place-items:center;font-size:12px;font-weight:800;display:grid}.doc-review-title-block h1{letter-spacing:-.03em;color:var(--foreground);margin:0;font:700 22px Manrope}.doc-review-title-block p{color:var(--muted-foreground);margin:5px 0 0;font-size:13px}.inline-approved{border-radius:var(--radius-sm);color:var(--green);background:var(--green-bg);align-items:center;gap:4px;margin-left:10px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.doc-review-head-actions{flex-wrap:wrap;gap:8px;display:flex}.doc-review-grid{grid-template-columns:340px 1fr;align-items:start;gap:20px;max-width:1280px;margin:0 auto;padding:20px 24px 56px;display:grid}.doc-review-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:80px}.doc-review-main{min-width:0}.ai-panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-sm);overflow:hidden}.ai-panel-head{border-bottom:1px solid var(--border);background:linear-gradient(160deg, var(--card), var(--violet-tint));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.ai-panel-title{color:var(--violet);align-items:center;gap:11px;display:flex}.ai-panel-title h2{margin:0;font:600 15px Manrope}.ai-panel-title span{border-radius:var(--radius-sm);margin-top:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.ai-tabs{background:var(--muted);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.ai-tabs button{border-radius:var(--radius-sm);color:var(--muted-foreground);white-space:nowrap;background:0 0;border:0;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s;position:relative}.ai-tabs button:hover{color:var(--foreground)}.ai-tabs button.active{background:var(--card);color:var(--primary);box-shadow:var(--shadow-sm)}.ai-tabs button em{background:var(--primary);color:#fff;border-radius:8px;place-items:center;min-width:17px;height:16px;margin-left:5px;padding:0 4px;font-size:10px;font-style:normal;font-weight:700;display:inline-grid}.ai-panel-body{min-height:360px;padding:20px}.ai-tab-content{flex-direction:column;gap:14px;display:flex}.ai-action-row{flex-wrap:wrap;gap:8px;display:flex}.ai-primary-btn{border-radius:var(--radius-md);color:#fff;background:var(--violet);border:0;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ai-primary-btn:hover{filter:brightness(1.1)}.ai-primary-btn:disabled{opacity:.45;cursor:not-allowed}.ai-secondary-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--foreground);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ai-secondary-btn:hover{background:var(--muted)}.ai-output-large{margin:0}.ai-output-large .ai-text{max-height:560px;padding:18px 20px;font-size:14px;line-height:1.75}.ai-empty{text-align:center;color:var(--muted-foreground);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--muted);flex-direction:column;align-items:center;padding:48px 24px;display:flex}.ai-empty svg{color:var(--violet);opacity:.4;margin-bottom:12px}.ai-empty strong{color:var(--foreground);font:600 14px Manrope}.ai-empty p{max-width:420px;margin:7px 0 0;font-size:13px;line-height:1.55}.draft-builder-page{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--muted);grid-template-columns:1fr 1.4fr;align-items:end;gap:12px;padding:16px;display:grid}.draft-builder-page label{color:var(--muted-foreground);font-size:13px;font-weight:600;display:block}.draft-builder-page select,.draft-builder-page input{border:1px solid var(--input);border-radius:var(--radius-md);width:100%;height:36px;color:var(--foreground);background:var(--card);outline:none;margin-top:6px;padding:0 11px;font-size:13px;transition:all .15s}.draft-builder-page select:focus,.draft-builder-page input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.draft-builder-page .ai-primary-btn{grid-column:1/-1;justify-self:start}.draft-list-section h4{color:var(--foreground);margin:0 0 10px;font:600 13px Manrope}.draft-list{flex-direction:column;gap:6px;display:flex}.draft-list-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);text-align:left;align-items:center;gap:11px;padding:11px 13px;transition:all .14s;display:flex}.draft-list-item:hover{border-color:var(--muted-foreground)}.draft-list-item.active{border-color:var(--primary);background:var(--primary-tint)}.draft-list-item strong{color:var(--foreground);font-size:13px;font-weight:600;display:block}.draft-list-item span{color:var(--muted-foreground);margin-top:2px;font-size:12px;display:block}.draft-list-item>div{flex:1;min-width:0}.draft-list-delete{color:var(--border);cursor:pointer;flex:none;transition:all .14s}.draft-list-delete:hover{color:var(--danger)}.matter-detail-page{max-width:100%;padding:0}.matter-detail-head{border-bottom:1px solid var(--border);background:#fff;padding:18px 24px 16px}.matter-detail-head-main{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.matter-detail-title-block{align-items:center;gap:14px;display:flex}.matter-detail-folder{border-radius:var(--radius-lg);width:50px;height:50px;color:var(--primary);background:var(--primary-tint);flex:0 0 50px;place-items:center;display:grid}.matter-detail-title-block h1{letter-spacing:-.03em;color:var(--foreground);margin:0;font:700 22px Manrope}.matter-detail-title-block p{align-items:center;gap:10px;margin:6px 0 0;display:flex}.matter-detail-fileno{color:var(--primary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.matter-detail-head-actions{gap:8px;display:flex}.matter-info-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1280px;margin:0 auto;padding:18px 24px;display:grid}.matter-info-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-sm);padding:14px 16px}.matter-info-card.alert{border-color:var(--rose-bg);background:var(--rose-tint)}.matter-info-card span{color:var(--muted-foreground);font-size:12px;font-weight:600;display:block}.matter-info-card strong{color:var(--foreground);font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;margin-top:6px;font:600 15px Manrope;display:flex}.matter-info-card.alert strong{color:var(--danger)}.matter-info-card p{color:var(--muted-foreground);margin:6px 0 0;font-size:12px;line-height:1.5}.matter-info-sub{color:var(--danger);border-radius:var(--radius-sm);background:var(--rose-bg);padding:1px 8px;font-size:12px;font-weight:700}.matter-workspace{grid-template-columns:1fr 1fr 1.4fr;gap:12px;max-width:1280px;margin:0 auto;padding:0 24px 18px;display:grid}.matter-workspace-card,.matter-note-composer{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-sm)}.matter-workspace-card{padding:15px 16px}.matter-workspace-card.primary{border-color:color-mix(in srgb, var(--primary) 15%, var(--border));background:var(--primary-tint-2)}.matter-workspace-card span,.matter-note-composer label{color:var(--muted-foreground);font-size:12px;font-weight:600;display:block}.matter-workspace-card strong{color:var(--foreground);margin-top:6px;font-size:14px;font-weight:600;display:block}.matter-workspace-card p{color:var(--muted-foreground);margin:6px 0 0;font-size:12px;line-height:1.5}.matter-note-composer{grid-template-columns:1fr auto;align-items:end;gap:10px;padding:13px;display:grid}.matter-note-composer textarea{border:1px solid var(--input);border-radius:var(--radius-md);resize:vertical;outline:none;width:100%;min-height:66px;margin-top:7px;padding:10px 11px;font-size:13px;line-height:1.45;transition:all .15s}.matter-note-composer textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.matter-note-composer-inline{border-bottom:1px solid var(--border-light);flex-direction:column;gap:8px;padding:12px 18px 14px;display:flex}.matter-note-composer-inline textarea{border:1px solid var(--input);border-radius:var(--radius-md);resize:vertical;outline:none;width:100%;min-height:56px;padding:10px 11px;font-size:13px;line-height:1.45;transition:all .15s}.matter-note-composer-inline textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.matter-note-composer-inline button{align-self:flex-end}.matter-detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;max-width:1280px;margin:0 auto;padding:0 24px 56px;display:grid}.matter-activity-panel{grid-column:1/-1}.matter-timeline{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.matter-timeline-item{border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);align-items:flex-start;gap:10px;min-width:0;padding:13px 16px;display:flex}.matter-timeline-item:nth-child(3n){border-right:0}.matter-timeline-icon{border-radius:var(--radius-md);width:30px;height:30px;color:var(--primary);background:var(--primary-tint);flex:0 0 30px;place-items:center;display:grid}.matter-timeline-item strong{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.matter-timeline-item span{color:var(--muted-foreground);margin-top:4px;font-size:12px;display:block}.matter-doc-list,.matter-task-list,.matter-notif-list{padding:4px 0}.matter-doc-item{border:0;border-bottom:1px solid var(--border-light);background:var(--card);text-align:left;align-items:center;gap:11px;width:100%;padding:12px 18px;transition:all .14s;display:flex}.matter-doc-item:last-child{border-bottom:0}.matter-doc-item:hover{background:var(--muted)}.matter-doc-filetype{border-radius:var(--radius-md);width:38px;height:42px;color:var(--primary);background:var(--primary-tint);flex:0 0 38px;place-items:center;font-size:10px;font-weight:800;display:grid}.matter-doc-info{flex:1;min-width:0}.matter-doc-info strong{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.matter-doc-info span{color:var(--muted-foreground);margin-top:3px;font-size:12px;display:block}.matter-doc-badge{border-radius:var(--radius-sm);flex:none;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.ai-badge{color:var(--violet);background:var(--violet-bg)}.approved-badge{color:var(--green);background:var(--green-bg)}.matter-task-item{border-bottom:1px solid var(--border-light);align-items:center;gap:11px;padding:12px 18px;display:flex}.matter-task-item:last-child{border-bottom:0}.matter-task-item.completed{opacity:.55}.matter-task-info{flex:1;min-width:0}.matter-task-info strong{color:var(--foreground);font-size:13px;font-weight:600;display:block}.matter-task-info span{color:var(--muted-foreground);align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.matter-task-priority{border-radius:var(--radius-sm);color:var(--rose);background:var(--rose-bg);flex:none;padding:2px 8px;font-size:11px;font-weight:600}.matter-notif-item{border-bottom:1px solid var(--border-light);align-items:center;gap:11px;padding:12px 18px;display:flex}.matter-notif-item:last-child{border-bottom:0}.matter-notif-item>div:nth-child(2){flex:1;min-width:0}.matter-notif-item strong{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.matter-notif-item span{color:var(--muted-foreground);margin-top:3px;font-size:12px;display:block}.tasks-page{flex-direction:column;gap:20px;max-width:100%;padding:24px 24px 56px;display:flex}.view-mode-toggle{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);display:flex;overflow:hidden}.view-mode-toggle button{width:34px;height:34px;color:var(--muted-foreground);background:0 0;border:0;place-items:center;transition:all .15s;display:grid}.view-mode-toggle button.active{background:var(--primary);color:#fff}.task-stats-bar{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.task-stat-item{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:16px 20px;display:flex}.task-stat-item strong,.task-stat-item span{display:block}.task-stat-item strong{letter-spacing:-.04em;color:var(--foreground);font-variant-numeric:tabular-nums;font:700 24px Manrope}.task-stat-item span{color:var(--muted-foreground);margin-top:2px;font-size:12px;font-weight:600}.task-stat-icon{border-radius:var(--radius-lg);flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.task-stat-icon.open{background:var(--blue-bg);color:var(--blue)}.task-stat-icon.soon{background:var(--amber-bg);color:var(--amber)}.task-stat-icon.done{background:var(--green-bg);color:var(--green)}.task-stat-icon.total{background:var(--violet-bg);color:var(--violet)}.task-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.bulk-actions{border:1px solid color-mix(in srgb, var(--blue) 15%, var(--border));border-radius:var(--radius-md);background:var(--blue-tint);align-items:center;gap:8px;padding:6px 12px;animation:.18s ease-out modal-in;display:flex}.bulk-actions span{color:var(--blue);margin-right:4px;font-size:13px;font-weight:600}.bulk-actions button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);padding:5px 10px;font-size:12px;font-weight:600;transition:all .14s}.bulk-actions button:hover{background:var(--muted)}.bulk-complete{align-items:center;gap:4px;display:flex;color:var(--green)!important}.bulk-complete:hover{background:var(--green-bg)!important;border-color:var(--green)!important}.bulk-delete{align-items:center;gap:4px;display:flex;color:var(--danger)!important}.bulk-delete:hover{background:var(--danger-bg)!important;border-color:var(--danger)!important}.kanban-board{grid-template-columns:repeat(4,1fr);align-items:start;gap:16px;display:grid}.kanban-column{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--muted);box-shadow:var(--shadow-sm);overflow:hidden}.kanban-column-head{border-bottom:1px solid var(--border);background:var(--card);align-items:center;gap:8px;height:46px;padding:0 16px;display:flex}.kanban-column-head svg{color:var(--muted-foreground)}.kanban-column-head span{color:var(--foreground);font-size:13px;font-weight:600}.kanban-column-head em{background:var(--primary-tint);min-width:22px;height:20px;color:var(--primary);border-radius:10px;place-items:center;margin-left:auto;padding:0 7px;font-size:11px;font-style:normal;font-weight:700;display:grid}.kanban-column-body{flex-direction:column;gap:10px;min-height:120px;padding:12px;display:flex}.kanban-empty{text-align:center;color:var(--muted-foreground);padding:32px 16px;font-size:13px}.kanban-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);text-align:left;cursor:pointer;width:100%;padding:14px;transition:all .15s}.kanban-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--primary) 20%, var(--border));transform:translateY(-1px)}.kanban-card.overdue{border-color:var(--rose-bg);background:var(--rose-tint)}.kanban-card.high-priority{border-left:3px solid var(--rose)}.kanban-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kanban-check{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:#fff;flex:none;place-items:center;width:22px;height:22px;transition:all .14s;display:grid}.kanban-check.completed{border-color:var(--primary);background:var(--primary)}.kanban-check.selected{border-color:var(--blue);background:var(--blue)}.kanban-check:hover{border-color:var(--primary)}.kanban-priority{border-radius:var(--radius-sm);background:var(--muted);width:20px;height:20px;color:var(--muted-foreground);place-items:center;font-size:10px;font-weight:800;display:grid}.kanban-priority.high{background:var(--rose-bg);color:var(--rose)}.kanban-card>strong{color:var(--foreground);margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.4;display:block}.kanban-category{border-radius:var(--radius-sm);margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.kanban-matter{color:var(--muted-foreground);align-items:center;gap:5px;margin-bottom:8px;font-size:12px;display:flex}.kanban-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.kanban-assignee{color:var(--muted-foreground);align-items:center;gap:4px;font-size:12px;display:flex}.kanban-days{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:flex}.kanban-days.safe{color:var(--green);background:var(--green-bg)}.kanban-days.warning{color:var(--amber);background:var(--amber-bg)}.kanban-days.soon{color:var(--amber);background:var(--amber-tint)}.kanban-days.critical{color:var(--rose);background:var(--rose-bg)}.kanban-days.overdue{color:var(--rose);background:var(--rose-tint)}.crm-head{grid-template-columns:28px 2.4fr .8fr 1.1fr .8fr .75fr 44px!important}.crm-row{grid-template-columns:28px 2.4fr .8fr 1.1fr .8fr .75fr 44px!important;gap:14px!important;padding:0 14px!important}.select-all-btn{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--card);width:22px;height:22px;color:var(--primary);place-items:center;padding:0;transition:all .14s;display:grid}.select-all-dot{background:var(--border);border-radius:50%;width:4px;height:4px}.completed-title{opacity:.6;text-decoration:line-through}.inline-priority{border-radius:var(--radius-sm);color:var(--rose);background:var(--rose-bg);padding:1px 8px;font-size:10px;font-weight:700}.no-category{color:var(--muted-foreground);opacity:.5}.days-badge{border-radius:var(--radius-sm);margin-top:3px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.days-badge.safe{color:var(--green);background:var(--green-bg)}.days-badge.warning{color:var(--amber);background:var(--amber-bg)}.days-badge.soon{color:var(--amber);background:var(--amber-tint)}.days-badge.critical{color:var(--rose);background:var(--rose-bg)}.days-badge.overdue{color:var(--rose);background:var(--rose-tint)}.crm-title-cell{cursor:pointer}.crm-title-cell strong,.crm-title-cell small{display:block}.crm-title-cell small{margin-top:3px}.template-quick-pick{border:1px solid color-mix(in srgb, var(--amber) 15%, var(--border));border-radius:var(--radius-md);background:var(--amber-tint);margin-bottom:14px;padding:12px}.template-label{color:var(--amber);align-items:center;gap:5px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.template-chips{flex-wrap:wrap;gap:6px;display:flex}.template-chip{border:1px solid color-mix(in srgb, var(--amber) 20%, var(--border));border-radius:var(--radius-sm);background:var(--card);color:var(--amber);cursor:pointer;padding:5px 10px;font-size:12px;font-weight:600;transition:all .14s}.template-chip:hover{background:var(--amber-bg);border-color:var(--amber)}.template-modal-wide{flex-direction:column;max-height:80vh;display:flex;width:min(680px,100%)!important}.template-modal-wide .modal-body{overflow-y:auto}.template-group{margin-bottom:20px}.template-group h4{align-items:center;gap:8px;margin:0 0 10px;font:600 14px Manrope;display:flex}.template-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.template-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);text-align:left;cursor:pointer;padding:14px;transition:all .15s}.template-card:hover:not(:disabled){box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--primary) 20%, var(--border))}.template-card:disabled{opacity:.4;cursor:not-allowed}.template-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.template-days{border-radius:var(--radius-sm);background:var(--primary-tint);color:var(--primary);padding:2px 8px;font-size:11px;font-weight:600}.template-card>strong{color:var(--foreground);margin-bottom:4px;font-size:14px;font-weight:600;display:block}.template-card>small{color:var(--muted-foreground);font-size:12px}.task-detail-status{border-radius:var(--radius-lg);align-items:center;gap:14px;margin-bottom:16px;padding:16px;display:flex}.task-detail-status.open{background:var(--blue-tint);color:var(--blue)}.task-detail-status.completed{background:var(--green-bg);color:var(--green)}.task-detail-check{border-radius:var(--radius-lg);background:var(--card);width:48px;height:48px;box-shadow:var(--shadow-sm);cursor:pointer;flex:0 0 48px;place-items:center;transition:all .14s;display:grid}.task-detail-check:hover{box-shadow:var(--shadow-md)}.task-detail-status strong{font-size:14px;font-weight:600;display:block}.task-detail-status p{opacity:.7;margin:3px 0 0;font-size:13px}.edit-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--muted-foreground);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .14s;display:inline-flex}.edit-btn:hover{border-color:var(--muted-foreground);color:var(--primary)}.task-description{color:var(--foreground);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.deadline-urgent{color:var(--rose)!important;font-weight:800!important}.icon-inline{vertical-align:middle;display:inline}.staff-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:2px;display:grid}.staff-metric{background:#fff;border:1px solid #e2e7ec;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #1f2e3d0a}.staff-metric:after{content:"";background:var(--metric-color,#1e3a5f);opacity:.85;width:3px;height:100%;position:absolute;top:0;left:0}.staff-metric-icon{color:#fff;background:var(--metric-color,#1e3a5f);width:40px;height:40px;box-shadow:0 4px 10px color-mix(in srgb, var(--metric-color,#1e3a5f) 35%, transparent);border-radius:10px;flex:0 0 40px;place-items:center;display:grid}.staff-metric-icon.open{--metric-color:#1e3a5f}.staff-metric-icon.soon{--metric-color:#c2761c}.staff-metric-icon.total{--metric-color:#4a5b8f}.staff-metric-icon.payroll{--metric-color:#8a6d1f}.staff-metric-body{flex-direction:column;gap:3px;min-width:0;display:flex}.staff-metric-body strong{letter-spacing:-.02em;color:#182a3b;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1.1}.staff-metric-body span{color:#8595a3;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.staff-directory-panel{background:#fff;border:1px solid #dfe5eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px #1f2e3d0d}.staff-directory-head{border-bottom:1px solid #edf0f3;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex}.staff-directory-head-main h2{color:#172a3c;letter-spacing:-.015em;margin:0;font-size:19px;font-weight:700}.staff-directory-head-main p{color:#7a8895;max-width:640px;margin:5px 0 0;font-size:12px;line-height:1.55}.staff-directory-head-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.staff-filter-toggle{background:#f7f9fb;border:1px solid #dce3ea;border-radius:8px;align-items:center;padding:3px;display:inline-flex}.staff-filter-toggle button{color:#687786;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;min-height:32px;padding:0 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.staff-filter-toggle button span{font-variant-numeric:tabular-nums;opacity:.7}.staff-filter-toggle button.active{color:#fff;background:#1e3a5f}.staff-filter-clear{color:#1e3a5f;background:#fff;border:1px solid #dce3ea;border-radius:8px;min-height:38px;padding:0 14px;font-size:12px;font-weight:700;transition:all .15s}.staff-filter-clear:hover{background:#eef3f8}.staff-quick-filters{background:#f8fafc;border-bottom:1px solid #edf0f3;flex-direction:column;gap:10px;padding:14px 24px;display:flex}.staff-filter-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.staff-filter-row>span{color:#8995a1;text-transform:uppercase;letter-spacing:.08em;min-width:60px;font-size:10px;font-weight:700}.staff-filter-row button{color:#667684;background:#fff;border:1px solid #dce3ea;border-radius:6px;min-height:28px;padding:0 12px;font-size:11px;font-weight:700;transition:all .15s}.staff-filter-row button:hover{color:#1e3a5f;background:#ecf2f8;border-color:#9bb2c8}.staff-filter-row button.active{color:#fff;background:#1e3a5f;border-color:#1e3a5f}.staff-table-wrap{background:#fff;position:relative;overflow-x:auto}.staff-table-head,.staff-table-row{grid-template-columns:34px minmax(240px,1.5fr) minmax(150px,.9fr) minmax(180px,1fr) 120px 130px 72px;align-items:center;min-width:980px;display:grid}.staff-table-head{color:#8a96a1;text-transform:uppercase;letter-spacing:.04em;background:#fbfcfd;border-bottom:1px solid #e8edf2;min-height:48px;padding:0 26px;font-size:11px;font-weight:800}.staff-table-body{flex-direction:column;display:flex}.staff-table-row{border-bottom:1px solid #edf0f3;min-height:72px;padding:0 26px;transition:background .15s}.staff-table-row:hover{background:#f8fbff}.staff-table-row:last-child{border-bottom:0}.staff-person-cell{text-align:left;background:0 0;border:0;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.staff-row-check{background:#fff;border:1px solid #dfe5eb;border-radius:5px;width:18px;height:18px;box-shadow:inset 0 0 0 2px #fff}.staff-card-avatar{color:#29506e;letter-spacing:.02em;background:#e7eff5;border-radius:10px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:grid}.staff-directory-title{min-width:0;display:block}.staff-directory-title strong,.staff-directory-title small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.staff-directory-title strong{color:#1a2d3e;letter-spacing:-.01em;font-size:13.5px;font-weight:700}.staff-directory-title small{color:#7d8b97;margin-top:3px;font-size:11px;font-weight:600}.staff-table-muted{white-space:nowrap;text-overflow:ellipsis;color:#7a8792;font-size:12px;font-weight:600;overflow:hidden}.staff-status-pill{color:#a84747;white-space:nowrap;background:#f8e9e9;border-radius:999px;justify-self:center;padding:4px 10px;font-size:10px;font-weight:800}.staff-status-pill.active{color:#258053;background:#e6f5ed}.staff-status-pill.plain{color:#6b7986;background:#eef1f4}.staff-actions-cell{justify-content:center;align-items:center;display:inline-flex;position:relative}.staff-action-trigger{color:#8b98a3;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:36px;min-height:36px;padding:0;transition:all .15s;display:inline-flex}.staff-action-trigger:hover{color:#1f4ed8;background:#edf3fb}.staff-action-menu{z-index:20;background:#fff;border:1px solid #e1e6eb;border-radius:10px;width:230px;padding:8px;position:absolute;top:40px;right:0;box-shadow:0 18px 38px #0f172a24}.staff-action-menu button{color:#6b7681;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.staff-action-menu button:hover{color:#1e3a5f;background:#f3f6f9}.staff-action-menu button.danger{color:#e04747}.staff-action-menu button.danger:hover{background:#fff1f1}.staff-hero{background:#fff;border:1px solid #dfe5eb;border-radius:14px;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);align-items:stretch;gap:22px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 22px #1f2e3d12}.staff-hero:before{content:"";background:linear-gradient(90deg,#1e3a5f 0%,#2c6b68 50%,#b68b2e 100%);width:100%;height:4px;position:absolute;top:0;left:0}.staff-hero-id{align-items:center;gap:18px;min-width:0;display:flex}.staff-hero-avatar{color:#24625f;letter-spacing:.02em;background:linear-gradient(135deg,#e7eff5 0%,#d8e6ed 100%);border-radius:16px;flex:0 0 76px;place-items:center;width:76px;height:76px;font-size:24px;font-weight:800;display:grid;box-shadow:inset 0 1px #fff9}.staff-hero-id-main{min-width:0}.staff-hero-id-main .staff-status-pill{justify-self:start;margin-bottom:6px}.staff-hero-id-main h2{color:#172a3c;letter-spacing:-.03em;margin:0 0 4px;font-size:26px;font-weight:800;line-height:1.1}.staff-hero-id-main p{color:#6b7986;margin:0 0 8px;font-size:13px;font-weight:600}.staff-hero-contact{flex-wrap:wrap;gap:8px 16px;display:flex}.staff-hero-contact span{color:#4a5b6c;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.staff-hero-contact svg{color:#8a99a8}.staff-hero-stats{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.staff-hero-stat{background:#f8fafc;border:1px solid #e6ebef;border-radius:10px;flex-direction:column;gap:5px;padding:13px 15px;display:flex}.staff-hero-stat small{color:#8995a1;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.staff-hero-stat strong{color:#1c2f41;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:16px;font-weight:800;line-height:1.15}.staff-hero-stat em{color:#8995a1;font-size:11px;font-style:normal;font-weight:700}.staff-detail-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px;display:grid}.staff-detail-section .panel-head{align-items:center}.staff-detail-section .panel-head h2{color:#1c3042;font-size:15px}.staff-detail-section .panel-head p{color:#82909d;font-size:11px}.staff-detail-count{color:#1e3a5f;white-space:nowrap;background:#eef3f8;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.staff-detail-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:4px 0;display:grid}.staff-detail-field{border-bottom:1px solid #edf0f3;flex-direction:column;gap:4px;padding:13px 20px;display:flex}.staff-detail-field:nth-child(2n){border-left:1px solid #edf0f3}.staff-detail-field span{color:#8995a1;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.staff-detail-field strong{color:#1c2f41;overflow-wrap:anywhere;font-size:13px;font-weight:700;line-height:1.4}.staff-profile-notes{padding:18px 20px}.staff-note-panel{flex-direction:column;gap:12px;display:flex}.staff-note-form{flex-direction:column;gap:9px;display:flex}.staff-note-form textarea{resize:vertical;background:#f9fbfc;border:1px solid #dfe6ec;border-radius:8px;outline:none;width:100%;min-height:76px;padding:11px 12px;font-size:12.5px;line-height:1.5;transition:all .15s}.staff-note-form textarea:focus{background:#fff;border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1f}.staff-note-form button{align-self:flex-end}.staff-note-list{flex-direction:column;gap:6px;display:flex}.staff-note-row{background:#f8fafc;border:1px solid #edf0f3;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 11px;display:flex}.staff-note-row .folder-icon{color:#1e3a5f;background:#e7eff5;border-radius:7px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.staff-note-row>div{min-width:0}.staff-note-row strong{color:#1c2f41;font-size:12.5px;font-weight:600;line-height:1.45;display:block}.staff-note-row span{color:#8995a1;font-variant-numeric:tabular-nums;margin-top:4px;font-size:10.5px;font-weight:600;display:block}.staff-note-empty{color:#8995a1;padding:8px 4px;font-size:12px}.staff-leave-mini{color:#6b7986;background:#f8fafc;border:1px solid #edf0f3;border-radius:8px;align-items:center;gap:6px;padding:8px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.staff-card-note{border:1px dashed color-mix(in srgb, var(--amber) 30%, var(--border));color:#1c2f41;white-space:pre-line;background:#fff7e9;border-radius:8px;margin:0 0 4px;padding:10px 12px;font-size:12px;line-height:1.5}.staff-timeline{flex-direction:column;padding:8px 22px 14px;display:flex}.staff-timeline-row{border-bottom:1px dashed #edf0f3;grid-template-columns:24px minmax(0,1fr) 32px;align-items:flex-start;gap:12px;padding:14px 0;display:grid}.staff-timeline-row:last-child{border-bottom:0}.staff-timeline-rail{justify-content:center;align-self:stretch;display:flex;position:relative}.staff-timeline-rail:before{content:"";background:#e6ebef;width:2px;position:absolute;top:8px;bottom:-14px}.staff-timeline-row:last-child .staff-timeline-rail:before{display:none}.staff-timeline-dot{background:#1e3a5f;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin-top:6px;position:relative;box-shadow:0 0 0 2px #d8e6ef}.staff-timeline-body{flex-direction:column;gap:6px;min-width:0;display:flex}.staff-timeline-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.staff-timeline-top strong{color:#1c2f41;font-size:13px;font-weight:700}.staff-timeline-meta{color:#6b7986;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:11.5px;font-weight:600;display:flex}.staff-timeline-meta span{align-items:center;gap:5px;display:inline-flex}.staff-timeline-meta svg{color:#8a99a8}.staff-timeline-note{font-style:italic;color:#8995a1!important;font-weight:500!important}.staff-leave-table{padding:4px 0}.staff-leave-row{border-bottom:1px solid var(--border-light);grid-template-columns:1.4fr 1fr 1.6fr .6fr .9fr 32px;align-items:center;gap:10px;padding:12px 20px;font-size:13px;display:grid}.staff-leave-row:last-child{border-bottom:0}.staff-leave-head{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;background:var(--muted);font-size:11px;font-weight:700}.staff-leave-name{color:var(--foreground);font-weight:700}.staff-leave-days{color:var(--primary);font-variant-numeric:tabular-nums;font-weight:800}.staff-detail-page>.panel,.staff-detail-grid>.panel{background:#fff;border:1px solid #dfe5eb;border-radius:12px;box-shadow:0 4px 18px #1f2e3d0d}.staff-detail-grid .panel-head,.staff-detail-page>.panel .panel-head{border-bottom:1px solid #edf0f3;padding:18px 20px 14px}@media (width<=1180px){.global-search{width:200px}}@media (width<=980px){.staff-toolbar{justify-content:stretch}.staff-filter-toggle{flex:1}.staff-filter-toggle button{flex:1;justify-content:center;padding:0 8px}.staff-table-head,.staff-table-row{grid-template-columns:34px minmax(220px,1.3fr) minmax(130px,.9fr) minmax(160px,1fr) 110px 120px 64px;min-width:900px}.staff-profile-hero,.staff-profile-grid,.staff-profile-summary{grid-template-columns:1fr}.staff-column-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-filter-clear{grid-column:1/-1}.staff-list-head{display:none}.staff-list-row{grid-template-columns:1fr;align-items:stretch;gap:7px;min-width:0;padding:14px 18px}.staff-list-row>span:not(.staff-list-person):not(.staff-list-actions):before{content:attr(data-label);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.staff-module-tags{align-items:stretch}.staff-list-actions{justify-content:flex-start}.staff-chips,.staff-card-meta{grid-template-columns:1fr}}@media (width<=1050px){.module-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.matter-grid{grid-template-columns:1fr 1fr}.task-row{grid-template-columns:22px 1.4fr .8fr 36px}.task-owner{display:none}.kanban-board,.task-stats-bar,.matter-timeline{grid-template-columns:1fr 1fr}.matter-timeline-item:nth-child(3n){border-right:1px solid var(--border-light)}.matter-timeline-item:nth-child(2n){border-right:0}.crm-head,.crm-row{grid-template-columns:28px 1.8fr .8fr 1fr 36px!important}.crm-head>span:nth-child(6),.crm-row>span:nth-child(6),.crm-head>span:nth-child(5),.crm-row>span:nth-child(5){display:none}.doc-review-grid{grid-template-columns:1fr}.doc-review-side{position:static}.draft-builder-page{grid-template-columns:1fr}.matter-info-grid{grid-template-columns:1fr 1fr}.matter-detail-grid{grid-template-columns:1fr}}@media (width<=880px){.app-sidebar{display:none}.mobile-bottom-nav{display:block}.matter-timeline{grid-template-columns:1fr}.matter-timeline-item,.matter-timeline-item:nth-child(2n),.matter-timeline-item:nth-child(3n){border-right:0}.global-search,.session-panel{display:none}.app-header{padding:0 16px}}@media (width<=1080px){.staff-detail-grid,.staff-hero{grid-template-columns:1fr}.staff-hero-stats{grid-template-columns:repeat(4,1fr)}}@media (width<=860px){.staff-metrics{grid-template-columns:repeat(2,1fr)}.staff-hero-id{gap:14px}.staff-hero-stats{grid-template-columns:repeat(2,1fr)}.staff-detail-fields{grid-template-columns:1fr}.staff-detail-field:nth-child(2n){border-left:0}}@media (width<=620px){.staff-directory-head,.staff-quick-filters{padding-left:14px;padding-right:14px}.staff-filter-row>span{width:100%}.staff-table-head,.staff-table-row{grid-template-columns:30px minmax(210px,1.4fr) minmax(120px,.8fr) minmax(150px,1fr) 100px 110px 58px;min-width:820px;padding-left:14px;padding-right:14px}.staff-hero{padding:18px}.staff-hero-avatar{flex-basis:60px;width:60px;height:60px;font-size:20px}.staff-hero-id-main h2{font-size:22px}.staff-leave-row{grid-template-columns:1fr;gap:4px}.staff-leave-head{display:none}.staff-leave-name:before{content:"Personel: ";color:var(--muted-foreground);font-weight:600}.staff-timeline-row{grid-template-columns:18px minmax(0,1fr) 28px;gap:9px}}@media (width<=760px){.module-grid,.enforcement-stats{grid-template-columns:1fr 1fr}.enforcement-hero{padding:24px}.hero-mark{display:none}.enforcement-note{flex-wrap:wrap;align-items:flex-start}.enforcement-note button{margin-left:53px}.page{padding:20px 16px 80px}.matter-info-grid{grid-template-columns:1fr 1fr;padding:14px 16px}.matter-detail-grid{padding:0 16px 80px}.matter-detail-head{padding:16px}.page-heading{align-items:flex-start;gap:14px}.page-heading h1{font-size:22px}.page-heading .outline-btn,.page-heading .primary-btn{white-space:nowrap;padding:10px;font-size:0}.page-heading .outline-btn svg,.page-heading .primary-btn svg{width:18px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:138px;padding:16px}.matter-grid{grid-template-columns:1fr}.filter-row{flex-wrap:nowrap;overflow-x:auto}.filter-row button{white-space:nowrap}.task-summary>div{flex:1;min-width:0;padding:0 14px}.task-row{grid-template-columns:22px 1fr auto;padding:13px 16px}.task-date svg,.task-date span{display:none}.kanban-board{grid-template-columns:1fr}.task-stats-bar{grid-template-columns:1fr 1fr;gap:8px}.crm-head,.crm-row{grid-template-columns:28px 1fr auto!important;gap:8px!important;padding:0 10px!important}.crm-head>span:nth-child(3),.crm-row>span:nth-child(3),.crm-head>span:nth-child(4),.crm-row>span:nth-child(4),.crm-head>span:nth-child(5),.crm-row>span:nth-child(5),.crm-head>span:nth-child(6),.crm-row>span:nth-child(6){display:none}.task-toolbar{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.drawer-body{padding-inline:14px}.drawer-head{padding-inline:16px}.drawer-footer{flex-wrap:wrap}.drawer-footer-main{justify-content:flex-end;width:100%;margin-left:0}.audit-row{grid-template-columns:32px 1fr}.audit-actor{text-align:left;grid-column:2}.heading-actions{gap:6px}.heading-actions .outline-btn{display:none}.mobile-bottom-nav-inner{gap:4px}}@media (width<=440px){.module-grid,.enforcement-stats,.stats-grid{grid-template-columns:1fr}.stat-card{min-height:124px}.inbox-item{grid-template-columns:36px 1fr}.inbox-meta{display:none}.deadline-item{grid-template-columns:42px 1fr}.days-left,.confidence-note>svg,.role-badge{display:none}}@media (width<=880px){.staff-leave-row{grid-template-columns:1.2fr .8fr .5fr 32px}.staff-leave-head span:nth-child(3),.staff-leave-row span:nth-child(3){display:none}}.card-elegant{background:var(--card);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-md);padding:1.5rem;transition:transform .2s,box-shadow .2s}.btn-gradient{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:8px;padding:.6rem 1.25rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-gradient:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.toggle-segment-group{background-color:var(--slate-50);border:1px solid var(--border-light);border-radius:var(--radius-lg);align-items:center;gap:4px;padding:4px;display:inline-flex}.toggle-segment{border-radius:var(--radius-md);color:var(--slate-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.toggle-segment:hover{color:var(--slate-800)}.toggle-segment[data-active=true],.toggle-segment.active{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff}.badge-pill{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pill.pink{background-color:var(--rose-tint);color:var(--rose)}.badge-pill.gray{background-color:var(--slate-50);color:var(--slate-800)}.badge-pill.blue{background-color:var(--blue-tint);color:var(--blue)}.badge-pill.amber{background-color:var(--amber-tint);color:var(--amber)}.btn-outline-elegant{border:1px solid var(--slate-200);border-radius:var(--radius-md);color:var(--slate-800);box-shadow:var(--shadow-xs);cursor:pointer;background:#fff;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline-elegant:hover{background:var(--slate-50);border-color:var(--slate-200)}.custom-checkbox-wrap{cursor:pointer;align-items:center;gap:12px;display:inline-flex}.custom-checkbox-wrap input[type=checkbox]{display:none}.custom-checkbox-box{border:2px solid var(--slate-200);background:#fff;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.custom-checkbox-wrap:hover .custom-checkbox-box{border-color:var(--blue)}.custom-checkbox-wrap input[type=checkbox]:checked+.custom-checkbox-box{background:var(--blue);border-color:var(--blue)}.custom-checkbox-box svg{color:#fff;opacity:0;width:14px;height:14px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);transform:scale(.5)}.custom-checkbox-wrap input[type=checkbox]:checked+.custom-checkbox-box svg{opacity:1;transform:scale(1)}.custom-checkbox-label{color:var(--slate-800);font-size:.875rem;font-weight:500}.page.staff-page{background:0 0;flex-direction:column;gap:0;min-height:100vh;padding:0;display:flex}.tiimi-top-nav{color:#fff;background-color:#1a1d21;align-items:center;gap:32px;height:60px;padding:0 24px;display:flex}.tiimi-top-nav-brand{letter-spacing:.5px;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.tiimi-top-nav-brand-icon{color:#fbbf24}.tiimi-top-nav-divider{background-color:#ffffff1a;width:1px;height:24px;margin:0 -16px}.tiimi-top-nav-title{font-size:1.1rem;font-weight:600}.tiimi-top-nav-links{align-items:center;gap:24px;margin-left:16px;display:flex}.tiimi-nav-link{color:#a0a4a8;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.tiimi-nav-link:hover{color:#fff;background-color:#ffffff0d}.tiimi-nav-link.active{color:#fff;background-color:#ffffff1a}.tiimi-badge{color:#fff;background-color:#ffffff1a;border-radius:12px;padding:2px 6px;font-size:.7rem;font-weight:600}.tiimi-badge.orange{background-color:#f97316}.tiimi-page-header{background:0 0;justify-content:space-between;align-items:flex-end;gap:20px;padding:32px 32px 16px;display:flex}.tiimi-page-title-area h1{color:#1a1d21;margin:0 0 8px;font-size:1.5rem;font-weight:700}.tiimi-page-stats{color:#64748b;gap:16px;font-size:.8rem;font-weight:500;display:flex}.tiimi-stat-item{align-items:center;gap:6px;display:flex}.tiimi-stat-dot{border-radius:50%;width:6px;height:6px}.tiimi-stat-dot.active{background-color:#84cc16}.tiimi-stat-dot.invited{background-color:#1e293b}.tiimi-stat-dot.inactive{background-color:#94a3b8}.tiimi-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.tiimi-btn{cursor:pointer;color:#475569;white-space:nowrap;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.tiimi-btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.tiimi-btn-primary{color:#fff;background:#1e293b;border-color:#1e293b}.tiimi-btn-primary:hover{color:#fff;background:#111827;border-color:#111827}.tiimi-filter-bar{background:0 0;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:0 32px;display:flex}.tiimi-filters-left{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.tiimi-search-input{align-items:center;display:flex;position:relative}.tiimi-search-input svg{color:#94a3b8;position:absolute;left:12px}.tiimi-search-input input{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:240px;padding:8px 12px 8px 36px;font-size:.85rem}.tiimi-search-input input:focus{border-color:#cbd5e1;box-shadow:0 0 0 2px #e2e8f080}.tiimi-filter-dropdown{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;align-items:center;gap:6px;min-height:38px;padding:0 34px 0 12px;font-size:.85rem;font-weight:500;display:inline-flex}.tiimi-filter-dropdown:hover{background-color:#f8fafc;border-color:#cbd5e1}.tiimi-filter-dropdown svg{color:#94a3b8}.tiimi-filters-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.tiimi-result-count{color:#475569;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;min-height:36px;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}.tiimi-view-toggle{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;min-height:38px;padding:4px;display:flex}.tiimi-view-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;min-width:32px;height:28px;padding:0 8px;display:inline-grid}.tiimi-view-btn.active{color:#1e293b;background-color:#fff;box-shadow:0 1px 2px #0000000d}.tiimi-pill{border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.tiimi-pill.active{background-color:var(--green-tint,#f0fdf4);color:var(--green,#16a34a)}.tiimi-pill.invited{background-color:var(--blue-tint,#eff6ff);color:var(--blue,#2563eb)}.tiimi-pill.inactive{background-color:var(--slate-50,#f8fafc);color:var(--slate-500,#64748b)}.tiimi-pill:before{content:"";background-color:currentColor;border-radius:50%;width:6px;height:6px}.tiimi-table-container{flex:1;padding:0 32px 32px}.tiimi-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000000d}.tiimi-table th,.tiimi-table td{text-align:left;border-bottom:1px solid #f1f5f9;padding:16px 20px}.tiimi-table th{color:#475569;white-space:nowrap;background-color:#f8fafc;font-size:.8rem;font-weight:600}.tiimi-sort-btn{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.tiimi-sort-btn span{color:#94a3b8;font-size:.78rem}.tiimi-sort-btn:hover{color:#1e293b}.tiimi-table th svg{vertical-align:middle;color:#94a3b8;margin-right:6px}.tiimi-table td{color:#334155;vertical-align:middle;font-size:.85rem}.tiimi-table tr:hover td{background-color:#f8fafc}.tiimi-cell-id{color:#64748b;font-weight:500}.tiimi-cell-name{color:#1e293b;align-items:center;gap:12px;font-weight:600;display:flex}.tiimi-name-link{color:#1e293b;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.tiimi-name-link:hover{color:#2563eb;text-decoration:underline}.tiimi-avatar{color:#64748b;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:600;display:flex;overflow:hidden}.tiimi-avatar img{object-fit:cover;width:100%;height:100%}.tiimi-avatar.blob{color:#fff;background:linear-gradient(135deg,#a78bfa,#38bdf8)}.tiimi-cell-role{font-weight:500}.tiimi-cell-contact{flex-direction:column;gap:4px;display:flex}.tiimi-contact-badge{color:#3b82f6;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;width:fit-content;padding:2px 8px;font-size:.75rem;text-decoration:none;display:inline-flex}.tiimi-contact-badge:hover{background:#eff6ff;border-color:#bfdbfe}.tiimi-cell-date{color:#1e293b;font-weight:500}.tiimi-action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.tiimi-action-btn:hover{color:#475569;background-color:#f1f5f9}.tiimi-pagination{color:#64748b;justify-content:space-between;align-items:center;gap:14px;padding:14px 4px 0;font-size:.84rem;font-weight:600;display:flex}.tiimi-pagination-actions{align-items:center;gap:10px;display:inline-flex}.tiimi-pagination-actions strong{color:#1e293b;text-align:center;min-width:54px;font-size:.84rem}.tiimi-pagination .tiimi-btn:disabled{cursor:not-allowed;opacity:.45}.tiimi-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:0 32px 32px;display:grid}.tiimi-card-pagination{grid-column:1/-1}.tiimi-card{background:#fff;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000d}.tiimi-card-header{justify-content:space-between;align-items:flex-start;display:flex}.tiimi-card-profile{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.tiimi-card-profile .tiimi-avatar{width:64px;height:64px;font-size:1.2rem}.tiimi-card-profile h3{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.tiimi-card-profile p{color:#64748b;margin:0;font-size:.8rem;font-weight:500}.tiimi-card-info-box{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.tiimi-card-info-row{color:#64748b;align-items:center;gap:8px;font-size:.75rem;font-weight:500;display:flex}.tiimi-card-info-row svg{color:#94a3b8}.tiimi-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:.8rem;display:flex}.tiimi-card-footer-date{color:#64748b}.tiimi-card-footer-date span{color:#1e293b;font-weight:600}.tiimi-card-footer-link{color:#1e293b;cursor:pointer;font-weight:600;text-decoration:none}.tiimi-card-footer-link:hover{text-decoration:underline}.app-main-wrap .page.staff-page{background:0 0!important}.staff-page .tiimi-page-header,.staff-page .tiimi-filter-bar,.staff-page .tiimi-table-container,.staff-page .tiimi-card-grid{background:0 0}.staff-page .tiimi-filters-right>.tiimi-btn,.staff-page .tiimi-filters-right>.tiimi-filter-dropdown,.staff-page .tiimi-filters-right>.tiimi-result-count,.staff-page .tiimi-filters-right>.tiimi-view-toggle{flex:none}.staff-page .tiimi-filters-right>.tiimi-btn{color:#334155;background:#fff;border-color:#d7dee8}.staff-page .tiimi-filters-right>.tiimi-btn:hover{background:#f8fafc;border-color:#b8c2d0}@media (width<=1180px){.tiimi-page-header,.tiimi-filter-bar{flex-direction:column;align-items:flex-start}.tiimi-header-actions,.tiimi-filters-left,.tiimi-filters-right{justify-content:flex-start;width:100%}}@media (width<=720px){.tiimi-page-header,.tiimi-filter-bar,.tiimi-table-container,.tiimi-card-grid{padding-left:16px;padding-right:16px}.tiimi-search-input,.tiimi-search-input input,.tiimi-filter-dropdown,.tiimi-result-count,.tiimi-filters-right>.tiimi-btn{width:100%}.tiimi-view-toggle{justify-content:space-between;width:100%}.tiimi-view-btn{flex:1}}.tiimi-detail-page{background-color:#f6f8fa;flex-direction:column;gap:24px;min-height:100vh;padding:32px;display:flex}.tiimi-detail-header{justify-content:space-between;align-items:center;display:flex}.tiimi-detail-header-left{align-items:center;gap:16px;display:flex}.tiimi-back-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tiimi-back-btn:hover{background:#f1f5f9}.tiimi-detail-title h1{color:#1e293b;margin:0;font-size:1.2rem;font-weight:700}.tiimi-breadcrumb{color:#64748b;align-items:center;gap:6px;margin-top:4px;font-size:.8rem;display:flex}.tiimi-detail-header-right{align-items:center;gap:12px;display:flex}.tiimi-icon-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tiimi-detail-hero{background:#fff;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.tiimi-hero-cover{background:linear-gradient(90deg,#eef2ff 0%,#e0e7ff 100%);height:120px;position:relative;overflow:hidden}.tiimi-hero-cover:before{content:"";opacity:.2;border:10px solid #818cf8;border-radius:50%;width:200px;height:200px;position:absolute;top:-100px;left:40%}.tiimi-hero-cover:after{content:"";opacity:.2;border:10px solid #6366f1;border-radius:50%;width:150px;height:150px;position:absolute;top:50px;left:45%}.tiimi-hero-body{justify-content:space-between;align-items:flex-end;margin-top:-40px;padding:0 24px 24px;display:flex}.tiimi-hero-profile{z-index:1;align-items:flex-end;gap:20px;display:flex}.tiimi-hero-profile .tiimi-avatar{background:#fff;border:4px solid #fff;width:100px;height:100px;font-size:2rem}.tiimi-hero-info{margin-bottom:8px}.tiimi-hero-info h2{color:#1e293b;margin:0 0 4px;font-size:1.4rem;font-weight:700}.tiimi-hero-info p{color:#64748b;margin:0;font-size:.9rem;font-weight:500}.tiimi-hero-actions{align-items:center;gap:12px;margin-bottom:12px;display:flex}.tiimi-info-row{grid-template-columns:repeat(4,1fr);gap:16px;padding:0 24px 24px;display:grid}.tiimi-info-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.tiimi-info-box label{color:#94a3b8;font-size:.75rem;font-weight:600}.tiimi-info-box-val{color:#334155;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.tiimi-info-box-val svg{color:#64748b}.tiimi-info-dot{background-color:#3b82f6;border-radius:50%;width:6px;height:6px}.tiimi-detail-tabs-wrap{background:#fff;border-radius:12px;padding:4px;display:flex;box-shadow:0 1px 3px #0000000d}.tiimi-tab{text-align:center;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.tiimi-tab.active{color:#fff;background:#3b82f6;box-shadow:0 2px 4px #3b82f64d}.tiimi-detail-content-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.tiimi-detail-panel{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d}.tiimi-detail-panel h3{color:#1e293b;margin:0 0 16px;font-size:1.1rem}.tiimi-detail-text{color:#475569;font-size:.9rem;line-height:1.5}.tiimi-snapshot-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.tiimi-snap-item{flex-direction:column;gap:4px;display:flex}.tiimi-snap-item label{color:#94a3b8;font-size:.75rem;font-weight:500}.tiimi-snap-item span{color:#1e293b;font-size:.9rem;font-weight:600}.tiimi-snap-item a{color:#1e293b;font-size:.9rem;font-weight:600;text-decoration:none}.tiimi-project-list{flex-direction:column;gap:16px;display:flex}.tiimi-project-item{border-left:3px solid #3b82f6;flex-direction:column;gap:6px;padding-left:12px;display:flex}.tiimi-project-item.green{border-color:#10b981}.tiimi-project-item.blue{border-color:#3b82f6}.tiimi-project-head{justify-content:space-between;align-items:center;display:flex}.tiimi-project-head strong{color:#1e293b;font-size:.9rem}.tiimi-project-head span{color:#64748b;font-size:.8rem;font-weight:600}.tiimi-project-item p{color:#94a3b8;margin:0;font-size:.8rem}.tiimi-progress-bar{background:#f1f5f9;border-radius:3px;height:6px;margin-top:4px;overflow:hidden}.tiimi-progress-fill{background:#3b82f6;border-radius:3px;height:100%}.tiimi-attendance-list{flex-direction:column;gap:12px;display:flex}.tiimi-attendance-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.tiimi-attendance-item-left{color:#475569;align-items:center;gap:10px;font-size:.9rem;font-weight:500;display:flex}.tiimi-attendance-item-left .dot{border-radius:50%;width:8px;height:8px}.tiimi-attendance-item strong{color:#1e293b;font-size:1rem}.tiimi-kpi-wrap{flex-direction:column;gap:8px;display:flex}.tiimi-kpi-head{color:#94a3b8;justify-content:space-between;font-size:.8rem;display:flex}.tiimi-kpi-head span:last-child{color:#1e293b;font-weight:600}