:root{--bg: #0A0F1E;--bg2: #0F172A;--bg3: #1E293B;--surface: #162032;--border: #1E3A5F;--border2: #2A4A6F;--teal: #00D4A8;--teal2: #00B890;--amber: #F5A623;--amber2: #E09518;--text: #E2E8F0;--text2: #94A3B8;--text3: #64748B;--red: #FF4757;--green: #00D4A8;--font-head: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--font-body: "Nunito", sans-serif;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--teal);text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;width:100%;transition:border-color .2s;outline:none}input:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #00d4a81a}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text2)}.loading-logo{font-size:48px;animation:pulse 1.5s ease-in-out infinite}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:var(--font-body);transition:all .2s;white-space:nowrap}.btn-primary{background:var(--teal);color:#0a0f1e}.btn-primary:hover{background:var(--teal2);transform:translateY(-1px);box-shadow:0 4px 16px #00d4a84d}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border2)}.btn-secondary:hover{border-color:var(--teal);color:var(--teal)}.btn-amber{background:var(--amber);color:#0a0f1e}.btn-amber:hover{background:var(--amber2);transform:translateY(-1px)}.btn-danger{background:#ff475726;color:var(--red);border:1px solid rgba(255,71,87,.3)}.btn-danger:hover{background:#ff475740}.btn-ghost{background:transparent;color:var(--text2);padding:6px 12px}.btn-ghost:hover{color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card-sm{padding:16px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.badge-teal{background:#00d4a81f;color:var(--teal);border:1px solid rgba(0,212,168,.25)}.badge-amber{background:#f5a6231f;color:var(--amber);border:1px solid rgba(245,166,35,.25)}.badge-red{background:#ff47571f;color:var(--red);border:1px solid rgba(255,71,87,.25)}.badge-gray{background:var(--bg3);color:var(--text3);border:1px solid var(--border)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--text2)}.form-hint{font-size:12px;color:var(--text3)}.form-error{font-size:12px;color:var(--red)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:340px}.toast{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;animation:slideUp .3s ease;display:flex;align-items:center;gap:10px}.toast-success{background:#00d4a826;border:1px solid rgba(0,212,168,.3);color:var(--teal)}.toast-error{background:#ff475726;border:1px solid rgba(255,71,87,.3);color:var(--red)}.progress-bar{height:6px;background:var(--bg3);border-radius:100px;overflow:hidden}.progress-fill{height:100%;background:var(--teal);border-radius:100px;transition:width .6s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}@media (max-width: 768px){.card{padding:16px}}