:root{--bg: #06101f;--surface: #0d1f35;--card: #122540;--border: #1a3a5e;--orange: #e87722;--orange-l: #ff8c3a;--gold: #ffd700;--text: #eef2f7;--sub: #7a99b8;--red: #ef4444;--navy: #1a3a5e;--ff: "Barlow", "Segoe UI", sans-serif;--ff-h: "Oswald", "Trebuchet MS", sans-serif;--maxw: 460px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--ff);-webkit-font-smoothing:antialiased}body{min-height:100vh}button,input{font-family:var(--ff)}::-webkit-scrollbar{width:0;background:transparent}.app-shell{max-width:var(--maxw);margin:0 auto;min-height:100vh;position:relative;background:var(--bg);padding-bottom:78px}.sec{padding:0 14px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:10px}.page-head{padding:16px 0 10px}.page-head h2{margin:0;color:var(--gold);font-size:20px;font-family:var(--ff-h);font-weight:600;letter-spacing:1px}.page-head p{margin:3px 0 0;color:var(--sub);font-size:12px}.lbl{font-size:12px;color:var(--sub);margin-top:10px;display:block}.inp{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;margin-top:6px;outline:none}.inp:focus{border-color:var(--orange)}.btn{padding:11px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:14px;width:100%;margin-top:10px;letter-spacing:.3px;background:var(--orange);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.gold{background:var(--gold);color:#06101f}.btn.red{background:#dc2626;color:#fff}.btn.ghost{background:transparent;color:var(--sub);border:1px solid var(--border)}.btn.sm{width:auto;padding:7px 12px;font-size:13px;margin-top:0}.err{color:var(--red);font-size:12px;margin-top:8px}.group-badge{display:inline-block;background:#ffd70014;color:var(--gold);font-family:var(--ff-h);font-size:12px;letter-spacing:1px;padding:4px 10px;border-radius:6px;margin:6px 0 8px}