:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-active:#1e40af;--primary-light:#eff6ff;--primary-glow:#2563eb59;--accent-color:#38bdf8;--bg-main:#0b0f19;--bg-card:#151d30;--bg-sidebar:#0e1424;--bg-input:#090d16;--border-color:#222f47;--text-main:#f1f5f9;--text-muted:#94a3b8;--danger-color:#ef4444;--success-color:#10b981;--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--font-mono:JetBrains Mono, Fira Code, Courier New, monospace;--sidebar-width:280px;--radius-md:10px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f1f5f9;-webkit-font-smoothing:antialiased;background-color:#0b0f19;width:100%;height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.app-layout{width:100%;height:100%;display:flex;overflow:hidden}.main-content{background-color:#0b0f19;flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.page{flex-direction:column;width:100%;height:100%;display:flex;overflow-y:auto}@media (width<=768px){.app-layout{width:100vw;height:100vh;position:relative;overflow-x:hidden}.main-content{width:100%;max-width:100vw;overflow-x:hidden}}.v-center{justify-content:center;align-items:center;display:flex}.h-center{text-align:center}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b0f19}::-webkit-scrollbar-thumb{background:#222f47;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#334669}input,textarea,select,button{font-family:inherit;font-size:.95rem}.input-control{color:#f1f5f9;background:#090d16;border:1px solid #222f47;border-radius:10px;outline:none;width:100%;padding:10px 14px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb59}.input-control::placeholder{color:#94a3b8}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:500;transition:all .15s ease-in-out;display:inline-flex}.btn.btn-primary{color:#fff;background-color:#2563eb;border-color:#2563eb;box-shadow:0 4px 14px #2563eb59}.btn.btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px)}.btn.btn-primary:active{background-color:#1e40af;transform:translateY(0)}.btn.btn-secondary{color:#f1f5f9;background-color:#151d30;border-color:#222f47}.btn.btn-secondary:hover{background-color:#1c263e;border-color:#334669}.btn.btn-danger{color:#ef4444;background-color:#ef444426;border-color:#ef44444d}.btn.btn-danger:hover{color:#fff;background-color:#ef4444}.btn.btn-sm{border-radius:6px;padding:6px 12px;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-dialog{background:#151d30;border:1px solid #222f47;border-radius:16px;width:100%;max-width:440px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 8px 24px #0006}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}