:root{--bg: #0B1120;--s0: #0B1120;--s1: #111827;--s2: #1A2332;--s3: #1F2D3F;--s4: #263347;--acc: #6366F1;--acc-hover: #818CF8;--acc-muted: rgba(99, 102, 241, .12);--acc-ring: rgba(99, 102, 241, .25);--acc-text: #A5B4FC;--green: #10B981;--green2: #34D399;--green-muted: rgba(16, 185, 129, .12);--amber: #F59E0B;--amber2: #FBBF24;--amber-muted: rgba(245, 158, 11, .12);--red: #EF4444;--red2: #F87171;--red-muted: rgba(239, 68, 68, .12);--rose: #F43F5E;--rose2: #FB7185;--rose-muted: rgba(244, 63, 94, .12);--cyan: #06B6D4;--cyan2: #22D3EE;--cyan-muted: rgba(6, 182, 212, .12);--blue: #3B82F6;--blue2: #60A5FA;--blue-muted: rgba(59, 130, 246, .12);--t1: #F1F5F9;--t2: #94A3B8;--t3: #64748B;--t4: #475569;--border: rgba(148, 163, 184, .1);--b1: rgba(148, 163, 184, .2);--b2: rgba(148, 163, 184, .12);--b3: rgba(148, 163, 184, .06);--font: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Menlo", monospace;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 20px;--fs-3xl: 28px;--fs-4xl: 36px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-focus: 0 0 0 3px var(--acc-ring);--z-content: 0;--z-utility: 10;--z-copilot: 25;--z-sidebar: 30;--z-drawer: 48;--z-mobile-nav: 50;--z-dialog: 9999}@media(prefers-color-scheme:light){:root{--bg: #F8FAFC;--s0: #F8FAFC;--s1: #FFFFFF;--s2: #F1F5F9;--s3: #E2E8F0;--s4: #CBD5E1;--acc: #4F46E5;--acc-hover: #6366F1;--acc-muted: rgba(79, 70, 229, .08);--acc-ring: rgba(79, 70, 229, .25);--acc-text: #4338CA;--green: #059669;--green2: #34D399;--green-muted: rgba(5, 150, 105, .08);--amber: #D97706;--amber2: #FBBF24;--amber-muted: rgba(217, 119, 6, .08);--red: #DC2626;--red2: #F87171;--red-muted: rgba(220, 38, 38, .08);--rose: #E11D48;--rose2: #FB7185;--rose-muted: rgba(225, 29, 72, .08);--cyan: #0891B2;--cyan2: #22D3EE;--cyan-muted: rgba(8, 145, 178, .08);--blue: #2563EB;--blue2: #60A5FA;--blue-muted: rgba(37, 99, 235, .08);--t1: #0F172A;--t2: #475569;--t3: #64748B;--t4: #94A3B8;--border: rgba(15, 23, 42, .08);--b1: rgba(15, 23, 42, .15);--b2: rgba(15, 23, 42, .08);--b3: rgba(15, 23, 42, .03);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-focus: 0 0 0 3px var(--acc-ring)}}[data-theme=dark]{--bg: #0B1120;--s0: #0B1120;--s1: #111827;--s2: #1A2332;--s3: #1F2D3F;--s4: #263347;--acc: #6366F1;--acc-hover: #818CF8;--acc-muted: rgba(99, 102, 241, .12);--acc-ring: rgba(99, 102, 241, .25);--acc-text: #A5B4FC;--t1: #F1F5F9;--t2: #94A3B8;--t3: #64748B;--t4: #475569;--border: rgba(148, 163, 184, .1);--b1: rgba(148, 163, 184, .2);--b2: rgba(148, 163, 184, .12);--b3: rgba(148, 163, 184, .06)}[data-theme=light]{--bg: #F8FAFC;--s0: #F8FAFC;--s1: #FFFFFF;--s2: #F1F5F9;--s3: #E2E8F0;--s4: #CBD5E1;--acc: #4F46E5;--acc-hover: #6366F1;--acc-muted: rgba(79, 70, 229, .08);--acc-ring: rgba(79, 70, 229, .25);--acc-text: #4338CA;--t1: #0F172A;--t2: #475569;--t3: #64748B;--t4: #94A3B8;--border: rgba(15, 23, 42, .08);--b1: rgba(15, 23, 42, .15);--b2: rgba(15, 23, 42, .08);--b3: rgba(15, 23, 42, .03)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:var(--fs-base);line-height:1.5;color:var(--t1);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--acc-ring);color:var(--t1)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--b2);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--b1)}:focus-visible{outline:2px solid var(--acc);outline-offset:2px}a{color:var(--acc-text);text-decoration:none}a:hover{text-decoration:underline}svg[class*=lucide]{stroke-width:1.75px}.tabular-nums{font-family:var(--font);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dialogIn{0%{opacity:0;transform:scale(.97) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.stagger-1{animation-delay:.04s;animation-fill-mode:backwards}.stagger-2{animation-delay:.08s;animation-fill-mode:backwards}.stagger-3{animation-delay:.12s;animation-fill-mode:backwards}.stagger-4{animation-delay:.16s;animation-fill-mode:backwards}.stagger-5{animation-delay:.2s;animation-fill-mode:backwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:var(--fs-base);font-weight:500;font-family:var(--font);border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .12s ease;line-height:1;white-space:nowrap;min-height:36px}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--acc);color:#fff}.btn-primary:hover:not(:disabled){background:var(--acc-hover);box-shadow:0 0 20px #6366f14d}.btn-secondary{background:var(--s3);color:var(--t1);border:1px solid var(--b2)}.btn-secondary:hover:not(:disabled){background:var(--s4);border-color:var(--b1)}.btn-ghost{background:transparent;color:var(--t2)}.btn-ghost:hover:not(:disabled){background:var(--s2);color:var(--t1)}.btn-success{background:var(--green);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(1.1)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-danger-ghost{background:transparent;color:var(--red2);border:1px solid var(--red-muted)}.btn-danger-ghost:hover:not(:disabled){background:var(--red-muted)}.btn-sm{padding:6px 12px;font-size:var(--fs-sm);min-height:28px}.btn-lg{padding:12px 24px;font-size:var(--fs-md);min-height:44px}.card{background:var(--s2);border-radius:var(--radius);transition:transform .15s ease,box-shadow .15s ease}.card:hover{border:1px solid var(--b2)}.card-elevated{background:var(--s3);border-radius:var(--radius);transition:transform .15s ease,box-shadow .15s ease}.card-elevated:hover{border:1px solid var(--b1)}.card-interactive{background:var(--s2);border-radius:var(--radius);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.card-interactive:hover{border:1px solid var(--b1);transform:translateY(-1px)}.glass-card{background:var(--s2);border:1px solid transparent;border-radius:var(--radius);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.glass-card:hover{border-color:var(--b2)}.stat-card{background:var(--s2);border-radius:var(--radius);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}.stat-value{font-size:var(--fs-3xl);font-family:var(--font);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;line-height:1;color:var(--t1);letter-spacing:-.02em}.stat-label{font-size:var(--fs-sm);font-weight:500;color:var(--t3);letter-spacing:.02em}.stat-delta{font-size:var(--fs-sm);font-weight:500;display:flex;align-items:center;gap:4px}.stat-delta--positive{color:var(--green)}.stat-delta--negative{color:var(--red)}.task-card{background:var(--s2);border-radius:var(--radius);padding:var(--sp-3);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.task-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.task-card-critical{border-left:3px solid var(--rose)}.task-card-high{border-left:3px solid var(--amber)}.task-card-medium{border-left:3px solid var(--cyan)}.task-card-low{border-left:3px solid var(--t3)}.pip-card{background:var(--s2);border-radius:var(--radius);transition:transform .15s ease,box-shadow .15s ease}.pip-card:hover{border:1px solid var(--b1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;line-height:1;white-space:nowrap}.badge-success{background:var(--green-muted);color:var(--green2)}.badge-success:before{content:"✓ "}.badge-warning{background:var(--amber-muted);color:var(--amber2)}.badge-warning:before{content:"⚠ "}.badge-danger{background:var(--red-muted);color:var(--red2)}.badge-danger:before{content:"✕ "}.badge-info{background:var(--cyan-muted);color:var(--cyan2)}.badge-primary{background:var(--acc-muted);color:var(--acc-text)}.badge-neutral{background:#94a3b814;color:var(--t3)}.badge-violet{background:var(--acc-muted);color:var(--acc-text)}.badge-blue{background:var(--blue-muted);color:var(--blue2)}.badge-emerald{background:var(--green-muted);color:var(--green2)}.badge-amber{background:var(--amber-muted);color:var(--amber2)}.badge-rose{background:var(--rose-muted);color:var(--rose2)}.badge-cyan{background:var(--cyan-muted);color:var(--cyan2)}.pill{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:all .12s ease}.pill-active{background:var(--acc);color:#fff}.pill-inactive{background:transparent;border:1px solid var(--b2);color:var(--t2)}.pill-inactive:hover{background:var(--s2);border-color:var(--b1);color:var(--t1)}.input-dark,.input{width:100%;background:var(--s0);border:1px solid var(--b2);border-radius:var(--radius-sm);padding:10px 14px;font-size:var(--fs-base);font-family:var(--font);color:var(--t1);transition:border-color .15s ease,box-shadow .15s ease;min-height:40px}.input-dark::placeholder,.input::placeholder{color:var(--t4)}.input-dark:focus,.input:focus{outline:none;border-color:var(--acc);box-shadow:var(--shadow-focus)}.form-field{display:flex;flex-direction:column;gap:4px}.form-label{font-size:var(--fs-sm);font-weight:500;color:var(--t3);letter-spacing:.02em}.form-label--required:after{content:" *";color:var(--red)}.table-header{padding:10px 16px;border-bottom:1px solid var(--b2);font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--t3)}.table-row{padding:12px 16px;border-bottom:1px solid var(--b3);transition:background .12s ease;cursor:pointer}.table-row:hover{background:var(--s2)}.table-cell--numeric{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-dialog)}.modal-dialog{background:var(--s2);border:1px solid var(--b2);border-radius:var(--radius);padding:var(--sp-6);min-width:360px;max-width:480px;width:100%;box-shadow:var(--shadow-lg);animation:dialogIn .18s cubic-bezier(.4,0,.2,1)}.modal-title{font-size:var(--fs-xl);font-weight:600;margin-bottom:var(--sp-4)}.progress-track{height:6px;background:var(--s4);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.progress-fill-success{background:var(--green)}.progress-fill-warning{background:var(--amber)}.progress-fill-danger{background:var(--red)}.progress-fill-primary{background:var(--acc)}.progress-fill-info{background:var(--cyan)}.progress-fill-violet{background:var(--acc)}.progress-fill-green{background:var(--green)}.progress-fill-amber{background:var(--amber)}.progress-fill-red{background:var(--red)}.progress-fill-cyan{background:var(--cyan)}.progress-fill-blue{background:var(--blue)}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:var(--radius-sm);color:var(--t2);cursor:pointer;transition:background .12s ease,color .12s ease;font-size:13px;font-weight:400}.nav-item:hover{background:var(--s3);color:var(--t1)}.nav-item--active{background:var(--acc-muted);color:var(--acc-hover);font-weight:600}.nav-group-label{font-size:var(--fs-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--t4);padding:0 12px;margin-bottom:4px;margin-top:4px}.nav-divider{height:1px;background:var(--b3);margin:8px 12px}.sbi{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9px;border:none;background:transparent;color:var(--t3);cursor:pointer;transition:background .12s ease,color .12s ease}.sbi:hover{background:var(--s3);color:var(--t1)}.sbi-active{background:var(--acc-muted);border:1px solid var(--b1);color:var(--acc-text)}.sbi-badge{font-size:var(--fs-2xs);font-weight:700;background:var(--red-muted);color:var(--red2);padding:1px 5px;border-radius:999px}.app-shell{display:flex;height:100vh;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.content-area{flex:1;overflow-y:auto;padding:var(--sp-5)}.gradient-text{background:linear-gradient(135deg,var(--acc) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mono{font-family:var(--font-mono)}.text-2xs{font-size:var(--fs-2xs)}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-base{font-size:var(--fs-base)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-t2{color:var(--t2)}.text-t3{color:var(--t3)}.text-t4{color:var(--t4)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.content-area{padding:var(--sp-3)}.mobile-hide{display:none!important}.btn{min-height:44px}.stat-card .stat-value{font-size:22px}}.mobile-nav{display:none}@media(max-width:640px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--s1);border-top:1px solid var(--border);z-index:var(--z-mobile-nav);padding-bottom:env(safe-area-inset-bottom);align-items:center;justify-content:space-around}.mobile-nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:var(--fs-xs);color:var(--t3);cursor:pointer}.mobile-nav-tab-active{color:var(--acc)}.mobile-drawer{position:fixed;bottom:0;left:0;right:0;max-height:70vh;background:var(--s1);border-radius:16px 16px 0 0;z-index:var(--z-drawer);animation:slideUp .2s cubic-bezier(.4,0,.2,1);overflow-y:auto}}@media(prefers-color-scheme:light){.gradient-text{background:linear-gradient(135deg,var(--acc) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{border:1px solid var(--b3)}}