:root,[data-theme=dark]{--bg-primary: #0b1120;--bg-secondary: #111827;--bg-card: #161f33;--bg-card-hover: #1e293b;--bg-input: #0f172a;--bg-elevated: #1e293b;--border-color: #26334d;--border-focus: #3b82f6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--accent-secondary: #6366f1;--success: #10b981;--success-bg: rgba(16, 185, 129, .14);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .14);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .14);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}[data-theme=light]{--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-input: #f8fafc;--bg-elevated: #f1f5f9;--border-color: #e2e8f0;--border-focus: #2563eb;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--accent-secondary: #4f46e5;--success: #059669;--success-bg: rgba(5, 150, 105, .12);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .12);--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .12);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 8px 20px rgba(15, 23, 42, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app-shell{display:flex;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}.sidebar{width:260px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:20px 14px;flex-shrink:0}.brand-header{display:flex;align-items:center;gap:12px;padding:4px 10px 20px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.brand-logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:var(--shadow-sm)}.brand-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.brand-subtitle{font-size:11px;color:var(--text-muted)}.nav-list{display:flex;flex-direction:column;gap:6px;flex:1}.nav-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;text-align:left}.nav-btn:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.nav-btn.active{background-color:#3b82f624;color:var(--accent-primary);border-color:#3b82f64d;font-weight:600}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:hidden}.topbar{height:64px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:16px}.page-content{flex:1;padding:24px 28px;max-width:1520px;width:100%;margin:0 auto}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-title{font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;cursor:pointer;border:1px solid var(--border-color);background-color:var(--bg-elevated);color:var(--text-primary);transition:all .15s ease;text-decoration:none}.btn:hover:not(:disabled){background-color:var(--bg-card-hover);border-color:var(--text-muted)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-color:transparent}.btn-primary:hover:not(:disabled){filter:brightness(1.08);border-color:transparent}.btn-success{background-color:var(--success);color:#fff;border-color:transparent}.btn-danger{background-color:var(--danger-bg);color:var(--danger);border-color:#ef44444d}.btn-sm{padding:6px 11px;font-size:12.5px}.input,.select,.textarea{width:100%;padding:9px 12px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13.5px;font-family:inherit;transition:border-color .15s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--border-focus)}.textarea{min-height:96px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12.5px;font-weight:500;color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:500}.badge-success{background-color:var(--success-bg);color:var(--success)}.badge-warning{background-color:var(--warning-bg);color:var(--warning)}.badge-danger{background-color:var(--danger-bg);color:var(--danger)}.badge-info{background-color:#3b82f624;color:var(--accent-primary)}.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th,.data-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;background-color:var(--bg-elevated)}.data-table tr:hover td{background-color:var(--bg-card-hover)}.stage-stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px}.stage-pill{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);cursor:pointer;transition:all .15s ease;text-align:left}.stage-pill:hover{border-color:var(--accent-primary)}.stage-pill.active{border-color:var(--accent-primary);background-color:#3b82f61f}.stage-pill.completed{border-color:#10b98173}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#020617b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:520px;padding:24px;box-shadow:var(--shadow-md)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@media (max-width: 980px){.app-shell{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color)}.nav-list{flex-direction:row;flex-wrap:wrap}.stage-stepper{grid-template-columns:repeat(2,1fr)}}