:root{--bg:#080910;--panel:rgba(255,255,255,.08);--panel2:rgba(255,255,255,.12);--line:rgba(255,255,255,.14);--text:#fff;--muted:rgba(255,255,255,.66);--blue:#6c5ce7;--cyan:#00d2ff;--pink:#ff4ecd;--green:#00d26a;--red:#ff4757;--radius:22px}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(108,92,231,.45),transparent 32%),radial-gradient(circle at 80% 15%,rgba(255,78,205,.28),transparent 30%),radial-gradient(circle at 50% 90%,rgba(0,210,255,.18),transparent 35%),var(--bg)}a{color:#8be9ff;text-decoration:none}button,input,select{font:inherit}button{border:0;border-radius:14px;padding:12px 16px;color:#fff;font-weight:800;cursor:pointer;transition:.16s}button:hover{transform:translateY(-1px);filter:brightness(1.08)}input,select{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:12px;background:rgba(0,0,0,.45);color:#fff;outline:0}input[type=range]{padding:0;accent-color:var(--pink)}.blue{background:linear-gradient(135deg,var(--blue),var(--cyan))}.pink{background:linear-gradient(135deg,var(--pink),var(--blue))}.green{background:linear-gradient(135deg,var(--green),#00f5a0)}.red{background:linear-gradient(135deg,var(--red),#ff6b81)}.gray{background:rgba(255,255,255,.16)}.glass{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));border:1px solid var(--line);border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.hint,small{color:var(--muted);font-size:13px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);padding:34px}.auth-card h1{text-align:center;margin:20px 0 8px;font-size:40px}.logoIcon{width:62px;height:62px;margin:auto;border-radius:20px;background:linear-gradient(135deg,var(--blue),var(--pink),var(--cyan));box-shadow:0 0 40px rgba(255,78,205,.45)}.auth-card input{margin:8px 0}.auth-card button{width:100%;margin-top:10px}.center{text-align:center}.app{min-height:100vh;padding:24px 24px 110px}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:14px}.brand .logoIcon{width:54px;height:54px;margin:0}.brand h1{margin:0;font-size:32px}.brand p{margin:4px 0 0;color:var(--muted)}.badge{padding:10px 14px;border-radius:999px;background:rgba(0,210,255,.12);border:1px solid rgba(0,210,255,.35);color:#9eeeff;font-weight:800}.panel{padding:18px}.block{padding:16px;border-radius:20px;background:rgba(0,0,0,.23);border:1px solid rgba(255,255,255,.08)}.block+.block{margin-top:14px}.block h2{margin:0 0 12px;font-size:18px}.block p{color:var(--muted);font-size:13px}.valueLine{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-top:6px}.actions{position:fixed;right:24px;bottom:24px;display:flex;gap:12px;z-index:50}.actions button{font-size:17px;padding:16px 24px;box-shadow:0 14px 40px rgba(0,0,0,.5)}@media(max-width:760px){.app{padding:14px 14px 96px}.header{align-items:flex-start;flex-direction:column}.brand h1{font-size:26px}.actions{left:12px;right:12px}.actions button{flex:1}.row button{flex:1}.auth-card{padding:24px}}