*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0018;--card-bg:#0f0523d1;--sidebar-bg:#0a021cf2;--border:#ffffff1a;--pa:#6c63ff;--pb:#3ecfcf;--text:#f0efff;--muted:#f0efff7a;--radius:16px;--nav-h:58px}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app-shell{height:calc(100vh - var(--nav-h));display:flex}.sidebar{border-right:1px solid var(--border);background:var(--sidebar-bg);flex-direction:column;flex-shrink:0;gap:16px;width:300px;height:100%;padding:20px 16px;display:flex;overflow-y:auto}.main-area{flex:1;min-width:0;padding:24px 28px;overflow-y:auto}@media (width<=768px){.app-shell{flex-direction:column;height:auto}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;height:auto}.main-area{padding:16px}}.grad{background:linear-gradient(110deg, var(--pa) 20%, var(--pb) 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-grad{background:linear-gradient(135deg, var(--pa), var(--pb));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px 20px;font-family:inherit;font-size:.92rem;font-weight:700;transition:opacity .15s,transform .15s}.btn-grad:hover{opacity:.9;transform:translateY(-1px)}.btn-grad:active{transform:translateY(0)}.btn-grad:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{color:var(--pb);cursor:pointer;background:0 0;border:1.5px solid #3ecfcf4d;border-radius:12px;padding:11px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s}.btn-ghost:hover{background:#3ecfcf14}.btn-icon{cursor:pointer;color:var(--text);white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .15s;display:inline-flex}.btn-icon:hover{background:#ffffff21}.btn-danger{cursor:pointer;color:#f87171;background:#ef44441a;border:1px solid #ef444459;border-radius:10px;align-items:center;gap:5px;padding:7px 13px;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .15s;display:inline-flex}.btn-danger:hover{background:#ef44442e}input[type=text],input[type=email],input[type=password]{color:#111;background:#ffffffed;border:none;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:.93rem}input::placeholder{color:#999}select{color:var(--text);cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.88rem}select option{color:var(--text);background:#180836}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;padding:20px}.section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:12px;font-size:.72rem;font-weight:700}.spinner{border:3px solid #6c63ff33;border-top-color:var(--pa);border-radius:50%;width:32px;height:32px;margin:60px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{color:var(--text);z-index:9999;white-space:nowrap;background:#10062af7;border:1px solid #6c63ff73;border-radius:12px;padding:11px 22px;font-size:.88rem;font-weight:500;animation:.22s fadeup;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000008c}@keyframes fadeup{0%{opacity:0;transform:translate(-50%)translateY(10px)}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);background:#0f0025;border-radius:22px;width:100%;max-width:420px;max-height:90vh;padding:28px 24px;overflow-y:auto}.modal h2{margin-bottom:20px;font-size:1.1rem;font-weight:800}.chip{color:#b0b2ff;background:#6c63ff26;border:1px solid #6c63ff4d;border-radius:99px;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.chip.public{color:var(--pb);background:#3ecfcf1f;border-color:#3ecfcf4d}.chip.private{color:var(--muted);background:#ffffff0f;border-color:#ffffff21}.top-nav{height:var(--nav-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;background:#080014e6;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}[data-theme=light]{--bg:#f0eeff;--card-bg:#ffffffeb;--sidebar-bg:#faf8fffa;--border:#6c63ff26;--text:#1a0935;--muted:#1a093580}[data-theme=light] body{background:var(--bg);color:var(--text)}[data-theme=light] .top-nav{background:#ffffffed;border-bottom-color:#6c63ff26}[data-theme=light] .sidebar{background:#f8f6fffa;border-right-color:#6c63ff1f}[data-theme=light] .btn-icon{color:var(--text);background:#6c63ff12;border-color:#6c63ff2e}[data-theme=light] .btn-icon:hover{background:#6c63ff24}[data-theme=light] .btn-ghost{color:#5b52d4;border-color:#6c63ff59}[data-theme=light] .btn-ghost:hover{background:#6c63ff14}[data-theme=light] .btn-danger{color:#dc2626;background:#ef444414;border-color:#ef444440}[data-theme=light] .btn-danger:hover{background:#ef444424}[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] input[type=password]{color:#1a0935;background:#fff;border:1.5px solid #6c63ff33;box-shadow:0 1px 4px #6c63ff0f}[data-theme=light] input::placeholder{color:#a099c0}[data-theme=light] select{color:var(--text);background:#fff;border:1.5px solid #6c63ff33;box-shadow:0 1px 4px #6c63ff0f}[data-theme=light] select option{color:var(--text);background:#f0eeff}[data-theme=light] .card{background:#ffffffeb;border-color:#6c63ff26;box-shadow:0 2px 16px #6c63ff12}[data-theme=light] .modal{background:#f5f2ff;border-color:#6c63ff2e}[data-theme=light] .modal-overlay{background:#c8bef080}[data-theme=light] .chip{color:#5b52d4;background:#6c63ff1a;border-color:#6c63ff38}[data-theme=light] .chip.public{color:#0e7a7a;background:#0e90901a;border-color:#0e909040}[data-theme=light] .chip.private{color:#1a09358c;background:#0000000d;border-color:#0000001f}[data-theme=light] .section-label{color:#1a093573}[data-theme=light] .toast{color:var(--text);background:#fffffff7;border-color:#6c63ff59;box-shadow:0 8px 32px #6c63ff26}[data-theme=light] .spinner{border-color:#6c63ff26;border-top-color:var(--pa)}