:root{--ink:#17243a;--muted:#6a7890;--line:#e4eaf2;--blue:#255eea;--bg:#f4f7fb;--green:#147b5b;--amber:#a4650c;--red:#b74045}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.hidden{display:none!important}.topbar{min-height:86px;padding:18px max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:650}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:#16263e;color:#fff;border-radius:12px;font-size:15px;letter-spacing:1px}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:400}nav{display:flex;align-items:center;gap:22px;font-size:13px;color:var(--muted)}.text-button{border:0;background:none;color:var(--muted);padding:0}main{max-width:1240px;margin:0 auto;padding:42px 24px 20px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;color:#8190a8}h1{font-size:32px;letter-spacing:-.8px;margin:5px 0 7px;line-height:1.35}.heading p{color:var(--muted);margin:0}.account-label{border:1px solid #dce4f1;padding:8px 14px;border-radius:40px;background:#fff;font-size:12px;color:var(--muted);white-space:nowrap}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 3px 13px #233a631f;box-shadow:0 3px 16px #233a6305}.notice{padding:14px 18px;background:#edf3ff;color:#355580;border:1px solid #dbe6fc;border-radius:12px;font-size:13px;margin-bottom:22px}.notice.warning{background:#fff6e9;color:var(--amber);border-color:#f3dfb8}.notice.expired{background:#fff0f0;color:var(--red);border-color:#efcecf}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric{padding:21px 23px;min-height:130px}.metric>span{font-size:12px;color:var(--muted)}.metric strong{display:block;font-size:26px;line-height:1.4;font-weight:650;margin:9px 0 4px}.metric strong.date-value{font-size:18px;margin-top:14px;letter-spacing:.1px}.metric small{font-size:11px;color:#8793a7}.main-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}.update-panel,.consumers-panel,.history-panel{padding:27px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}h2{font-size:19px;letter-spacing:-.2px;margin:2px 0 0}.subtle-chip{font-size:10px;background:#f1f5fa;color:#7a879b;padding:5px 9px;border-radius:6px;white-space:nowrap}label{display:block;font-size:12px;font-weight:600;margin:0 0 8px}input,select{border:1px solid #d8e1ec;background:#fff;border-radius:8px;width:100%;min-height:43px;padding:9px 12px;color:var(--ink);outline:none;font-size:13px}input:focus,select:focus{border-color:#6790f2;box-shadow:0 0 0 3px #255eea12}input::placeholder{color:#a3afc0}.token-row{display:flex;gap:8px}.token-row input{min-width:0}.token-row button{white-space:nowrap;font-size:11px}.field-note{font-size:11px;line-height:1.7;color:#8995a8;margin:8px 0 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:23px}.primary,.secondary{border-radius:8px;padding:10px 16px;border:1px solid transparent;font-size:12px;font-weight:600;min-height:41px}.primary{background:var(--blue);color:#fff;box-shadow:0 3px 8px #255eea1a}.primary:hover{background:#1c50cd}.secondary{background:#fff;border-color:#dce4ef;color:#52617b}.secondary:hover{background:#f7f9fc}.actions{display:flex;gap:9px;margin-top:22px}.message{font-size:12px;min-height:18px;margin:12px 0 0;color:var(--green)}.message.error{color:var(--red)}.legacy-box{border-top:1px dashed var(--line);margin-top:19px;padding-top:19px}.legacy-box strong{font-size:12px;color:#596a83}.legacy-box p{font-size:11px;color:#8995a8;margin:5px 0 12px}.consumer{padding:17px 0;border-top:1px solid #edf1f6}.consumer:first-child{border-top:0;padding-top:0}.consumer-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.consumer-title{font-size:13px;font-weight:600}.badge{font-size:10px;border-radius:30px;padding:4px 9px;background:#eef4fc;color:#56729c;white-space:nowrap}.badge.good{background:#eaf7f1;color:var(--green)}.badge.pending{background:#f1f3f6;color:#8994a6}.badge.warning{background:#fff4e3;color:var(--amber)}.consumer-info{font-size:11px;color:#8b97a9;margin:6px 0 0}.consumer-error{font-size:11px;color:var(--red);margin:5px 0 0}.bottom-note{border-top:1px solid var(--line);padding-top:14px;margin-bottom:0}.history-panel{margin-top:24px}.history-panel .section-heading{margin-bottom:14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{font-weight:500;color:#8995a8;background:#f8fafc;text-align:left}th,td{padding:13px 14px;border-bottom:1px solid #edf1f6}td{color:#62718a}tbody tr:last-child td{border-bottom:0}.empty{text-align:center;color:#9aa5b6;padding:28px}.loading{padding:45px;color:var(--muted);text-align:center}footer{text-align:center;color:#9ba7b8;font-size:11px;margin:28px 0 14px}.login-panel{max-width:410px;margin:42px auto;padding:34px}.login-panel h2{margin-top:14px}.login-panel p{font-size:13px;color:var(--muted)}.login-icon{border-radius:10px;background:#eff4ff;color:var(--blue);font-size:12px;font-weight:700;display:grid;place-items:center;width:46px;height:46px}.login-panel label{margin-top:24px}.login-panel .primary{width:100%;margin-top:16px}@media(max-width:950px){.main-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}main{padding-top:30px}}@media(max-width:560px){.topbar{padding:15px 18px}nav{gap:12px;font-size:11px}.brand{font-size:12px}.brand-mark{width:35px;height:35px}.heading{display:block}.account-label{display:inline-block;margin-top:15px}h1{font-size:27px}main{padding:25px 16px}.metrics{gap:10px}.metric{padding:17px;min-height:124px}.metric strong.date-value{font-size:15px}.update-panel,.consumers-panel,.history-panel{padding:20px}.form-grid{grid-template-columns:1fr}.token-row{flex-wrap:wrap}.token-row input{flex-basis:100%}.section-heading{align-items:flex-start}.history-panel .section-heading{display:block}.history-panel .section-heading>span{display:block;margin-top:8px}}