:root{--bg-deep:#070b19;--bg-card:#0d1631;--bg-panel:#111d3a;--bg-hover:#162347;--border:#1a2b52;--border-subtle:#152040;--text-primary:#fff;--text-secondary:#9ca3ba;--text-muted:#566380;--accent:#d1a659;--accent-hover:#b8903f;--accent-glow:rgba(209,166,89,.15);--blue:#60a5fa;--blue-bg:rgba(96,165,250,.1);--green:#22c55e;--green-bg:rgba(34,197,94,.1);--yellow:#f59e0b;--yellow-bg:rgba(245,158,11,.1);--red:#ef4444;--red-bg:rgba(239,68,68,.1);--purple:#a855f7;--purple-bg:rgba(168,85,247,.1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.75;--font-sans:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--radius:10px;--radius-sm:6px;--shadow:0 4px 24px rgba(0,0,0,.5);--t-fast:0.1s ease;--t-normal:0.15s ease-out;--t-smooth:0.2s ease-in-out;--t-slow:0.3s ease-out}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg-deep);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}body{opacity:0;transition:opacity .35s ease}body.ready{opacity:1}h1,h2,h3,h4{color:var(--text-primary);margin:0}h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.01em}h2{font-size:var(--text-xl)}h2,h3{font-weight:var(--weight-semibold);line-height:var(--leading-snug)}h3{font-size:var(--text-md)}h4{font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{filter:brightness(1.1)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;transition:background var(--t-normal),border-color var(--t-normal),color var(--t-normal),filter var(--t-normal)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--bg-deep)}.btn-primary:hover:not(:disabled){filter:brightness(.88)}.btn-secondary{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:var(--red);color:#fff}.btn-sm{padding:4px 10px;font-size:12px}.btn-lg{padding:12px 22px;font-size:14px}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:20px;margin-bottom:16px}.card-header{display:flex;align-items:center;justify-content:space-between}.card-header,.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.form-input,.form-select,.form-textarea{width:100%;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:8px 12px;font-size:13px;font-family:inherit;transition:border-color .15s,box-shadow .2s ease;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-muted)}.form-hint{font-size:11px;color:var(--text-muted);margin-top:4px}@media (max-width:768px){.form-input,.form-select,.form-textarea{font-size:16px}}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:12px;margin-bottom:12px;display:flex;align-items:flex-start;gap:8px}.alert-warn{background:var(--yellow-bg);color:var(--yellow);border:1px solid rgba(245,158,11,.3)}.alert-info{background:var(--accent-glow);color:var(--accent);border:1px solid rgba(209,166,89,.3)}.alert-err{background:var(--red-bg);color:var(--red);border:1px solid rgba(239,68,68,.3)}.alert-success{background:var(--green-bg);color:var(--green);border:1px solid rgba(34,197,94,.3)}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;border:1px solid var(--border)}.chip,.tag{background:var(--bg-panel);color:var(--text-secondary)}.tag{padding:1px 6px;border-radius:3px;font-family:var(--font-mono);font-size:11px}.spinner,.tag{display:inline-block}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner-lg{width:24px;height:24px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes subtleFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes subtleScaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes modalContentIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;animation:fadeInOpacity .2s ease-out}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-width:500px;width:100%;box-shadow:var(--shadow);max-height:80vh;overflow-y:auto;animation:modalContentIn .2s ease-out}.modal-title{font-size:var(--text-md);font-weight:var(--weight-bold);margin-bottom:16px;color:var(--text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.topbar{height:56px;background:var(--bg-card);border-bottom:1px solid var(--border-subtle);padding:0 24px;flex-shrink:0;z-index:100;gap:16px}.topbar,.topbar-logo{display:flex;align-items:center}.topbar-logo{gap:10px;color:var(--accent);font-weight:var(--weight-semibold)}.topbar-logo-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));display:flex;align-items:center;justify-content:center;color:var(--bg-deep);font-weight:var(--weight-bold)}.topbar-spacer{flex:1 1}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.mono{font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}