*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #18181b;--bg2: #27272a;--bg3: #3f3f46;--accent-from: #10b981;--accent-to: #06b6d4;--accent: #10b981;--accent-hover: #059669;--text: #fafafa;--text2: #a1a1aa;--border: rgba(63, 63, 70, .6);--border-solid: #52525b;--danger: #ef4444;--success: #10b981;--warning: #f59e0b;--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--glass-bg: rgba(39, 39, 42, .6);--glass-blur: blur(12px);--glass-border: rgba(63, 63, 70, .5)}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent}*{scroll-behavior:smooth}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.gradient-text{background:linear-gradient(135deg,var(--accent-from),var(--accent-to));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}input,textarea,select{background:#27272acc;border:1px solid var(--glass-border);color:var(--text);border-radius:var(--radius-sm);padding:.75rem .875rem;font-size:1rem;width:100%;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #10b98126}input::placeholder,textarea::placeholder{color:#52525b}button{cursor:pointer;border:none;border-radius:var(--radius-sm);padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;letter-spacing:.01em;transition:opacity .15s,transform .1s,box-shadow .15s}button:disabled{opacity:.5;cursor:not-allowed}button:active:not(:disabled){transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:#18181b;box-shadow:0 4px 16px #10b98140}.btn-primary:hover:not(:disabled){box-shadow:0 4px 22px #10b98166}.btn-ghost{background:#27272acc;color:var(--text2);border:1px solid var(--glass-border)}.btn-ghost:hover:not(:disabled){background:#3f3f4699;color:var(--text);border-color:var(--border-solid)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 16px #ef444440}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(16,185,129,.03) 0%,transparent 50%,rgba(6,182,212,.03) 100%);pointer-events:none;border-radius:inherit}.app-layout{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;padding-top:env(safe-area-inset-top);background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(16,185,129,.05) 0%,transparent 70%),radial-gradient(ellipse 80% 40% at 50% 100%,rgba(6,182,212,.05) 0%,transparent 70%),var(--bg)}.page-content{flex:1;overflow-y:auto;padding:1rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#18181bf2;border-top:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);display:flex;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem 0 .6rem;color:var(--text2);text-decoration:none;font-size:.62rem;font-weight:500;gap:.25rem;letter-spacing:.04em;text-transform:uppercase;transition:color .15s;position:relative}.bottom-nav a.active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:linear-gradient(90deg,var(--accent-from),var(--accent-to));border-radius:0 0 3px 3px}.bottom-nav a.active{color:var(--accent)}.bottom-nav a:hover:not(.active){color:#d4d4d8}.bottom-nav svg{width:22px;height:22px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.page-header h1{font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.spinner{width:32px;height:32px;border:2px solid rgba(63,63,70,.6);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.text-muted{color:var(--text2)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-3{margin-bottom:.75rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}