.settings-wrap{min-height:100vh;padding:24px 20px 32px;background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 55%),radial-gradient(circle at top right,rgba(236,72,153,.28),transparent 60%),radial-gradient(circle at bottom,rgba(34,197,94,.25),transparent 55%),#020617;color:#e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.h-title{font-size:1.5rem;font-weight:600;letter-spacing:.02em}.h-teal{color:#22c55e}.h-purple{color:#a855f7}.h-chip{font-size:.8rem;padding:.25rem .7rem;border-radius:999px;background:#0f172af2;border:1px solid rgba(148,163,184,.7);color:#cbd5f5;white-space:nowrap}.nav-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.nav-btn{display:inline-flex;align-items:center;gap:6px;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#0f172af5;color:#e5e7eb;font-size:.85rem;cursor:pointer;transition:background .15s ease-out,border-color .15s ease-out,transform .1s ease-out,box-shadow .1s ease-out,color .1s ease-out}.nav-btn:hover{transform:translateY(-1px);border-color:#f8fafccc;box-shadow:0 14px 30px #0f172ae6}.nav-btn.dashboard{border-color:#818cf8d9;background:radial-gradient(circle at top left,rgba(129,140,248,.4),transparent 60%),#0f172afa;color:#e0e7ff}.nav-btn.settings{border-color:#22c55ed9;background:radial-gradient(circle at top left,rgba(34,197,94,.35),transparent 60%),#0f172afa;color:#bbf7d0}.nav-btn.logout{border-color:#f87171e6;background:radial-gradient(circle at top left,rgba(248,113,113,.3),transparent 60%),#0f172afa;color:#fecaca}.nav-btn.pause{border-style:dashed}.alert{margin-bottom:12px;border-radius:12px;padding:.55rem .85rem;font-size:.85rem}.alert.error{background:#ef44441a;border:1px solid rgba(248,113,113,.8);color:#fecaca}.alert.ok{background:#16a34a24;border:1px solid rgba(34,197,94,.8);color:#bbf7d0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px}.card{background:radial-gradient(circle at top left,rgba(51,65,85,.5),transparent 55%),#0f172afa;border-radius:18px;border:1px solid rgba(148,163,184,.65);padding:14px 14px 16px;box-shadow:0 20px 36px #0f172af2,0 0 0 1px #0f172ae6}.card-title{font-size:.9rem;font-weight:500;margin-bottom:8px;color:#e5e7eb}.field{margin-bottom:10px}.label{display:block;font-size:.8rem;color:#cbd5f5;margin-bottom:4px}.input-wrap{display:flex;align-items:center;border-radius:999px;background:#0f172afa;border:1px solid rgba(148,163,184,.8);overflow:hidden}.prefix{font-size:.85rem;padding:.4rem .65rem;color:#94a3b8}.input{flex:1;border:none;outline:none;background:transparent;color:#e5e7eb;font-size:.88rem;padding:.4rem .65rem}.input::placeholder{color:#94a3b8cc}.theme-meter .input-wrap{border-color:#818cf8d9}.theme-buy .input-wrap{border-color:#94a3b8e6}.theme-sell .input-wrap{border-color:#34d399e6}.theme-min .input-wrap{border-color:#f97316f2}.theme-max .input-wrap{border-color:#f87171f2}.footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.8rem;color:#94a3b8}.primary{border-radius:999px;border:none;padding:.55rem 1.4rem;font-size:.88rem;font-weight:500;cursor:pointer;background:linear-gradient(120deg,#22c55e,#14b8a6);color:#ecfdf5;box-shadow:0 18px 40px #22c55e99,0 0 22px #0f766ea6;transition:transform .12s ease-out,box-shadow .12s ease-out,filter .12s ease-out}.primary:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 24px 50px #22c55ecc,0 0 28px #0f766ebf}.chart-container{width:100%;height:320px}.pie-chart-container{width:100%;height:240px}@media (max-width: 640px){.settings-wrap{padding:16px 12px 24px}.header,.footer{flex-direction:column;align-items:flex-start}.footer .primary{align-self:stretch;text-align:center}}body{font-family:system-ui,sans-serif;margin:0;padding:0}.container{padding:20px}