*,*:before,*:after{box-sizing:border-box}:root{--brand: #7c3aed;--brand-light: #ede9fe;--brand-dark: #5b21b6;--accent: #f97316;--accent-light: #fff7ed;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--green: #16a34a;--green-light: #f0fdf4;--red: #dc2626;--red-light: #fef2f2;--amber: #d97706;--amber-light: #fffbeb;--blue: #2563eb;--blue-light: #eff6ff;--sidebar-w: 220px;--header-h: 56px;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 12px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.05);--shadow-lg: 0 10px 25px rgba(0,0,0,.1), 0 4px 10px rgba(0,0,0,.06)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:var(--slate-50);color:var(--slate-700);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);min-height:100vh;background:var(--slate-900);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40}.sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar-logo-text{font-size:1rem;font-weight:700;color:#fff;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.sidebar-logo-icon{width:28px;height:28px;background:linear-gradient(135deg,var(--brand),#a855f7);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.875rem}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.sidebar-nav a,.sidebar-nav button.nav-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--slate-400);text-decoration:none;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;border:none;background:none;cursor:pointer;width:100%;text-align:left}.sidebar-nav a:hover,.sidebar-nav button.nav-btn:hover{background:#ffffff0f;color:#fff}.sidebar-nav a.active{background:#7c3aed40;color:#c4b5fd}.sidebar-nav .nav-icon{font-size:1rem;width:18px;text-align:center;flex-shrink:0}.sidebar-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--slate-600);padding:12px 12px 4px}.sidebar-footer{padding:12px 10px;border-top:1px solid rgba(255,255,255,.07)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px}.sidebar-user-name{font-size:.8125rem;font-weight:500;color:var(--slate-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar-user-role{font-size:.7rem;color:var(--slate-500);text-transform:capitalize}.main-content{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.impersonation-banner{padding:10px 28px;background:linear-gradient(90deg,#fef3c7,#fde68a);color:#92400e;display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;font-weight:500;border-bottom:1px solid #fcd34d}.page-content{flex:1;padding:28px 32px;max-width:1100px;width:100%}.page-header{margin-bottom:24px}.page-title{font-size:1.5rem;font-weight:700;color:var(--slate-800);margin:0 0 4px;letter-spacing:-.02em}.page-subtitle{font-size:.875rem;color:var(--slate-500);margin:0}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--slate-200)}.card-header{padding:16px 20px;border-bottom:1px solid var(--slate-100);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:.9375rem;font-weight:600;color:var(--slate-800);margin:0}.card-body{padding:20px}.card-body-tight{padding:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:24px}.stat-card{background:#fff;border-radius:var(--radius);border:1px solid var(--slate-200);padding:16px 18px;box-shadow:var(--shadow-sm)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--slate-800);letter-spacing:-.03em;line-height:1;margin-bottom:4px}.stat-label{font-size:.75rem;font-weight:500;color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.badge-green{background:var(--green-light);color:var(--green)}.badge-red{background:var(--red-light);color:var(--red)}.badge-amber{background:var(--amber-light);color:var(--amber)}.badge-purple{background:var(--brand-light);color:var(--brand-dark)}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-slate{background:var(--slate-100);color:var(--slate-600)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:opacity .15s,box-shadow .15s;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.88}.btn-primary{background:var(--brand);color:#fff}.btn-success{background:#059669;color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:var(--slate-100);color:var(--slate-700)}.btn-impersonate{background:var(--brand-light);color:var(--brand-dark)}.btn-sm{padding:5px 12px;font-size:.8rem;border-radius:6px}.btn-xs{padding:3px 8px;font-size:.75rem;border-radius:5px}.btn-exit{background:#fcd34d;color:#92400e;font-weight:600}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:.75rem;font-weight:600;color:var(--slate-600);text-transform:uppercase;letter-spacing:.04em}.form-input,.form-select,.form-textarea{padding:9px 12px;border:1.5px solid var(--slate-200);border-radius:8px;font-size:.875rem;color:var(--slate-700);background:#fff;transition:border-color .15s,box-shadow .15s;outline:none;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #7c3aed1a}.form-textarea{resize:vertical}.list-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--slate-100);transition:background .1s}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--slate-50)}.progress-bar-track{height:6px;background:var(--slate-100);border-radius:99px;overflow:hidden;margin-top:6px}.progress-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand),#a855f7);transition:width .4s ease}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;flex-shrink:0}.avatar-sm{width:28px;height:28px;font-size:.7rem}.avatar-lg{width:48px;height:48px;font-size:1rem}.alert{padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:16px;display:flex;align-items:flex-start;gap:10px}.alert-success{background:var(--green-light);color:#15803d;border:1px solid #bbf7d0}.alert-error{background:var(--red-light);color:#991b1b;border:1px solid #fecaca}.alert-info{background:var(--blue-light);color:#1e40af;border:1px solid #bfdbfe}.alert-warn{background:var(--amber-light);color:#92400e;border:1px solid #fde68a}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{padding:10px 16px;background:var(--slate-50);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500);text-align:left;border-bottom:1px solid var(--slate-200)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--slate-100);color:var(--slate-700)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--slate-50)}.milestone-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.milestone-checkbox{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:var(--brand);flex-shrink:0}.focus-card{border-radius:var(--radius-sm);border:1px solid var(--slate-200);border-left-width:4px;background:var(--slate-50);padding:16px;margin-bottom:12px}.focus-card-high{border-left-color:var(--red)}.focus-card-medium{border-left-color:var(--amber)}.focus-card-low{border-left-color:var(--slate-400)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width: 720px){.two-col,.three-col{grid-template-columns:1fr}.sidebar{display:none}.main-content{margin-left:0}.page-content{padding:16px}}.empty-state{padding:40px 20px;text-align:center;color:var(--slate-400);font-size:.875rem}.empty-icon{font-size:2rem;margin-bottom:10px;opacity:.5}.section{margin-bottom:24px}a.text-link{color:var(--brand);text-decoration:none;font-weight:500}a.text-link:hover{text-decoration:underline}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--slate-500);font-size:.9rem;gap:10px}.spinner{width:20px;height:20px;border:2px solid var(--slate-200);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--slate-500);text-decoration:none;font-size:.875rem;font-weight:500;margin-bottom:16px;transition:color .15s}.back-link:hover{color:var(--brand)}