@import url('https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@400;500;600;700&display=swap');
:root{--bg:#0d0f12;--panel:#171a1f;--panel2:#20242b;--text:#f5f7fa;--muted:#9aa3ad;--line:#303640;--accent:#ff6a00;--good:#21c77a;--bad:#ef4f5f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Oswald,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#111419;border-bottom:1px solid var(--line)}.brand{font-family:Anton,sans-serif;font-size:28px;letter-spacing:1px}.product{margin-left:12px;color:var(--muted);font-weight:600}.top-actions{display:flex;gap:8px;align-items:center}.top-actions form{margin:0}.dashboard{max-width:1500px;margin:0 auto;padding:18px;display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 14px 30px rgba(0,0,0,.18)}.status-panel,.preview-panel,.goals-panel,.settings-panel,.appearance-panel,.font-panel,.history-panel{grid-column:span 6}.preview-panel{grid-column:span 12}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel h2{margin:0;font-size:22px}.badge{padding:5px 9px;border-radius:999px;background:var(--good);color:#08120d;font-size:13px;font-weight:700}.badge.off{background:var(--bad);color:#fff}.badge.neutral{background:#2b313a;color:#dce2e9}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{background:var(--panel2);border:1px solid var(--line);padding:12px;border-radius:12px}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{font-size:22px}.actions{display:flex;gap:8px;margin-top:14px}.wrap{flex-wrap:wrap}.button{border:1px solid #3a414b;background:#252a31;color:#fff;padding:9px 13px;border-radius:10px;cursor:pointer}.button:hover{filter:brightness(1.12)}.button.primary{background:var(--accent);border-color:var(--accent);color:#111;font-weight:700}.button.ghost{background:transparent}.button.small{padding:5px 9px;font-size:13px}.hint{color:var(--muted);font-size:13px;margin:10px 0 0}.preview-shell{position:relative;width:100%;aspect-ratio:16/9;background:#060708;border:1px solid var(--line);border-radius:12px;overflow:hidden}.preview-shell iframe{position:absolute;inset:0;width:1920px;height:1080px;border:0;transform-origin:top left;transform:scale(var(--preview-scale, .5));pointer-events:none}.goal-list{display:flex;flex-direction:column;gap:8px}.goal-row{display:grid;grid-template-columns:110px 1fr 105px 105px auto auto;gap:8px;align-items:center;background:var(--panel2);padding:9px;border:1px solid var(--line);border-radius:11px}.goal-row input[type=number],.goal-row input[type=text],.goal-add input,.settings-line input,.settings-line select,.appearance-grid input,.appearance-grid select{width:100%;background:#101318;border:1px solid #343b46;color:#fff;border-radius:8px;padding:8px}.check{display:flex;align-items:center;gap:6px;color:#d7dde4;font-size:14px}.goal-add{display:grid;grid-template-columns:180px 1fr auto;gap:8px;margin-top:10px}.settings-line{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.settings-line label{min-width:180px;color:var(--muted);font-size:13px}.appearance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.appearance-grid label{color:var(--muted);font-size:13px}.appearance-grid input[type=color]{height:38px;padding:3px}.font-upload{display:flex;gap:10px;align-items:center}.history{max-height:360px;overflow:auto;display:flex;flex-direction:column;gap:6px}.history-item{display:grid;grid-template-columns:165px 130px 1fr;gap:8px;padding:7px 9px;background:#111419;border-radius:8px;font-size:13px}.history-time,.history-type{color:var(--muted)}.mono{font-family:ui-monospace,Consolas,monospace;color:var(--muted);font-size:12px}.toast{position:fixed;right:20px;bottom:20px;background:#252a31;border:1px solid #3a414b;padding:11px 14px;border-radius:10px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:none}.error{margin-top:12px;color:#ff7b86}.login-body{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,92vw);background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:18px}.login-card h1{margin:0;font-size:38px}.login-card p{color:var(--muted)}.login-form{display:flex;flex-direction:column;gap:12px}.login-form label{color:var(--muted);font-size:13px}.login-form input{display:block;width:100%;margin-top:5px;padding:11px;background:#101318;border:1px solid #343b46;border-radius:9px;color:#fff}.login-form button{padding:11px;border:0;border-radius:9px;background:var(--accent);font-weight:700;cursor:pointer}
@media(max-width:1000px){.status-panel,.goals-panel,.settings-panel,.appearance-panel,.font-panel,.history-panel{grid-column:span 12}.stats-grid{grid-template-columns:repeat(2,1fr)}.appearance-grid{grid-template-columns:repeat(2,1fr)}.goal-row{grid-template-columns:90px 1fr}.goal-row>*{min-width:0}}


/* v1.0.1 — navigazione a schede */
.admin-tabs{
  position:sticky;top:63px;z-index:18;
  display:flex;gap:8px;overflow-x:auto;
  padding:10px max(18px,calc((100vw - 1500px)/2 + 18px));
  background:#0f1216;border-bottom:1px solid var(--line);
  scrollbar-width:thin
}
.tab-button{
  flex:0 0 auto;border:1px solid #343b46;background:#171a1f;color:#cbd2da;
  padding:9px 16px;border-radius:10px;cursor:pointer;font-weight:600
}
.tab-button:hover{background:#20242b;color:#fff}
.tab-button.active{background:var(--accent);border-color:var(--accent);color:#111}
.tab-page{display:none;grid-column:1/-1;grid-template-columns:repeat(12,1fr);gap:16px}
.tab-page.active{display:grid}
.tab-page>.panel{grid-column:span 6}
.tab-page>.preview-panel{grid-column:span 12}
.tab-page[data-page="twitch"]>.panel,
.tab-page[data-page="fonts"]>.panel,
.tab-page[data-page="history"]>.panel{grid-column:span 12}
.test-panel{grid-column:span 6}
.test-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.test-button{
  min-height:86px;text-align:left;padding:15px 18px;
  display:flex;flex-direction:column;justify-content:center;gap:3px;
  border-color:#4a515c;background:#242a32
}
.test-button:hover{border-color:var(--accent)}
.test-button strong{font-size:21px}
.test-kicker{font-size:12px;color:var(--accent);font-weight:700;letter-spacing:.8px}
.test-hint{margin-top:-4px}
.twitch-panel{min-height:250px}
.font-panel{min-height:220px}
.history-panel .history{max-height:65vh}
@media(max-width:1000px){
  .admin-tabs{top:61px}
  .tab-page>.panel,.test-panel{grid-column:span 12}
  .test-actions{grid-template-columns:1fr}
}