:root{color-scheme:light dark}html,body{margin:0;padding:0}body{background:light-dark(#f5f6f8,#0e1927)}#sup-dashboard{border-radius:0;min-height:100vh}#sup-dashboard .su-shell{min-height:100vh}#sup-dashboard .su-aside{gap:22px}#sup-dashboard .su-nav button{opacity:.86}#sup-dashboard .su-main{max-width:1700px;width:100%;margin-inline:auto}#sup-dashboard .su-brand-panel{max-width:155px}#sup-dashboard .su-btn:disabled{cursor:wait;opacity:.55}#sup-dashboard button:focus-visible,#sup-dashboard a:focus-visible,#sup-dashboard input:focus-visible,#sup-dashboard select:focus-visible,#sup-dashboard textarea:focus-visible{outline:3px solid var(--su-brand);outline-offset:2px}#sup-dashboard .app-loading{padding:4rem;text-align:center}#sup-dashboard .app-auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}#sup-dashboard .app-auth-brand{display:flex;flex-direction:column;justify-content:center;padding:clamp(25px,7vw,110px);background:#0e1927;color:white;border-bottom:8px solid #ef8600}#sup-dashboard .app-auth-brand h1{font-size:clamp(30px,4vw,50px);line-height:1.15;margin:25px 0}#sup-dashboard .app-auth-brand p{color:#bdcad7;max-width:420px;font-size:16px}#sup-dashboard .app-auth-brand .su-brand-panel{width:175px;max-width:none}#sup-dashboard .app-auth-body{display:grid;place-items:center;padding:30px}#sup-dashboard .app-login-form{width:100%;max-width:360px}#sup-dashboard .app-login-form h2{font-size:25px;margin-bottom:8px}#sup-dashboard .app-fields{display:grid;gap:15px;margin:24px 0}#sup-dashboard .app-field{display:grid;gap:6px;font-size:13px;color:var(--su-muted)}#sup-dashboard .app-field input,#sup-dashboard .app-field select,#sup-dashboard .app-field textarea{border:1px solid var(--su-line);border-radius:7px;background:var(--su-panel);color:var(--su-text);padding:11px;font:inherit;min-width:0;width:100%;box-sizing:border-box}#sup-dashboard .app-login-submit{width:100%;padding:12px}#sup-dashboard .app-error{color:light-dark(#a02b20,#ffb4a6);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}#sup-dashboard .app-login-note{font-size:12px;color:var(--su-muted);margin-top:20px}#sup-dashboard .app-user{display:grid;gap:6px;word-break:break-word;font-size:12px;color:var(--su-navtext)}#sup-dashboard .app-user span{opacity:.7}#sup-dashboard .app-user button{margin-top:7px;color:var(--su-navtext);background:transparent;border:1px solid #607080;border-radius:6px;padding:7px}#sup-dashboard .su-live{padding:10px 13px;background:var(--su-soft);color:var(--su-text);border-left:3px solid var(--su-brand);border-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere}#sup-dashboard .su-live.su-error{color:light-dark(#a02b20,#ffb4a6)}#sup-dashboard .su-month{border:0;background:none;color:inherit;padding:0;cursor:pointer;font:inherit}#sup-dashboard .su-month:hover .su-month-fill{background:var(--su-blue)}#sup-dashboard .app-rank-link{display:block;border:0;background:none;text-align:left;padding:0;width:100%;color:inherit;font:inherit}#sup-dashboard .app-rank-link:hover .su-rank-label{text-decoration:underline}#sup-dashboard .app-link{border:0;background:transparent;color:var(--su-blue);padding:0;text-align:left;text-decoration:underline;font:inherit;cursor:pointer}#sup-dashboard .app-import-intro{margin-bottom:18px}#sup-dashboard .app-import-preview{margin-top:18px}#sup-dashboard .app-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}#sup-dashboard .app-check{display:flex;align-items:flex-start;gap:8px;font-size:13px;margin-top:14px}#sup-dashboard .app-check input{margin-top:4px}#sup-dashboard .app-summary{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0}#sup-dashboard .app-summary strong{font-size:22px;font-weight:500;display:block}#sup-dashboard .app-summary span{font-size:12px;color:var(--su-muted)}#sup-dashboard .app-warning{padding:8px 12px;border-left:3px solid var(--su-brand);font-size:13px;margin:10px 0}#sup-dashboard .app-pagebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;flex-wrap:wrap}#sup-dashboard .app-stage-button{display:block;width:100%;text-align:left;background:none;border:0;color:inherit;padding:0;font:inherit}#sup-dashboard .app-stage-button:hover .su-stage-text{text-decoration:underline}#sup-dashboard .app-caption{font-size:12px;color:var(--su-muted);margin-top:12px}#sup-dashboard .app-busy{opacity:.65;pointer-events:none}#sup-dashboard .app-import-scope{margin-top:15px;display:grid;gap:6px;font-size:12px}#sup-dashboard .su-upload{padding:18px}#sup-dashboard .su-upload input{font-size:13px}#sup-dashboard .app-saving-empty{padding:35px;max-width:750px;margin:auto}#sup-dashboard .app-saving-empty h2{margin-bottom:12px}#sup-dashboard .app-saving-empty p{color:var(--su-muted);margin-bottom:20px}#sup-dashboard a{color:var(--su-blue)}#sup-dashboard .app-auth a{color:inherit}#sup-dashboard .su-present-bar select{width:auto}#sup-dashboard .su-present-bar{font-size:12px}#sup-dashboard .app-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
@media(max-width:750px){#sup-dashboard .app-auth{grid-template-columns:1fr}#sup-dashboard .app-auth-brand{padding:24px}#sup-dashboard .app-auth-brand h1{font-size:26px;margin:13px 0}#sup-dashboard .app-auth-brand p{font-size:13px}#sup-dashboard .app-auth-brand .su-brand-panel{width:125px;margin:0}#sup-dashboard .app-auth-body{padding:35px 24px}#sup-dashboard .app-login-form{max-width:450px}}
@media(max-width:560px){#sup-dashboard .app-user{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#sup-dashboard .app-user button{margin:0}#sup-dashboard .su-aside{gap:12px}#sup-dashboard .app-field input,#sup-dashboard .app-field select,#sup-dashboard .app-field textarea{font-size:16px}#sup-dashboard .su-nav button{font-size:12px}}
