@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap");:root{--canvas:#050B14;--surface-0:rgba(15,23,42,0.75);--surface-1:rgba(30,41,59,0.65);--surface-2:rgba(51,65,85,0.55);--surface-3:rgba(71,85,105,0.45);--border-glass:rgba(255,255,255,0.22);--border-subtle:rgba(255,255,255,0.14);--border-mid:rgba(255,255,255,0.28);--border-active:#38BDF8;--text-primary:#FFFFFF;--text-secondary:#F1F5F9;--text-muted:#CBD5E1;--text-link:#38BDF8;--shadow-glass:0 12px 40px 0 rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.35),inset 0 -1px 0 rgba(0,0,0,0.3);--shadow-gloss:0 20px 50px rgba(0,0,0,0.6),inset 0 2px 1px rgba(255,255,255,0.45);--glass-blur:24px;--font-sans:"Plus Jakarta Sans","Outfit","Inter",system-ui,sans-serif;--font-display:"Outfit","Plus Jakarta Sans",sans-serif;--font-mono:"JetBrains Mono",monospace;--indigo-400:#818CF8;--indigo-500:#6366F1;--indigo-600:#4F46E5;--sky-400:#38BDF8;--sky-500:#0EA5E9;--green-400:#34D399;--green-500:#10B981;--amber-400:#FBBF24;--amber-500:#F59E0B;--red-400:#F87171;--red-500:#EF4444;--blue-400:#60A5FA;--blue-500:#3B82F6;--cyan-400:#22D3EE;--purple-400:#C084FC;--sidebar-width:260px;--topbar-height:64px;--content-max-width:1400px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--shadow-card:0 4px 16px rgba(0,0,0,0.35),0 0 0 1px rgba(255,255,255,0.08);--shadow-modal:0 25px 60px rgba(0,0,0,0.8),0 0 0 1px rgba(255,255,255,0.15);--glow-sky:0 0 24px rgba(56,189,248,0.35);--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Cascadia Code",monospace;--ease-fast:140ms cubic-bezier(0.4,0,0.2,1);--ease-normal:220ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;background:var(--canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--surface-0)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-mid)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.35;color:var(--text-primary);letter-spacing:-.015em}h1{font-size:1.75rem}h2{font-size:1.45rem}h3{font-size:1.2rem}h4{font-size:1.05rem}p{color:var(--text-secondary);line-height:1.65;font-size:.95rem}a{color:var(--text-link);text-decoration:none;font-weight:500}a:hover{text-decoration:underline;color:#7DD3FC}.mono{font-family:var(--font-mono);letter-spacing:-.02em}.app-shell{display:flex;min-height:100vh;background:var(--canvas)}.app-sidebar{width:var(--sidebar-width);background:var(--surface-0);border-right:1px solid var(--border-subtle);flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100}.app-content,.app-sidebar{min-height:100vh;display:flex}.app-content{margin-left:var(--sidebar-width);flex:1 1;flex-direction:column;background:var(--canvas)}.app-topbar{height:var(--topbar-height);background:var(--surface-0);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 32px;gap:20px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.app-main{flex:1 1;padding:32px 40px;max-width:var(--content-max-width);width:100%;margin:0 auto}.card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px 28px;box-shadow:var(--shadow-card);transition:border-color var(--ease-normal),transform var(--ease-normal)}.card:hover{border-color:var(--border-mid)}.card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.card-meta{font-size:.85rem;color:var(--text-muted)}.data-table{width:100%;border-collapse:collapse;font-size:.92rem}.data-table th{text-align:left;padding:14px 18px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);background:var(--surface-0);white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid var(--border-subtle)}.data-table td{padding:16px 18px;color:var(--text-secondary);vertical-align:middle}.data-table tbody tr{transition:background var(--ease-fast)}.data-table tbody tr:hover{background:var(--surface-2);cursor:pointer}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:.76rem;font-weight:700;letter-spacing:.04em;font-family:var(--font-mono);text-transform:uppercase;line-height:1.2}.badge-indigo{background:rgba(99,102,241,.22);color:#A5B4FC;border:1px solid rgba(99,102,241,.45)}.badge-green{background:rgba(16,185,129,.22);color:#6EE7B7;border:1px solid rgba(16,185,129,.45)}.badge-amber{background:rgba(245,158,11,.22);color:#FCD34D;border:1px solid rgba(245,158,11,.45)}.badge-red{background:rgba(239,68,68,.22);color:#FCA5A5;border:1px solid rgba(239,68,68,.45)}.badge-blue{background:rgba(59,130,246,.22);color:#93C5FD;border:1px solid rgba(59,130,246,.45)}.badge-cyan{background:rgba(6,182,212,.22);color:#67E8F9;border:1px solid rgba(6,182,212,.45)}.badge-purple{background:rgba(168,85,247,.22);color:#D8B4FE;border:1px solid rgba(168,85,247,.45)}.badge-neutral{background:rgba(255,255,255,.08);color:var(--text-secondary);border:1px solid var(--border-mid)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--ease-fast);white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--indigo-600) 0,#3B82F6 100%);color:#FFFFFF;border-color:rgba(255,255,255,.15);box-shadow:0 2px 10px rgba(79,70,229,.35)}.btn-primary:hover{background:linear-gradient(135deg,var(--indigo-500) 0,#60A5FA 100%);box-shadow:var(--glow-sky);transform:translateY(-1px);text-decoration:none}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-mid)}.btn-secondary:hover{background:var(--surface-3);border-color:var(--border-active);text-decoration:none}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary);text-decoration:none}.btn-sm{padding:6px 12px;font-size:.82rem;border-radius:var(--radius-sm)}.btn-lg{padding:12px 24px;font-size:1rem}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.82rem;font-weight:700;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.form-label .required{color:var(--red-400);margin-left:3px}.form-input,.form-select,.form-textarea{width:100%;background:var(--surface-0);border:1px solid var(--border-mid);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.92rem;padding:10px 14px;transition:border-color var(--ease-fast),box-shadow var(--ease-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--sky-400);box-shadow:0 0 0 3px rgba(56,189,248,.2)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:90px}.form-select option{background:var(--surface-0);color:var(--text-primary)}.form-hint{font-size:.8rem;color:var(--text-muted);margin-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;gap:20px}.stat-widget{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px 24px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-card)}.stat-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.stat-value{font-size:2.2rem;font-weight:900;color:var(--text-primary);line-height:1;font-family:var(--font-mono)}.stat-sub{font-size:.82rem;color:var(--text-secondary)}.step-indicator{gap:0;margin-bottom:28px}.step-indicator,.step-item{display:flex;align-items:center}.step-item{gap:10px;font-size:.88rem;font-weight:600;color:var(--text-muted)}.step-item.active{color:var(--sky-400);font-weight:700}.step-item.done{color:var(--green-400)}.step-num{width:28px;height:28px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border-mid);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;flex-shrink:0}.step-item.active .step-num{background:var(--sky-500);border-color:var(--sky-400);color:#0A0F1D}.step-item.done .step-num{background:var(--green-500);border-color:var(--green-400);color:#0A0F1D}.step-divider{flex:1 1;height:2px;background:var(--border-subtle);margin:0 12px;min-width:24px}.nav-section-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:16px 20px 8px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 20px;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--ease-fast);border-left:3px solid transparent;text-decoration:none}.nav-item:hover{color:var(--text-primary);background:var(--surface-1);text-decoration:none}.nav-item.active{color:#38BDF8;background:rgba(56,189,248,.1);border-left-color:#38BDF8;font-weight:600}.nav-item-count{margin-left:auto;background:var(--surface-2);color:var(--text-secondary);font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-pill);font-family:var(--font-mono);border:1px solid var(--border-subtle)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.page-title{font-size:1.55rem;font-weight:800;color:var(--text-primary)}.page-subtitle{font-size:.88rem;color:var(--text-muted);margin-top:3px}.progress-bar-wrap{height:6px;background:var(--surface-2);border-radius:var(--radius-pill);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-pill);transition:width .5s var(--ease-normal)}.progress-bar-fill.green{background:linear-gradient(90deg,#10B981,#34D399)}.progress-bar-fill.amber{background:linear-gradient(90deg,#F59E0B,#FBBF24)}.progress-bar-fill.red{background:linear-gradient(90deg,#EF4444,#F87171)}.progress-bar-fill.indigo{background:linear-gradient(90deg,#6366F1,#38BDF8)}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--border-subtle)}.timeline-item{position:relative;margin-bottom:18px}.timeline-dot{position:absolute;left:-24px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--sky-400);border:2px solid var(--surface-0)}.timeline-date{font-size:.78rem;color:var(--text-muted);margin-bottom:2px;font-family:var(--font-mono)}.timeline-text{font-size:.9rem;color:var(--text-secondary);line-height:1.5}@media (max-width:1024px){.app-sidebar{transform:translateX(-100%)}.app-sidebar.open{transform:translateX(0)}.app-content{margin-left:0}.app-main{padding:20px 16px}}