:root{color-scheme:light;font-family:Manrope,Segoe UI,sans-serif;--bg: #e7e7eb;--card: #f6f6f8;--text: #181a22;--muted: #6d7486;--blue: #2f7de1;--line: #dfe2ea}*{box-sizing:border-box}html,body{margin:0;width:100%;overflow-x:hidden}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100%;color:var(--text);background:var(--bg)}.page{min-height:100svh;padding:16px;background-position:center;background-size:cover;background-repeat:no-repeat}.page-auth{display:flex;align-items:center;justify-content:center}.page-cabinet{display:block}.mobile-shell,.enter-card{width:100%}.mobile-shell{min-height:calc(100dvh - 32px);padding:8px;display:grid;gap:14px;align-content:start}.cabinet-header{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:8px}.brand img{width:26px;height:26px}.brand strong{font-size:28px;line-height:1;letter-spacing:.2px}.logout-btn{border:1px solid var(--line);background:#fff;border-radius:12px;width:42px;height:36px;padding:0;cursor:pointer;display:grid;place-items:center;font-size:18px;color:#20354b;transform:scaleX(-1)}.alert-card{background:#fff;border-radius:14px;padding:10px;display:grid;grid-template-columns:36px 1fr 26px;gap:10px;align-items:center;border:1px solid #eaedf4}.warn-icon{width:36px;height:36px;border-radius:10px;background:#ffd249;color:#6f5600;display:grid;place-items:center;font-weight:700}.alert-card p{margin:0;font-size:13px}.alert-card button{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:#495163}.balance-card{text-align:center;padding:8px 0 2px}.balance-card p{margin:0;font-size:16px}.balance-card h2{margin:4px 0;font-size:58px;line-height:1}.balance-card small{color:var(--muted);font-size:15px}.quick-actions{display:grid;grid-template-columns:1fr;gap:10px}.action{border:1px solid #e4e8f1;background:#fff;border-radius:16px;padding:12px;color:var(--blue);cursor:pointer;display:grid;gap:6px;justify-items:center;width:100%}.action span{width:24px;height:24px;border-radius:50%;background:#e9f2ff;display:grid;place-items:center;font-size:14px}.action b{font-size:20px}.info{margin:0;color:#1e8c55}.error{margin:0;color:#b04949}.dialog-backdrop{position:fixed;inset:0;background:#0a0f1959;display:grid;align-items:end;z-index:20}.dialog-card{background:#fff;border-radius:18px 18px 0 0;padding:16px;border:1px solid #e4e8f1}.dialog-card h3{margin:0;font-size:18px}.dialog-card p{margin:8px 0 0;color:var(--muted)}.build-version{margin-top:10px;font-size:12px;color:#8d95a7;letter-spacing:.2px}.dialog-actions{margin-top:14px;display:grid;gap:10px}.dialog-btn{display:grid;place-items:center;width:100%;border-radius:12px;padding:12px 14px;font:inherit;font-weight:700;cursor:pointer;border:1px solid transparent;text-decoration:none}.dialog-btn-primary{background:#2f7de1;color:#fff;border-color:#2f7de1}.dialog-btn-primary:hover{background:#246ccc;border-color:#246ccc}.dialog-btn-secondary{background:#f3f6fb;color:#1e2b43;border-color:#dbe3f1}.dialog-btn-secondary:hover{background:#e9eff8}.enter-card{max-width:420px;width:100%;padding:24px 16px;display:grid;gap:12px;align-content:start;overflow:hidden}.enter-card img{width:62px;height:62px}.enter-card h1{margin:0;font-size:clamp(36px,11vw,56px);line-height:.95;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.enter-card p{margin:0;color:var(--muted)}label{display:grid;gap:6px;color:#4f5b71}input,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit}.enter-btn{width:100%;border:0;border-radius:12px;background:#2f7de1;color:#fff;padding:12px;font-size:16px;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:430px){.brand strong{font-size:24px}.balance-card h2{font-size:50px}.action b{font-size:17px}}@media(orientation:landscape)and (max-height:520px){.page{padding:8px}.mobile-shell{min-height:calc(100svh - 16px);gap:8px;grid-template-columns:1fr;grid-auto-rows:min-content;align-content:start}.brand strong{font-size:18px}.balance-card h2{font-size:36px;margin:2px 0}.action{padding:8px;gap:4px}.action b{font-size:16px}.page-auth{align-items:flex-start}.enter-card{max-width:min(560px,100%);margin-top:12px}}
