:root{--brand-text-gradient:linear-gradient(90deg,#ffe34d 0%,#ffb300 22%,#ff7a00 44%,#ff3d5e 68%,#c52cff 100%);--brand-text-gradient-soft:linear-gradient(90deg,#ffd94f 0%,#ff9c16 35%,#ff5a36 62%,#b942ff 100%);--bg:#f4f6fc;--card:#fff;--line:#dfe5f4;--text:#202858;--muted:#737b9b;--yellow:#ffd447;--shadow:0 18px 42px rgba(53,78,140,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.bg{position:fixed;inset:0;background:radial-gradient(circle at 16% 0,rgba(55,125,255,.15),transparent 28%),radial-gradient(circle at 84% 12%,rgba(255,212,71,.28),transparent 24%),linear-gradient(180deg,#fbfcff,#eef2fb);pointer-events:none}.shell{max-width:1160px;margin:0 auto;padding:18px;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand img{width:58px;height:58px;border-radius:18px;object-fit:cover;box-shadow:var(--shadow)}.brand b{display:block;font-size:15px;font-weight:1000}.brand small{display:block;color:var(--muted);font-weight:800;margin-top:3px}.card{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;padding:28px;margin-bottom:18px}.chip{display:inline-flex;background:#fff0a3;border:1px solid #ead87d;color:#6d5200;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:1000;text-transform:uppercase}.chip.small{font-size:11px;padding:6px 10px}.hero h1{font-size:60px;line-height:.95;margin:18px 0 16px;font-weight:1000;letter-spacing:-.05em}.hero p,.auth p,.action p,.session p{color:var(--muted);font-size:16px;line-height:1.55}.hero-visual{display:flex;align-items:center;justify-content:center}.mail-ticket{background:linear-gradient(145deg,#fff,#f7f9ff);border:1px solid var(--line);border-radius:28px;padding:28px;min-height:250px;width:min(360px,100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.mail-ticket img{width:88px;height:88px;border-radius:24px;object-fit:cover}.mail-ticket b{font-size:26px}.mail-ticket span,.hint{color:var(--muted);font-weight:800}.auth{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;margin-bottom:18px}.auth h2,.action h2,.session h2{font-size:34px;letter-spacing:-.04em;margin:10px 0}.form label,.action label{display:block;font-weight:900;margin:14px 0 8px}input{width:100%;border:1px solid var(--line);border-radius:17px;background:#f8faff;padding:17px 18px;font-size:17px;color:var(--text);outline:none;margin-top:10px}input:focus{border-color:#8fb0ff;box-shadow:0 0 0 4px rgba(55,125,255,.12)}.btn{border:0;border-radius:17px;padding:15px 20px;font-size:16px;font-weight:1000;cursor:pointer;box-shadow:0 6px 0 rgba(0,0,0,.06)}.btn.yellow{background:var(--yellow);color:#563d00}.btn.ghost,.top-btn{background:#eef2fb;color:#33406e;border:1px solid var(--line)}.btn.full{width:100%;margin-top:14px}.hidden{display:none!important}.notice{min-height:22px;margin-top:12px;font-weight:850;color:var(--muted)}.notice.error{color:#d83333}.notice.ok{color:#15945b}.dashboard-head{padding:24px;margin-bottom:18px}.account-mini{display:flex;align-items:center;gap:18px}.account-mini h1{font-size:42px;line-height:1;margin:12px 0 6px}.account-mini p{font-size:18px;color:var(--muted);font-weight:900;margin:0}.avatar.big{width:104px;height:104px;border-radius:30px;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar img{width:74%;height:74%;object-fit:contain}.g1{background:linear-gradient(135deg,#ffe477,#ff9b47)}.g2{background:linear-gradient(135deg,#7ae4ff,#377dff)}.g3{background:linear-gradient(135deg,#b4ff7a,#24c26a)}.g4{background:linear-gradient(135deg,#ff9bb6,#aa67ff)}.g5{background:linear-gradient(135deg,#ffd447,#ff6b35)}.g6{background:linear-gradient(135deg,#98a7ff,#4f46e5)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{padding:18px}.stat img{width:46px;height:46px;object-fit:contain}.stat span{display:block;color:var(--muted);font-weight:900;margin-top:10px}.stat b{display:block;font-size:30px;margin-top:6px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.action,.session{padding:22px;margin-bottom:18px}.inline{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:12px}.reward-overlay{position:fixed;inset:0;background:rgba(16,22,45,.62);z-index:50;display:flex;align-items:center;justify-content:center;padding:18px}.reward-box{width:min(620px,100%);background:#fff;border-radius:30px;padding:26px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.28);text-align:center}.reward-box h2{font-size:42px;margin:14px 0 20px}.close{position:absolute;right:18px;top:16px;border:0;background:#edf2fb;border-radius:12px;width:38px;height:38px;font-size:24px;cursor:pointer}.reward-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.reward-card{background:#f8faff;border:1px solid var(--line);border-radius:20px;padding:16px}.reward-card img{width:64px;height:64px;object-fit:contain}.reward-card span{display:block;color:var(--muted);font-weight:900}.reward-card b{display:block;font-size:26px;margin-top:6px}footer{padding:18px 4px;color:var(--muted);font-size:13px;font-weight:800}@media(max-width:900px){.hero,.auth,.grid2{grid-template-columns:1fr}.hero h1{font-size:44px}.stat-grid{grid-template-columns:repeat(2,1fr)}.inline{grid-template-columns:1fr}.btn{width:100%}}
#profileName span{font-weight:1000;text-shadow:0 2px 8px rgba(0,0,0,.12)}.colored-name span{font-weight:1000}


/* Banan ID refined premium accents */
.brand b,.gradient-text,.hero h1,.auth h2,.action h2,.session h2,.reward-box h2{background:linear-gradient(90deg,#202858,#3568ff,#8b5cf6,#ffb800,#202858);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:bananShift 6s linear infinite}
@keyframes bananShift{0%{background-position:0% 50%}100%{background-position:220% 50%}}
.card{position:relative;overflow:hidden}
.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(53,104,255,.12),transparent 34%,rgba(255,212,71,.14));opacity:.75}
.card>*{position:relative}.chip{background:linear-gradient(90deg,#fff0a3,#e9f0ff);border-color:#d6def8}.btn.yellow{background:linear-gradient(90deg,#ffd447,#ffb833);box-shadow:0 8px 0 rgba(128,88,0,.14),0 16px 35px rgba(255,180,30,.18)}
.btn.yellow:hover{filter:saturate(1.08);transform:translateY(-1px)}
input:focus{border-color:#7f9fff;box-shadow:0 0 0 4px rgba(55,125,255,.12),0 10px 24px rgba(55,125,255,.08)}
.mail-ticket b{background:var(--brand-text-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.06)}
.stat b{background:var(--brand-text-gradient-soft);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.06)}
#profileName span,.colored-name span{font-weight:1000;text-shadow:0 2px 8px rgba(0,0,0,.10)}

.button-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.btn.danger{color:#b42334;background:#fff1f3;border-color:#ffd0d8}.history-list{display:grid;gap:10px;margin-top:16px}.history-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f8faff;border:1px solid var(--line);border-radius:18px;padding:14px 16px}.history-row b{display:block;font-size:15px}.history-row span{display:block;color:var(--muted);font-size:13px;font-weight:900;margin-top:3px}.history-row small{color:var(--muted);font-weight:800;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.history-empty{color:var(--muted);font-weight:850;background:#f8faff;border:1px dashed var(--line);border-radius:18px;padding:18px}.session p b{color:#202858}.hero h1,.auth h2,.action h2,.session h2{background:var(--brand-text-gradient);background-size:180% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:bananShift 8s linear infinite;text-shadow:0 2px 10px rgba(0,0,0,.06)}@media(max-width:900px){.button-row{grid-template-columns:1fr}.history-row{align-items:flex-start;flex-direction:column}.history-row small{max-width:100%;text-align:left}}

.session-list{display:grid;gap:10px;margin-top:16px}.session-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f8faff;border:1px solid var(--line);border-radius:18px;padding:14px 16px}.session-row b{display:block;font-size:15px}.session-row span,.session-row small{display:block;color:var(--muted);font-size:13px;font-weight:900;margin-top:3px}.session-row small{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-row em{font-style:normal;color:#15945b;font-weight:1000;background:#e8fff4;border:1px solid #bcf2d6;border-radius:999px;padding:8px 11px}.mini-danger{border:0;border-radius:12px;background:#fff1f3;color:#b42334;border:1px solid #ffd0d8;font-weight:1000;padding:10px 12px;cursor:pointer}@media(max-width:900px){.session-row{align-items:flex-start;flex-direction:column}.session-row small{max-width:100%}.mini-danger{width:100%}}

.session-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fffaf0;border:1px solid #ffe0a3;border-radius:18px;padding:14px 16px;margin-bottom:10px}
.session-tools small{color:var(--muted);font-weight:900;line-height:1.35}
@media(max-width:900px){.session-tools{align-items:flex-start;flex-direction:column}.session-tools .mini-danger{width:100%}}
.sessions-main{border-color:#f0d270;background:linear-gradient(145deg,#ffffff,#fffdf3)}
.sessions-main h2{background:var(--brand-text-gradient-soft);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.06)}
.session-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 12px}
.session-tools small{color:var(--muted);font-weight:800}
.session-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:18px;background:#f8faff;padding:14px;margin-top:10px}
.session-row b{display:block;font-size:15px}.session-row span{display:block;color:var(--muted);font-size:13px;font-weight:850;margin-top:4px}.session-row small{display:block;color:#6e7695;font-weight:850;margin-top:4px}.mini-danger{border:1px solid #ffb5bd;background:#fff0f2;color:#b22d3b;border-radius:14px;padding:10px 14px;font-weight:1000;cursor:pointer;white-space:nowrap}


.top-actions{display:flex;align-items:center;gap:10px}.live-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#eef8ff;color:#2b4b76;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:1000}.live-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.14)}
.history-section{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-bottom:18px}.wide{min-width:0}.history-row{align-items:flex-start}.history-row div{min-width:0;width:100%}.history-row b{font-size:16px}.history-row span{white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word;line-height:1.35}.history-row small{display:none}.session-list,.history-list{min-width:0}.card{min-width:0}
@media(max-width:900px){.top-actions{gap:6px}.live-pill{display:none}.history-section{grid-template-columns:1fr}.history-row{padding:13px 14px}}


.code-modal{position:fixed;inset:0;z-index:70;background:rgba(20,28,52,.58);display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(8px)}
.code-modal-box{width:min(480px,100%);position:relative;background:linear-gradient(145deg,#ffffff,#fffdf4);border:1px solid var(--line);border-radius:30px;padding:26px;box-shadow:0 28px 90px rgba(20,28,52,.28)}
.code-modal-box h2{margin:12px 0 8px;font-size:30px;letter-spacing:-.04em;background:var(--brand-text-gradient-soft);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.06)}
.code-modal-box p{color:var(--muted);font-weight:850;line-height:1.5;margin:0 0 12px}
.code-modal-box input{font-size:24px;text-align:center;letter-spacing:5px;font-weight:1000}
.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
@media(max-width:560px){.modal-actions{grid-template-columns:1fr}.code-modal-box h2{font-size:26px}}
.admin-results{display:grid;gap:10px;margin-top:14px}.admin-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(255,185,70,.18);box-shadow:0 10px 24px rgba(16,24,40,.06)}.admin-row b{display:block;font-size:15px}.admin-row span{display:block;color:#64748b;font-size:13px;margin-top:3px;word-break:break-all}.admin-row small{display:block;color:#94a3b8;margin-top:3px}.admin-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.session-row small,.history-row span{overflow-wrap:anywhere}.session-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.button-row{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:720px){.admin-row{display:grid}.admin-actions{justify-content:flex-start}.inline{display:grid;gap:8px}.inline input,.inline button{width:100%}}

/* Banan ID v5.4 */
.tab-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.tab-nav button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 16px;font-weight:1000;color:var(--text);cursor:pointer;box-shadow:0 8px 22px rgba(53,78,140,.08)}.tab-nav button.active{background:linear-gradient(90deg,#ffb300,#ff7a00 35%,#ff3d5e 70%,#b942ff);color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(255,122,0,.22)}.tab-nav button.hidden{display:none}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:1000}.status-pill.ok{background:#e9fff4;color:#127a45;border:1px solid #c4f4d8}.status-pill.danger{background:#fff1f3;color:#b42334;border:1px solid #ffd0d8}.admin-card{grid-column:1/-1}.admin-account-card{display:grid;gap:16px;background:linear-gradient(145deg,#fff,#fffdf4);border:1px solid #f0d270;border-radius:24px;padding:18px;box-shadow:0 14px 34px rgba(53,78,140,.10)}.admin-profile{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-title b{display:block;font-size:24px;line-height:1.1}.admin-title span{display:inline-flex;margin-top:6px;color:#6e7695;font-weight:1000}.admin-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-facts div{background:#f8faff;border:1px solid var(--line);border-radius:16px;padding:12px;min-width:0}.admin-facts small{display:block;color:#77809c;font-size:11px;font-weight:1000;text-transform:uppercase}.admin-facts b{display:block;margin-top:5px;overflow-wrap:anywhere}.admin-actions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.support-note-box{display:grid;gap:10px;background:#f8faff;border:1px solid var(--line);border-radius:18px;padding:14px}.support-note-box label,.code-modal-box label{font-weight:1000;color:#202858}.support-note-box textarea{width:100%;min-height:92px;border:1px solid var(--line);border-radius:16px;padding:12px;font:inherit;font-weight:850;color:var(--text);resize:vertical;background:#fff}.admin-log{display:grid;gap:8px}.admin-log>b{font-size:16px}.admin-log div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 12px}.admin-log span{display:block;font-weight:1000}.admin-log small{display:block;color:#77809c;font-weight:850;margin-top:3px}.admin-log p{margin:0;color:var(--muted);font-weight:850}.code-modal-box select{width:100%;border:1px solid var(--line);border-radius:18px;padding:14px 16px;margin:6px 0 12px;font:inherit;font-weight:900;color:var(--text);background:#fff}
@media(max-width:900px){.admin-facts{grid-template-columns:1fr}.admin-actions-grid{grid-template-columns:1fr}.admin-profile{display:grid}.tab-nav button{flex:1 1 auto}}

/* Banan ID v5.8 — аккуратные SPIKE-like градиенты только на ключевых элементах */
.hero h1,
.auth h2,
.action h2,
.session h2,
.sessions-main h2,
.code-modal-box h2,
.stat b,
.admin-title b {
  background: none !important;
  color: var(--text) !important;
  text-shadow: none !important;
  animation: none !important;
}

.brand b,
.hero h1,
.mail-ticket b {
  background: var(--brand-text-gradient) !important;
  background-size: 180% auto !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.10) !important;
}

.brand small {
  color: var(--muted) !important;
  font-weight: 900;
}

.mail-ticket span,
.chip,
.card .chip,
.hero-copy .chip,
.dashboard-head .chip,
.code-modal-box .chip {
  background: linear-gradient(90deg,#fff0a3,#e9f0ff) !important;
  color: #4a536d !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
}

.tab-nav button.active {
  background: linear-gradient(90deg,#ffb300,#ff7a00 45%,#c52cff) !important;
  color: #fff !important;
  border-color: transparent !important;
}