*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--brand:#1a56db;--brand-hover:#1e429f;--brand-soft:color-mix(in srgb,var(--brand) 8%,transparent);--brand-text:#fff;--surface:#fff;--surface-raised:#fff;--surface-muted:#f9fafb;--surface-strong:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-quaternary:#d1d5db;--border:#e5e7eb;--border-strong:#d1d5db;--success:#10b981;--success-soft:color-mix(in srgb,#10b981 8%,transparent);--warning:#f59e0b;--warning-soft:color-mix(in srgb,#f59e0b 8%,transparent);--danger:#ef4444;--danger-soft:color-mix(in srgb,#ef4444 8%,transparent);--info:#0ea5e9;--info-soft:color-mix(in srgb,#0ea5e9 8%,transparent);--chart-1:#1a56db;--chart-2:#ef4444;--chart-3:#10b981;--chart-4:#8b5cf6;--chart-5:#6b7280;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-full:9999px;--duration-fast:150ms;--duration-normal:250ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--primary:var(--brand);--primary-deep:var(--brand-hover);--primary-press:var(--brand-hover);--primary-soft:var(--brand-soft);--canvas:var(--surface);--canvas-soft:var(--surface-muted);--ink:var(--text-primary);--ink-secondary:var(--text-secondary);--ink-mute:var(--text-tertiary);--hairline:var(--border);--hairline-input:var(--border-strong);--shadow-level-1:0 1px 2px rgba(0,0,0,.03);--shadow-level-2:0 4px 12px rgba(0,0,0,.05)}[data-theme=dark]{--surface:#0f0f0f;--surface-raised:#1a1a1a;--surface-muted:#1f1f1f;--surface-strong:#2a2a2a;--canvas:#0f0f0f;--canvas-soft:#141414;--canvas-cream:#1f1a14;--text-primary:#f5f5f5;--text-secondary:#a1a1a1;--text-tertiary:#6b6b6b;--text-quaternary:#3a3a3a;--ink:#f5f5f5;--ink-secondary:#a1a1a1;--ink-mute:#6b6b6b;--border:#2a2a2a;--border-strong:#3a3a3a;--hairline:#2a2a2a;--hairline-input:#3a3a3a;--success-soft:color-mix(in srgb,#10b981 12%,#1a2e23);--warning-soft:color-mix(in srgb,#f59e0b 12%,#2e261a);--danger-soft:color-mix(in srgb,#ef4444 12%,#2e1a1a);--info-soft:color-mix(in srgb,#0ea5e9 12%,#1a232e)}body{font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);background:var(--surface-muted);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01";font-weight:400;font-size:16px}a{color:var(--brand);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--brand-hover)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (max-width:768px){.btn,.btn-icon,.mobile-header button,.mobile-nav a,button{min-height:44px;min-width:44px}}.text-display{font-size:32px;font-weight:500;line-height:1.1;letter-spacing:-.02em}.text-title{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.01em}.text-subtitle{font-size:17px;font-weight:500;line-height:1.4}.text-body{font-size:16px;font-weight:400;line-height:1.5}.text-body-emphasis{font-size:16px;font-weight:500;line-height:1.5}.text-small{font-size:14px;font-weight:400;line-height:1.5}.text-caption{font-size:12px;font-weight:400;line-height:1.4}.display-xxl{font-size:48px;font-weight:500;line-height:1.05;letter-spacing:-.03em}.display-xl{font-size:40px;letter-spacing:-.025em}.display-lg,.display-xl{font-weight:500;line-height:1.1}.display-lg{font-size:32px;letter-spacing:-.02em}.display-md{font-size:26px;font-weight:500;line-height:1.15;letter-spacing:-.015em}.heading-xl{font-size:24px;line-height:1.2}.heading-lg,.heading-xl{font-weight:500;letter-spacing:-.01em}.heading-lg{font-size:20px;line-height:1.3}.heading-md{font-size:18px}.heading-md,.heading-sm{font-weight:500;line-height:1.4}.heading-sm{font-size:16px}.body-lg{font-size:16px}.body-lg,.body-md{font-weight:400;line-height:1.5}.body-md{font-size:15px}.body-tabular{font-size:14px;font-weight:400;line-height:1.5;font-feature-settings:"ss01","tnum","tnum";font-variant-numeric:tabular-nums}.caption{font-size:12px;font-weight:400;line-height:1.4;color:var(--text-secondary)}.font-tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.font-primary-k5{font-family:var(--font-primary-k5,sans-serif)}.accessibility-mode body,body.accessibility-mode{font-family:var(--font-accessible,sans-serif)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;line-height:1.4;cursor:pointer;border:1px solid transparent;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform .1s ease-out}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.99)}.ai-markdown p{margin:0}.ai-markdown ul{margin:.5em 0;padding-left:1.5em}.ai-markdown li{margin-bottom:.25em}.btn-primary{background:var(--brand);color:#fff;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.08)}.btn-primary:hover:not(:disabled){background:var(--brand-hover);box-shadow:0 2px 6px rgba(0,0,0,.12)}.btn-ai{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;background:var(--brand,#1a1a1a);color:#fff;border:1px solid var(--brand,#1a1a1a);border-radius:var(--radius-md,8px);font-weight:500;font-size:.9375rem;letter-spacing:-.01em;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s cubic-bezier(.2,0,0,1),box-shadow .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.08)}.btn-ai:hover:not(:disabled){background:color-mix(in srgb,var(--brand,#1a1a1a) 85%,#fff);border-color:color-mix(in srgb,var(--brand,#1a1a1a) 85%,#fff);transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.14)}.btn-ai:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.08)}.btn-ai:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-ai:focus-visible{outline:2px solid var(--brand,#1a1a1a);outline-offset:2px}.btn-ai-icon{display:inline-flex;width:1rem;height:1rem;transition:transform .2s cubic-bezier(.2,0,0,1)}.btn-ai:hover:not(:disabled) .btn-ai-icon{transform:translateX(2px)}@keyframes ai-shimmer-sweep{0%{left:-70%}28%,to{left:170%}}@keyframes ai-icon-pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.1);opacity:1;filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-strong);font-weight:500;box-shadow:var(--shadow-level-1)}.btn-secondary:hover:not(:disabled){background:var(--surface-muted);border-color:var(--text-tertiary)}.btn-outline{background:var(--surface);color:var(--text-secondary);border-color:var(--border)}.btn-outline:hover:not(:disabled){background:var(--surface-muted);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.card,.card-feature-light{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-level-1);overflow-x:auto;-webkit-overflow-scrolling:touch}.card,.card-cream-band,.card-feature-light{border-radius:var(--radius-lg);padding:var(--space-6)}.card-cream-band{background:var(--canvas-cream)}.card-dashboard-mockup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-level-2)}.quick-link-card-wrapper .quick-link-card{transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);cursor:pointer}.quick-link-card-wrapper:hover .quick-link-card{border-color:var(--border-strong);transform:translateY(-2px)}.kpi-card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.kpi-card:hover{border-color:var(--border-strong)}.kpi-header{justify-content:space-between;margin-bottom:var(--space-2)}.kpi-header,.kpi-icon{display:flex;align-items:center}.kpi-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--brand-soft);justify-content:center}.kpi-value{font-size:28px;font-weight:500;color:var(--text-primary);margin-top:var(--space-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.2}.kpi-label{font-size:13px;font-weight:400;color:var(--text-secondary);margin-top:var(--space-1)}.kpi-trend{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:500;padding:2px 8px;border-radius:var(--radius-full)}.kpi-trend.positive{color:var(--success);background:var(--success-soft)}.kpi-trend.negative{color:var(--danger);background:var(--danger-soft)}.kpi-trend.neutral{color:var(--text-secondary);background:var(--surface-strong)}.breadcrumb-bar{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--text-tertiary);margin-bottom:var(--space-2);flex-wrap:wrap}.breadcrumb-item{color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.breadcrumb-item:hover{color:var(--brand)}.breadcrumb-item.current{color:var(--text-primary);font-weight:500}.breadcrumb-separator{color:var(--text-quaternary);font-size:11px}.context-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.context-header-title{font-size:24px;font-weight:500;color:var(--text-primary);letter-spacing:-.015em;display:flex;align-items:center;gap:var(--space-2)}.context-header-meta,.meta-phrases{font-size:13px;color:var(--text-secondary);margin-top:var(--space-1);display:flex;align-items:center;gap:4px 12px;flex-wrap:wrap;line-height:1.5}.meta-phrase-item{display:inline-flex;align-items:center;white-space:nowrap}.meta-phrase-item:not(:first-child):before{content:"·";margin-right:12px;color:var(--text-tertiary);font-weight:600}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-label{font-size:14px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:4px}.form-label-required:after{content:" *";color:var(--danger);font-weight:600}.form-input-container{position:relative;display:flex;align-items:center;width:100%}.form-input-prefix{left:12px;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}.form-input-prefix,.form-input-suffix{position:absolute;color:var(--text-tertiary);pointer-events:none;display:flex;align-items:center}.form-input-suffix{right:12px;font-size:13px}.form-input{width:100%;height:40px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:16px;color:var(--text-primary);background:var(--surface);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);outline:none}.form-input.has-prefix{padding-left:36px}.form-input.has-suffix{padding-right:36px}.form-input:hover{border-color:var(--border-strong)}.form-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.form-input.error,.form-input:invalid:not(:placeholder-shown){border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.form-input:disabled{background:var(--surface-muted);color:var(--text-tertiary);cursor:not-allowed;border-color:var(--border)}.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:15px;color:var(--text-primary);background:var(--surface);font-family:inherit;line-height:1.5;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);outline:none;resize:vertical;min-height:80px}.form-textarea:hover{border-color:var(--border-strong)}.form-textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.form-textarea.error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.form-hint{font-size:12px;color:var(--text-tertiary);line-height:1.4}.form-error,.form-hint.error{font-size:12px;color:var(--danger);display:block}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:14px;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.alert-error{background:var(--danger-soft);color:#991b1b;border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.alert-success{background:var(--success-soft);color:#065f46;border:1px solid color-mix(in srgb,var(--success) 25%,transparent)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-full);font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}.badge-success{background:var(--success-soft);color:#047857;border:1px solid color-mix(in srgb,var(--success) 25%,transparent)}.badge-warning{background:var(--warning-soft);color:#b45309;border:1px solid color-mix(in srgb,var(--warning) 30%,transparent)}.badge-danger{background:var(--danger-soft);color:#b91c1c;border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.badge-info{background:var(--info-soft);color:#1d4ed8;border:1px solid color-mix(in srgb,var(--info) 25%,transparent)}.badge-gray,.badge-neutral{background:var(--surface-strong);color:var(--text-secondary);border:1px solid var(--border)}.pill-tag-soft{background:var(--primary-bg-subdued);color:var(--brand)}.modal-overlay{position:fixed;inset:0;background:rgba(17,24,39,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:calc(50 + var(--modal-depth, 0) * 10);animation:fadeIn var(--duration-fast) var(--ease-out)}.modal{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);animation:slideUp var(--duration-normal) var(--ease-out);position:relative}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.modal-full{max-width:1200px}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface);flex-shrink:0}.modal-title{font-size:16px;font-weight:500;letter-spacing:-.01em}.modal-body,.modal-title{color:var(--text-primary)}.modal-body{padding:var(--space-5) var(--space-6);overflow-y:auto;flex:1 1}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);background:var(--surface-muted);flex-shrink:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--surface-muted) 25%,var(--surface-strong) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);display:block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;width:60%;margin-bottom:var(--space-1)}.skeleton-title{height:22px;width:40%;margin-bottom:var(--space-2)}.skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-card{height:120px;width:100%;border-radius:var(--radius-xl)}.skeleton-row{height:44px;width:100%;margin-bottom:var(--space-2)}.skeleton-button{height:38px;width:100px;border-radius:var(--radius-lg)}.spinner-inline{display:inline-block;width:16px;height:16px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}.spinner-sm{width:14px;height:14px;border-width:1.5px}.data-table,table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.data-table th,th{text-align:left;font-weight:500;background:var(--surface-muted);color:var(--text-secondary);font-size:13px;position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table td,.data-table th,td,th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.data-table td,td{color:var(--text-primary);font-feature-settings:"ss01","tnum","tnum";font-variant-numeric:tabular-nums;transition:background var(--duration-fast) var(--ease-out);vertical-align:middle}.data-table tbody tr:hover td,tr:hover td{background:var(--surface-muted)}.data-table tbody tr:last-child td,tr:last-child td{border-bottom:none}.th-sortable{cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color var(--duration-fast) var(--ease-out)}.th-sortable:hover{color:var(--text-primary)}.th-sort-icon{display:inline-flex;color:var(--text-tertiary);transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.th-sortable.active .th-sort-icon{color:var(--brand)}.th-sortable.desc .th-sort-icon{transform:rotate(180deg)}.row-actions{display:inline-flex;align-items:center;gap:var(--space-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.data-table tbody tr:hover .row-actions,tr:hover .row-actions{opacity:1}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-badge.active,.status-badge.approved,.status-badge.paid,.status-badge.present,.status-badge.success{color:var(--success);background:var(--success-soft)}.status-badge.active:before,.status-badge.approved:before,.status-badge.paid:before,.status-badge.present:before,.status-badge.success:before{background:var(--success)}.status-badge.partial,.status-badge.pending,.status-badge.review,.status-badge.warning{color:var(--warning);background:var(--warning-soft)}.status-badge.partial:before,.status-badge.pending:before,.status-badge.review:before,.status-badge.warning:before{background:var(--warning)}.status-badge.absent,.status-badge.danger,.status-badge.overdue,.status-badge.rejected,.status-badge.unpaid{color:var(--danger);background:var(--danger-soft)}.status-badge.absent:before,.status-badge.danger:before,.status-badge.overdue:before,.status-badge.rejected:before,.status-badge.unpaid:before{background:var(--danger)}.status-badge.archived,.status-badge.inactive,.status-badge.neutral{color:var(--text-secondary);background:var(--surface-strong)}.status-badge.archived:before,.status-badge.inactive:before,.status-badge.neutral:before{background:var(--text-tertiary)}.empty-state-container{flex-direction:column;text-align:center;padding:48px var(--space-4)}.empty-state-container,.empty-state-icon-wrap{display:flex;align-items:center;justify-content:center}.empty-state-icon-wrap{width:56px;height:56px;border-radius:var(--radius-xl);background:var(--surface-muted);border:1px solid var(--border);color:var(--text-tertiary);margin-bottom:var(--space-4)}.empty-state-title{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.empty-state-desc{max-width:380px;line-height:1.5;margin-bottom:var(--space-4)}.empty-state-desc,.table-pagination{font-size:13px;color:var(--text-secondary)}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;gap:var(--space-3)}.table-pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.page-layout{display:flex;min-height:100vh;background:var(--surface-muted)}.sidebar{width:260px;background:var(--surface);border-right:1px solid var(--border);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);z-index:10;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent;transition:width var(--duration-normal) var(--ease-out)}.sidebar.collapsed{width:68px;padding:var(--space-5) var(--space-2)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar-logo{font-size:16px;font-weight:500;margin-bottom:var(--space-5);padding:0 var(--space-2);color:var(--text-primary)}.nav-item{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:400;text-decoration:none;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:all var(--duration-fast) var(--ease-out)}.nav-item:hover{background:var(--surface-muted);color:var(--text-primary)}.nav-item.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--brand);border-radius:0 4px 4px 0}.nav-sub-item{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-sm);font-size:13px;font-weight:400;color:var(--text-secondary);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.nav-sub-item:hover{background:var(--surface-muted);color:var(--text-primary)}.nav-sub-item.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav-sub-item.active:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:2px;height:14px;background:var(--brand);border-radius:0 2px 2px 0}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--surface);border-top:1px solid var(--border);display:none;justify-content:space-around;align-items:center;padding:0 var(--space-2);padding-bottom:env(safe-area-inset-bottom);z-index:1000;box-shadow:0 -2px 10px rgba(0,0,0,.04)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:400;color:var(--text-tertiary);text-decoration:none;flex:1 1;height:100%;padding:4px 0;transition:color var(--duration-fast) var(--ease-out)}.mobile-nav-item:hover{color:var(--text-primary)}.mobile-nav-item.active{color:var(--brand);font-weight:500}.main-content{flex:1 1;padding:48px;overflow-y:auto;position:relative}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.page-header h1{font-size:32px;font-weight:300;letter-spacing:-.64px}[data-primary]{--brand:var(--school-color,#1a56db);--brand-hover:color-mix(in srgb,var(--brand) 85%,#000);--brand-soft:color-mix(in srgb,var(--brand) 8%,transparent);--primary:var(--brand)}.grid-2-responsive{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.grid-content-sidebar{display:grid;grid-template-columns:1fr 300px;grid-gap:32px;gap:32px}.landing-nav-links{display:flex;gap:24px;align-items:center}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-header{display:none}@media (max-width:768px){.sidebar{position:fixed;top:0;left:-280px;bottom:0;width:280px;z-index:1000;transition:left .3s ease;box-shadow:var(--shadow-level-2)}.sidebar.open{left:0}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:900;margin:-16px -16px 24px;gap:12px}.mobile-nav{display:flex}.ai-chatbot-trigger,.copilot-collapsed-pill{display:none!important}.ai-chat-window,.copilot-widget{bottom:0!important;right:0!important;left:0!important;width:100%!important;height:100%!important;max-height:100vh!important;border-radius:0!important;z-index:1200!important}.has-mobile-nav .main-content,.has-mobile-nav .page-content{padding-bottom:calc(84px + env(safe-area-inset-bottom, 0px))!important}.card,.card-cream-band,.card-dashboard-mockup,.card-feature-light,.main-content{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}.page-header h1{font-size:24px}.landing-nav-links{gap:8px}.landing-nav-links .nav-btn-login,.landing-nav-links .nav-link-text{display:none}.grid-2-responsive,.grid-content-sidebar{grid-template-columns:1fr}td,th{padding:10px 12px;white-space:nowrap}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--hairline);background:var(--canvas);color:var(--ink-secondary);cursor:pointer;padding:0;flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:all .18s cubic-bezier(.16,1,.3,1)}.btn-icon:hover:not(:disabled){background:var(--canvas-soft);color:var(--primary);border-color:var(--hairline-input);transform:translateY(-1.5px);box-shadow:0 3px 8px rgba(0,55,112,.1)}.btn-icon:active:not(:disabled){transform:translateY(0) scale(.96);box-shadow:none}.btn-icon-danger,.btn-icon.btn-danger,.btn-icon.btn-icon-danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-icon-danger:hover:not(:disabled),.btn-icon.btn-danger:hover:not(:disabled),.btn-icon.btn-icon-danger:hover:not(:disabled){background:#fee2e2;color:#b91c1c;border-color:#fca5a5;box-shadow:0 3px 8px rgba(220,38,38,.16);transform:translateY(-1.5px)}.btn-icon-primary,.btn-icon.btn-icon-primary{color:#fff;background:var(--primary);border-color:var(--primary)}.btn-icon-primary:hover:not(:disabled),.btn-icon.btn-icon-primary:hover:not(:disabled){background:var(--primary-deep);border-color:var(--primary-deep);box-shadow:0 3px 10px rgba(83,58,253,.32)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.copilot-collapsed-pill{position:fixed;bottom:var(--space-6);right:var(--space-6);height:40px;padding:0 var(--space-4);background:var(--surface);color:var(--brand);border:1px solid var(--border-strong);border-radius:var(--radius-full);box-shadow:0 4px 16px rgba(0,0,0,.08);display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;z-index:40;font-size:13px;font-weight:500;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.copilot-collapsed-pill:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,86,219,.15);border-color:var(--brand)}.copilot-widget{position:fixed;bottom:var(--space-6);right:var(--space-6);width:380px;max-height:600px;height:580px;border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 10px 30px rgba(0,0,0,.12);flex-direction:column;overflow:hidden;z-index:40;animation:slideUp var(--duration-normal) var(--ease-out)}.copilot-header,.copilot-widget{background:var(--surface);display:flex}.copilot-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);align-items:center;justify-content:space-between;font-weight:500;font-size:14px;color:var(--text-primary)}.copilot-header-title{display:flex;align-items:center;gap:var(--space-2)}.copilot-status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 0 2px var(--success-soft);animation:pulseDot 2s infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.copilot-messages{flex:1 1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);background:var(--surface-muted)}.copilot-message{max-width:85%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:13.5px;line-height:1.5}.copilot-message.user{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:2px}.copilot-message.assistant{align-self:flex-start;background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:2px}.action-card{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 25%,transparent);border-radius:var(--radius-md);font-size:13px}.action-card-header{font-weight:500;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.action-card-badge{font-size:11px;padding:2px 6px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--warning) 20%,transparent);color:var(--warning);font-weight:500}.action-buttons{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.typing-dots{display:inline-flex;align-items:center;gap:4px;padding:8px 12px}.typing-dot{width:6px;height:6px;background:var(--text-tertiary);border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite both}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{transform:scale(0);opacity:.4}40%{transform:scale(1);opacity:1}}