#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-root{min-height:calc(100vh - 48px);display:block}.header-actions{display:flex;gap:8px;align-items:center}.form-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.card-title{font-size:1.05rem;font-weight:700;margin-bottom:8px;color:#e6f7ff}.help-note{font-size:.85rem;color:var(--muted);margin-top:8px}.form-grid{display:grid;gap:10px;grid-template-columns:1fr}@media(min-width:640px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1 / -1}}.transactions-list{max-height:420px;overflow:auto;padding-right:6px}.clickable{cursor:pointer;transition:background .12s ease,transform .08s ease;border-radius:8px}.clickable:hover{background:#ffffff05;transform:translateY(-3px)}.badge{font-size:.75rem;padding:6px 8px;border-radius:999px;background:#ffffff08;color:var(--muted)}.logout-btn{background:#e34949;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600;transition:background .15s ease}.logout-btn:hover{background:#c93b3b}.logout-btn:focus{outline:3px solid rgba(227,73,73,.25);outline-offset:2px}:root{--bg-1: #0f1724;--bg-2: #081126;--card: #0f1728;--muted: #9aa4b2;--accent: #3b82f6;--accent-2: #06b6d4;--success: #10b981;--danger: #ef4444;--glass: rgba(255,255,255,.04);--radius: 12px;--gap: 16px;--max-w: 1100px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,var(--bg-1),var(--bg-2) 60%);color:#e6eef8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45;padding:24px}.app-container{max-width:var(--max-w);margin:0 auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);margin-bottom:28px}header .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-weight:600}.brand-mark{width:44px;height:44px;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:10px;box-shadow:0 6px 18px #2850c81f,inset 0 -6px 20px #ffffff05;font-weight:700;color:#fff}nav a{color:var(--muted);text-decoration:none;margin-left:16px;font-weight:600;padding:8px 10px;border-radius:8px;transition:all .18s ease}nav a:hover{color:var(--accent);transform:translateY(-2px)}.header-right{display:flex;align-items:center;gap:12px;color:var(--muted)}.header-user{font-weight:600;color:#dbeafe;font-size:.95rem}.header-actions button{margin-left:8px}main{gap:20px}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:var(--radius);padding:18px;box-shadow:0 6px 18px #02061799;border:1px solid rgba(255,255,255,.03)}.card.wide{width:100%;max-width:900px;margin:0 auto;padding:28px}.card.xwide{width:100%;max-width:1100px;margin:0 auto;padding:32px}.card .card-title{font-size:1.25rem;letter-spacing:-.2px}form{display:flex;flex-direction:column;gap:12px}label{font-size:.85rem;color:var(--muted)}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{background:#ffffff05;border:1px solid rgba(255,255,255,.04);color:#e6eef8;padding:10px 12px;border-radius:10px;outline:none;transition:box-shadow .12s ease,border-color .12s ease,transform .08s ease;font-size:.95rem}input:focus,textarea:focus,select:focus{box-shadow:0 6px 18px #3b82f61f;border-color:#3b82f6e6;transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;padding:10px 14px;border-radius:10px;border:none;cursor:pointer;font-weight:700;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #3b82f61f}.btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--muted);font-weight:600}.btn.full{width:100%;justify-content:center}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:8px}.small{font-size:.85rem;color:var(--muted)}.hint{color:var(--muted);font-size:.85rem}.balance{display:flex;align-items:center;justify-content:space-between;gap:12px}.balance .amount{font-size:1.9rem;font-weight:800;color:#e6f0ff}.transactions{display:grid;gap:10px}.tx{display:flex;justify-content:space-between;gap:10px;padding:10px;border-radius:10px;background:linear-gradient(180deg,#ffffff03,#ffffff02);border:1px solid rgba(255,255,255,.02)}.tx .meta{color:var(--muted);font-size:.85rem}.tx.deposit{border-left:4px solid rgba(16,185,129,.14)}.tx.withdraw{border-left:4px solid rgba(239,68,68,.14)}@media(min-width:860px){main{grid-template-columns:360px 1fr;align-items:start}.sidebar-card{position:sticky;top:28px;align-self:start}}@media(max-width:480px){body{padding:14px}header{flex-direction:column;align-items:stretch;gap:12px}nav a{margin-left:8px;padding:8px;font-size:.95rem}main{gap:16px}.brand-mark{width:40px;height:40px}.balance .amount{font-size:1.4rem}.row{flex-direction:column;align-items:stretch}.btn{width:100%;justify-content:center}}