@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-primary:#000;--bg-secondary:#09090b;--bg-tertiary:#121214;--bg-elevated:#18181b;--bg-glass:#12121466;--bg-glass-hover:#18181b99;--text-primary:#fff;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-inverse:#000;--accent:#fff;--accent-hover:#f4f4f5;--accent-subtle:#ffffff1a;--accent-glow:#ffffff26;--brand:#818cf8;--folder-amber:#fcd34d;--folder-blue:#60a5fa;--folder-purple:#c084fc;--folder-rose:#fb7185;--folder-emerald:#34d399;--folder-cyan:#22d3ee;--folder-orange:#fb923c;--folder-pink:#f472b6;--success:#34d399;--warning:#fbbf24;--error:#ef4444;--info:#60a5fa;--border:#ffffff14;--border-hover:#ffffff26;--border-accent:#ffffff4d;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #000c;--shadow-lg:0 20px 40px #000000e6;--shadow-glow:0 0 30px #ffffff0d;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.16,1,.3,1);--transition-base:.25s cubic-bezier(.16,1,.3,1);--transition-slow:.4s cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline-offset:2px;outline:2px solid #818cf8e6}html,body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;min-height:100vh;line-height:1.65;overflow-x:hidden}body{width:100%}img,svg,video,canvas{max-width:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-fade-in{animation:fadeIn var(--transition-base)forwards}.animate-slide-up{animation:slideUp var(--transition-slow)forwards}.animate-slide-down{animation:slideDown var(--transition-base)forwards}.animate-scale-in{animation:scaleIn var(--transition-base)forwards}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);letter-spacing:.01em;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--brand);outline:none}.btn-primary{background:var(--accent);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md),var(--shadow-glow);transform:scale(1.02)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-hover)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:6px 12px}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-danger{color:var(--error);background:0 0;border:1px solid #ef444433}.btn-danger:hover:not(:disabled){background:#ef44441a;border-color:#ef444480}.btn-icon{border-radius:var(--radius-sm);padding:6px}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:13px}.btn-lg{border-radius:var(--radius-md);padding:12px 24px;font-size:14px}.input,.textarea,.select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:12px 14px;font-size:14px}.input:focus{border-color:var(--brand);background:var(--bg-elevated);transform:translateY(-1px);box-shadow:0 0 0 2px #818cf840,inset 0 1px 2px #00000080}.text-gradient{background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-gradient-brand{background:linear-gradient(135deg,#818cf8 0%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.input::placeholder{color:var(--text-tertiary)}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all var(--transition-fast)}.surface{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.section-intro{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.section-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.section-description{color:var(--text-secondary);max-width:56ch;font-size:14px}.card-hover:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border)}.badge{border-radius:var(--radius-full);align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-subtle);color:var(--accent)}.badge-success{color:var(--success);background:#10b98126}.badge-muted{color:var(--text-secondary);background:#ffffff0f}.alert{border-radius:var(--radius-md);border:1px solid #0000;padding:14px 16px}.alert h3{margin-bottom:4px;font-size:15px}.alert p{color:inherit;font-size:13px;line-height:1.6}.alert-error{color:var(--error);background:#ef44441f;border-color:#ef444433}.alert-success{color:var(--success);background:#10b9811f;border-color:#10b98133}.avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-lg{width:48px;height:48px;font-size:18px}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--bg-primary);margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--transition-fast)ease-out;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);z-index:101;animation:scaleIn var(--transition-base)ease-out;padding:32px;position:relative;overflow-y:auto}.modal h2{margin-bottom:16px;font-size:20px;font-weight:700}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.empty-state{text-align:center;animation:fadeIn var(--transition-slow)ease-out;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-icon{border-radius:var(--radius-xl);background:var(--accent-subtle);width:80px;height:80px;color:var(--accent);justify-content:center;align-items:center;margin-bottom:20px;animation:3s ease-in-out infinite float;display:flex}.empty-state h3{margin-bottom:8px;font-size:18px;font-weight:600}.empty-state p{color:var(--text-secondary);max-width:320px;margin-bottom:20px;font-size:14px}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-elevated)50%,var(--bg-tertiary)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.dropdown{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:280px;box-shadow:var(--shadow-lg);z-index:100;animation:slideDown var(--transition-base)ease-out;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.toast{border-radius:var(--radius-md);z-index:2000;animation:slideUp var(--transition-base)ease-out;box-shadow:var(--shadow-lg);padding:14px 20px;font-size:14px;font-weight:500;position:fixed;bottom:24px;right:24px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toast-success{color:#fff;background:#10b981e6}.toast-error{color:#fff;background:#ef4444e6}.text-accent{color:var(--accent)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:768px){.hide-mobile{display:none!important}.btn{white-space:normal}.input,.textarea,.select{font-size:16px}.modal{border-radius:var(--radius-lg)var(--radius-lg)0 0;width:100%;max-height:calc(100vh - 24px);animation:slideUp var(--transition-base)ease-out;margin:auto;padding:20px;position:fixed;inset:auto 0 0;transform:none!important}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-overlay{justify-content:center;align-items:flex-end;padding:0;overflow-y:auto}.modal-actions{flex-direction:column-reverse;align-items:stretch;gap:12px}.modal-actions .btn{min-height:44px}.toast{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));text-align:center}}@media (min-width:769px){.hide-desktop{display:none!important}}