:root{--primary:#007bff;--primary-dark:#0056b3;--primary-light:#e7f1ff;--primary-soft:#007bff14;--accent:#2ecc71;--accent-dark:#25a55a;--accent-soft:#2ecc711f;--danger:#ef4444;--danger-soft:#ef44441a;--warning:#f59e0b;--bg:#f8f9fa;--surface:#fff;--surface-2:#f1f3f5;--border:#e6e8eb;--border-strong:#d6d9dd;--text:#212529;--text-muted:#6c757d;--text-light:#adb5bd;--shadow-sm:0 1px 2px #0000000a;--shadow:0 4px 12px #0f172a0f, 0 2px 4px #0f172a0a;--shadow-lg:0 12px 32px #0f172a1f, 0 4px 8px #0f172a0f;--radius-sm:8px;--radius:14px;--radius-lg:22px;--radius-xl:28px;--safe-top:env(safe-area-inset-top,0);--safe-bottom:env(safe-area-inset-bottom,0);--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--primary:#4d9bff;--primary-dark:#007bff;--primary-light:#0d2746;--primary-soft:#4d9bff1f;--accent:#34d399;--accent-dark:#2ecc71;--accent-soft:#34d3991f;--bg:#0b0d10;--surface:#15181d;--surface-2:#1d2128;--border:#262a31;--border-strong:#353a43;--text:#f1f3f5;--text-muted:#9aa3af;--text-light:#6b7280;--shadow-sm:0 1px 2px #0006;--shadow:0 4px 12px #0006, 0 2px 4px #0000004d;--shadow-lg:0 12px 32px #0009, 0 4px 8px #0006}}:root[data-theme=dark]{--primary:#4d9bff;--primary-dark:#007bff;--primary-light:#0d2746;--primary-soft:#4d9bff1f;--accent:#34d399;--accent-dark:#2ecc71;--accent-soft:#34d3991f;--bg:#0b0d10;--surface:#15181d;--surface-2:#1d2128;--border:#262a31;--border-strong:#353a43;--text:#f1f3f5;--text-muted:#9aa3af;--text-light:#6b7280;--shadow-sm:0 1px 2px #0006;--shadow:0 4px 12px #0006, 0 2px 4px #0000004d;--shadow-lg:0 12px 32px #0009, 0 4px 8px #0006}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}#root{background:var(--bg);flex-direction:column;max-width:540px;min-height:100svh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}@media (min-width:600px){#root{box-shadow:0 0 60px #00000014}}h1,h2,h3,h4,h5,h6{color:var(--text);letter-spacing:-.01em;margin:0;font-weight:700}p{margin:0}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:var(--text);font-family:inherit;font-size:1rem}a{color:var(--primary);text-decoration:none}::-webkit-scrollbar{width:0;height:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@keyframes scanLine{0%{transform:translateY(0)}50%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:.25s ease-out fadeIn}:root{--glass-bg:#fff9;--glass-bg-strong:#ffffffc7;--glass-border:#ffffffa6;--glass-shadow:0 10px 30px #0f172a1a, inset 0 1px 0 #fff9;--glass-blur:16px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--glass-bg:#1c202785;--glass-bg-strong:#1e232bb8;--glass-border:#ffffff17;--glass-shadow:0 10px 30px #00000073, inset 0 1px 0 #ffffff0d}}:root[data-theme=dark]{--glass-bg:#1c202785;--glass-bg-strong:#1e232bb8;--glass-border:#ffffff17;--glass-shadow:0 10px 30px #00000073, inset 0 1px 0 #ffffff0d}body{background:var(--bg)}#root{background:0 0}#root:before{content:"";z-index:-1;background-color:var(--bg);background-image:radial-gradient(42% 36% at 14% 6%,#007bff33,#0000 70%),radial-gradient(36% 30% at 94% 10%,#2ecc712e,#0000 70%),radial-gradient(50% 42% at 50% 104%,#007bff1f,#0000 70%);background-attachment:fixed;position:fixed;top:-10%;bottom:-10%;left:-10%;right:-10%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #root:before{background-image:radial-gradient(46% 38% at 12% 4%,#4d9bff38,#0000 70%),radial-gradient(40% 32% at 96% 8%,#34d39929,#0000 70%),radial-gradient(54% 44% at 50% 106%,#4d9bff24,#0000 70%)}}:root[data-theme=dark] #root:before{background-image:radial-gradient(46% 38% at 12% 4%,#4d9bff38,#0000 70%),radial-gradient(40% 32% at 96% 8%,#34d39929,#0000 70%),radial-gradient(54% 44% at 50% 106%,#4d9bff24,#0000 70%)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(22px)saturate(170%);backdrop-filter:blur(22px)saturate(170%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.glass-strong{background:var(--surface)}}.btn{border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .1s,background .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #007bff40}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 6px 16px #007bff59}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 12px #ef444440}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-lg{width:100%;padding:14px 22px;font-size:16px}.btn-block{width:100%}.alert{border-radius:var(--radius);align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:500;display:flex}.alert-error{background:var(--danger-soft);color:var(--danger);border:1px solid #ef444433}.alert-success{background:var(--accent-soft);color:var(--accent-dark);border:1px solid #2ecc7133}.alert-warn{color:var(--warning);background:#f59e0b1f;border:1px solid #f59e0b33}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-muted);font-size:13px;font-weight:500}.field-input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-muted);align-items:center;gap:10px;padding:12px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.field-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.field-input input,.field-input textarea{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:15px}.field-input input::placeholder,.field-input textarea::placeholder{color:var(--text-light)}.pwa-update-toast{flex-direction:column;gap:10px;display:flex}.pwa-update-actions{gap:8px;display:flex}.pwa-update-btn{color:var(--text);background:var(--surface-2);border-radius:10px;padding:6px 14px;font-size:13px;font-weight:600}.pwa-update-btn.primary{background:var(--primary);color:#fff}
