@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark-purple]{--bg-base:#080b11;--bg-card:#0e1219;--bg-elevated:#131821;--bg-hover:#1a2030;--bg-active:#1e2538;--border:#1e2538;--border-mid:#2a3347;--border-hi:#3a4560;--text-1:#e8e6f0;--text-2:#9a98b0;--text-3:#5a5870;--accent:#6c5ce7;--accent-light:#8b7ff0;--accent-dim:#6c5ce71f;--accent-border:#6c5ce740;--teal:#00b894;--teal-dim:#00b8941f;--amber:#fdcb6e;--amber-dim:#fdcb6e1f;--red:#e17055;--red-dim:#e170551f;--blue:#74b9ff;--blue-dim:#74b9ff1f;--bg-pattern:none}[data-theme=navy-gold]{--bg-base:#050d1a;--bg-card:#0a1628;--bg-elevated:#0e1e36;--bg-hover:#132540;--bg-active:#1a2d4a;--border:#1a2d4a;--border-mid:#243d60;--border-hi:#2e5080;--text-1:#eef4ff;--text-2:#7a9cc0;--text-3:#3a5878;--accent:#d4a017;--accent-light:#f0b429;--accent-dim:#d4a01721;--accent-border:#d4a01747;--teal:#00b894;--teal-dim:#00b8941f;--amber:#f0b429;--amber-dim:#f0b42921;--red:#e17055;--red-dim:#e170551f;--blue:#4d9de0;--blue-dim:#4d9de021;--bg-pattern:none}[data-theme=navy-blue]{--bg-base:#050d1a;--bg-card:#0a1628;--bg-elevated:#0e1e36;--bg-hover:#132540;--bg-active:#1a2d4a;--border:#1a2d4a;--border-mid:#243d60;--border-hi:#2e5080;--text-1:#eef4ff;--text-2:#7a9cc0;--text-3:#3a5878;--accent:#3b82f6;--accent-light:#60a5fa;--accent-dim:#3b82f621;--accent-border:#3b82f647;--teal:#00b894;--teal-dim:#00b8941f;--amber:#f0b429;--amber-dim:#f0b42921;--red:#e17055;--red-dim:#e170551f;--blue:#60a5fa;--blue-dim:#60a5fa21;--bg-pattern:none}[data-theme=minimal-black]{--bg-base:#0a0a0a;--bg-card:#111;--bg-elevated:#161616;--bg-hover:#1c1c1c;--bg-active:#222;--border:#222;--border-mid:#2e2e2e;--border-hi:#3a3a3a;--text-1:#f0f0f0;--text-2:#888;--text-3:#444;--accent:#e0e0e0;--accent-light:#fff;--accent-dim:#e0e0e014;--accent-border:#e0e0e02e;--teal:#00b894;--teal-dim:#00b8941a;--amber:#fdcb6e;--amber-dim:#fdcb6e1a;--red:#e17055;--red-dim:#e170551a;--blue:#74b9ff;--blue-dim:#74b9ff1a;--bg-pattern:none}[data-theme=clean-white]{--bg-base:#f5f5f8;--bg-card:#fff;--bg-elevated:#fff;--bg-hover:#f0effe;--bg-active:#e8e5fc;--border:#e0dff0;--border-mid:#cccae0;--border-hi:#b0aed0;--text-1:#1a1a2e;--text-2:#5a5878;--text-3:#9a98b0;--accent:#6c5ce7;--accent-light:#5548d9;--accent-dim:#6c5ce71a;--accent-border:#6c5ce738;--teal:#00966e;--teal-dim:#00966e1a;--amber:#c98a00;--amber-dim:#c98a001a;--red:#c0392b;--red-dim:#c0392b1a;--blue:#2563eb;--blue-dim:#2563eb1a;--bg-pattern:none}[data-theme=soft-bluegrey]{--bg-base:#eef3f8;--bg-card:#fff;--bg-elevated:#fff;--bg-hover:#e0eef5;--bg-active:#cce4f0;--border:#d0dde8;--border-mid:#b8ccd8;--border-hi:#9ab8c8;--text-1:#1a2a36;--text-2:#4a6878;--text-3:#8aacbc;--accent:#00966e;--accent-light:#007a5a;--accent-dim:#00966e1a;--accent-border:#00966e38;--teal:#00966e;--teal-dim:#00966e1a;--amber:#b87800;--amber-dim:#b878001a;--red:#c0392b;--red-dim:#c0392b1a;--blue:#1a6fa8;--blue-dim:#1a6fa81a;--bg-pattern:none}[data-theme=blueprint]{--bg-base:#07112a;--bg-card:#0c1d3d;--bg-elevated:#102248;--bg-hover:#152a58;--bg-active:#1a3368;--border:#1e3a70;--border-mid:#254a8a;--border-hi:#2e5aaa;--text-1:#c8deff;--text-2:#6a9acc;--text-3:#3a5a88;--accent:#4a90e2;--accent-light:#6aaeff;--accent-dim:#4a90e224;--accent-border:#4a90e24d;--teal:#00c9a7;--teal-dim:#00c9a71f;--amber:#ffd166;--amber-dim:#ffd1661f;--red:#ef5350;--red-dim:#ef53501f;--blue:#6aaeff;--blue-dim:#6aaeff1f;--bg-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cdefs%3E%3Cpattern id='sm' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 0L0 0 0 20' fill='none' stroke='rgba(74,144,226,0.08)' stroke-width='0.5'/%3E%3C/pattern%3E%3Cpattern id='lg' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Crect width='80' height='80' fill='url(%23sm)'/%3E%3Cpath d='M80 0L0 0 0 80' fill='none' stroke='rgba(74,144,226,0.18)' stroke-width='0.8'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='80' height='80' fill='url(%23lg)'/%3E%3C/svg%3E")}[data-theme=industrial]{--bg-base:#0e1014;--bg-card:#161a1f;--bg-elevated:#1c2028;--bg-hover:#222830;--bg-active:#2a3038;--border:#2a3038;--border-mid:#383f4a;--border-hi:#484f5c;--text-1:#e8ddd0;--text-2:#9a8878;--text-3:#5a5048;--accent:#fb923c;--accent-light:#fdba74;--accent-dim:#fb923c1f;--accent-border:#fb923c40;--teal:#00b894;--teal-dim:#00b8941f;--amber:#fbbf24;--amber-dim:#fbbf241f;--red:#f87171;--red-dim:#f871711f;--blue:#60a5fa;--blue-dim:#60a5fa1f;--bg-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='10' cy='10' r='1.5' fill='rgba(251,146,60,0.14)'/%3E%3Ccircle cx='30' cy='10' r='1.5' fill='rgba(251,146,60,0.14)'/%3E%3Ccircle cx='50' cy='10' r='1.5' fill='rgba(251,146,60,0.14)'/%3E%3Ccircle cx='10' cy='30' r='1.5' fill='rgba(251,146,60,0.14)'/%3E%3Ccircle cx='30' cy='30' r='1.5' fill='rgba(251,146,60,0.14)'/%3E%3Ccircle cx='50' cy='30' r='1.5' fill='rgba(251,146,60,0.14)'/%3E%3Ccircle cx='10' cy='50' r='1.5' fill='rgba(251,146,60,0.14)'/%3E%3Ccircle cx='30' cy='50' r='1.5' fill='rgba(251,146,60,0.14)'/%3E%3Ccircle cx='50' cy='50' r='1.5' fill='rgba(251,146,60,0.14)'/%3E%3Cline x1='0' y1='0' x2='60' y2='0' stroke='rgba(251,146,60,0.05)' stroke-width='0.5'/%3E%3Cline x1='0' y1='30' x2='60' y2='30' stroke='rgba(251,146,60,0.05)' stroke-width='0.5'/%3E%3Cline x1='0' y1='60' x2='60' y2='60' stroke='rgba(251,146,60,0.05)' stroke-width='0.5'/%3E%3C/svg%3E")}[data-theme=aria-crimson]{--bg-base:#fafafa;--bg-card:#fff;--bg-elevated:#fff;--bg-hover:#f7e6e6;--bg-active:#f0d0d0;--border:#e5e2e0;--border-mid:#d0ccc8;--border-hi:#b8b2ac;--text-1:#1a1a1a;--text-2:#6b6b6b;--text-3:#9a9690;--accent:#c00000;--accent-light:#8b0000;--accent-dim:#c000001a;--accent-border:#c0000038;--teal:#00966e;--teal-dim:#00966e1a;--amber:#c98a00;--amber-dim:#c98a001a;--red:#a32d2d;--red-dim:#a32d2d1a;--blue:#2563eb;--blue-dim:#2563eb1a;--bg-pattern:none}:root{--font-sans:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius:10px;--radius-lg:16px;--sidebar-w:220px;--topbar-h:56px}html,body,#root{height:100%;color:var(--text-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6}body{background-color:var(--bg-base);background-image:var(--bg-pattern)}[data-theme=clean-white] .input,[data-theme=clean-white] .select,[data-theme=clean-white] .textarea,[data-theme=soft-bluegrey] .input,[data-theme=soft-bluegrey] .select,[data-theme=soft-bluegrey] .textarea,[data-theme=aria-crimson] .input,[data-theme=aria-crimson] .select,[data-theme=aria-crimson] .textarea{background:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:99px}h1{letter-spacing:-.3px;font-size:26px;font-weight:600}h2{font-size:20px;font-weight:500}h3{font-size:17px;font-weight:500}p{color:var(--text-2)}.card{background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--radius);padding:20px}.btn{border-radius:var(--radius-sm);font-size:16px;font-weight:500;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:.5px solid #0000;align-items:center;gap:7px;padding:8px 16px;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{filter:brightness(1.1)}.btn-ghost{color:var(--text-2);border-color:var(--border-mid);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-1)}.btn-danger{color:var(--red);border-color:var(--red-dim);background:0 0}.btn-danger:hover{background:var(--red-dim)}.btn-teal{background:var(--teal-dim);color:var(--teal);border-color:#00b89440}.btn-teal:hover{filter:brightness(1.1)}.btn-sm{padding:5px 11px;font-size:14px}.btn-icon{padding:7px}.input,.select,.textarea{background:var(--bg-base);border:.5px solid var(--border-mid);border-radius:var(--radius-sm);width:100%;color:var(--text-1);font-size:16px;font-family:var(--font-sans);outline:none;padding:9px 12px;transition:border-color .15s}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}.select option{background:var(--bg-card)}.textarea{resize:vertical;min-height:80px}.form-label{color:var(--text-2);margin-bottom:5px;font-size:14px;display:block}.form-group{flex-direction:column;gap:5px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid .full{grid-column:1/-1}.badge{border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:13px;font-weight:500;display:inline-flex}.badge-purple{background:var(--accent-dim);color:var(--accent-light);border:.5px solid var(--accent-border)}.badge-green{background:var(--teal-dim);color:var(--teal);border:.5px solid #00b89440}.badge-amber{background:var(--amber-dim);color:var(--amber);border:.5px solid #fdcb6e40}.badge-red{background:var(--red-dim);color:var(--red);border:.5px solid #e1705540}.badge-blue{background:var(--blue-dim);color:var(--blue);border:.5px solid #74b9ff40}.badge-gray{background:var(--bg-hover);color:var(--text-2);border:.5px solid var(--border)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:16px}thead th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;border-bottom:.5px solid var(--border);background:var(--bg-card);white-space:nowrap;padding:10px 14px;font-size:13px;font-weight:500}tbody tr{border-bottom:.5px solid var(--border);transition:background .1s}tbody tr:hover{background:var(--bg-hover)}tbody td{color:var(--text-2);vertical-align:middle;padding:12px 14px}tbody td:first-child{color:var(--text-1);font-weight:500}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat-card{background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--radius);padding:16px 18px}.stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px}.stat-value{color:var(--text-1);letter-spacing:-.5px;font-size:31px;font-weight:600;font-family:var(--font-mono)}.stat-sub{color:var(--text-3);margin-top:4px;font-size:13px}.flex{display:flex}.flex-center{align-items:center;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.ml-auto{margin-left:auto}.text-muted{color:var(--text-2)}.text-xs{font-size:13px}.text-sm{font-size:14px}.mono{font-family:var(--font-mono)}.w-full{width:100%}.page{max-width:1400px;padding:24px 28px}.page-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.3px;font-size:24px;font-weight:600}.section-title{color:var(--accent-light);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;font-size:13px;font-weight:500}.steps{align-items:center;gap:6px;display:flex}.step-item{color:var(--text-3);align-items:center;gap:7px;font-size:14px;display:flex}.step-dot{border:.5px solid var(--border-mid);background:var(--bg-elevated);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:flex}.step-item.done .step-dot{background:var(--teal-dim);border-color:var(--teal);color:var(--teal)}.step-item.active .step-dot{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-light)}.step-item.active{color:var(--text-1)}.step-connector{background:var(--border);width:28px;height:.5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.2s fadeIn}.spinning{animation:1s linear infinite spin}[hidden]{display:none!important}
