:root{--navy:#101f35;--ink:#14243a;--muted:#617084;--accent:#087f78;--line:#e2e8ee;--bg:#f3f6f9;--white:#fff;--red:#b3323a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,a,input,textarea,select{transition:border-color .18s,background .18s,color .18s}button,a{cursor:pointer}button,input,textarea,select{font:inherit}button{border:1px solid var(--line);border-radius:7px;padding:9px 15px;background:#fff;color:var(--ink)}button:hover{background:#eef4f6}button:disabled{opacity:.55;cursor:wait}button.primary,.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:#066c65}.wide{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:13px 18px}button.text-button{border:0;background:transparent;padding:5px 8px;color:var(--muted)}:focus-visible{outline:3px solid #30b7a6;outline-offset:3px}input,textarea,select{display:block;width:100%;border:1px solid #ccd6df;border-radius:7px;background:#fff;padding:10px 12px;color:var(--ink);margin-top:6px;min-height:42px}textarea{min-height:100px;resize:vertical}label{display:block;margin:16px 0;font-size:13px;font-weight:600}code,pre,.mono{font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}code{background:#edf2f5;padding:3px 6px;border-radius:4px;overflow-wrap:anywhere}pre{background:#122136;color:#d3e8ec;border-radius:8px;padding:22px;white-space:pre-wrap;overflow-wrap:anywhere}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.1px;font-size:18px}.brand-mark{display:grid;place-items:center;background:var(--accent);border-radius:9px;width:35px;height:35px;color:#fff;font-size:21px;font-weight:800}.sidebar{position:fixed;width:238px;inset:0 auto 0 0;background:var(--navy);color:#e5eef7;padding:30px 22px;display:flex;flex-direction:column}.nav-label{font-size:11px;letter-spacing:1.5px;color:#8da0b8;margin:42px 14px 12px}nav{display:grid;gap:6px}nav a{padding:12px 16px;border-radius:7px;color:#afc0d1;border-left:3px solid transparent}nav a:hover{background:#1b3049;color:#fff}nav a.active{background:#193e47;color:#adf1e7;border-left-color:#37c7ac}.sidebar-footer{margin-top:auto;border-top:1px solid #2a394e;padding-top:20px;font-size:12px;color:#a9bdcf}.sidebar-footer small{display:block;margin-top:8px;color:#7a91a9;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;background:#41cfae;border-radius:50%;margin-right:5px}.workspace{margin-left:238px;min-height:100vh}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff;border-bottom:1px solid var(--line)}.user-tools{display:flex;align-items:center;gap:18px;font-size:13px}.user-tools form{margin:0}main{max-width:1560px;padding:34px 38px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}h1{font-size:28px;line-height:1.25;letter-spacing:-.6px;margin:8px 0 10px}h2{font-size:18px;margin:0 0 10px}h3{font-size:14px;margin:0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--accent)}.muted{color:var(--muted)}p{margin:8px 0}.small{font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.stat{padding:22px}.stat .number{font-size:32px;line-height:1.3;font-weight:650;letter-spacing:-1px;margin:13px 0 3px}.stat .stat-label{font-size:12px;color:var(--muted)}.panel{padding:24px;margin-bottom:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.panel-heading input{max-width:300px;margin:0}.grid-two{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;white-space:nowrap}th{color:var(--muted);font-size:11px;background:#f8fafc;font-weight:600;letter-spacing:.2px}th,td{padding:14px 12px;border-bottom:1px solid #ecf0f4}td.wrap{white-space:normal;min-width:170px}tbody tr:hover{background:#fbfcfe}.badge{display:inline-block;border-radius:5px;background:#e7f5ef;color:#167354;font-size:11px;padding:3px 8px}.badge.off{background:#f7e9e9;color:#a13d45}.badge.warn{background:#fff4db;color:#91641b}.row-actions{display:flex;gap:6px;align-items:center}.row-actions button{padding:5px 9px;font-size:12px}.notice{background:#eaf5f3;border:1px solid #cbe6df;color:#206e5d;padding:13px 16px;border-radius:7px;margin:18px 0;font-size:13px}.notice.danger{background:#fff0f0;border-color:#f2cccc;color:#a33743}.empty{text-align:center;padding:46px 15px;color:var(--muted)}.details-list{display:grid;grid-template-columns:145px 1fr;gap:12px;font-size:13px}.details-list dd{margin:0;overflow-wrap:anywhere}.details-list dt{color:var(--muted)}.pill-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.pill-list code{font-size:11px}footer{padding:8px 38px 28px;color:#8a97a6;font-size:11px}#toast{position:fixed;right:28px;bottom:28px;z-index:20;max-width:90vw;background:#173e3a;color:#fff;padding:14px 24px;border-radius:8px;box-shadow:0 10px 30px #071c3620}dialog{border:1px solid var(--line);border-radius:12px;width:min(590px,calc(100vw - 32px));max-height:88vh;padding:26px;color:var(--ink)}dialog::backdrop{background:#0d1e3466;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.dialog-heading h2{margin:0}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.checkbox-label{display:flex;gap:10px;align-items:center}.checkbox-label input{width:16px;min-height:auto;margin:0}.login-page{background:#f6f8fa}.login-layout{display:grid;grid-template-columns:1.2fr 1fr;max-width:1150px;padding:0;margin:9vh auto;min-height:670px;border:1px solid #dde5ed;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 20px 80px #1734510b}.login-story{background:var(--navy);color:#fff;padding:44px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.login-story .eyebrow{color:#79c7c0}.login-story h1{font-size:49px;line-height:1.3;letter-spacing:-2px;margin:20px 0}.login-story p{color:#a7bbcd;line-height:1.9;max-width:320px}.login-story small{color:#8fa9bf;font-size:11px}.connection-diagram{display:flex;align-items:center;gap:9px;margin-top:36px;font-size:11px;color:#b0c4d4}.connection-diagram strong{border:1px solid #427278;color:#a1eee0;border-radius:7px;padding:14px 12px}.connection-diagram i{height:1px;background:#3d6470;flex:1}.login-card{padding:95px 54px;align-self:center}.login-card h2{font-size:25px;margin:13px 0}.login-help{font-size:12px;color:var(--muted);margin-top:30px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:20px}.progress{height:5px;background:#edf1f5;border-radius:3px;margin-top:6px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);width:0}body{overflow-x:hidden}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.sidebar{width:210px;padding:28px 16px}.workspace{margin-left:210px}main{padding:28px 24px}.topbar{padding:0 24px}.login-layout{margin:5vh 20px}.login-story{padding:34px}.login-story h1{font-size:40px}.login-card{padding:65px 36px}}@media(max-width:760px){.sidebar{position:relative;width:100%;padding:18px;display:block}.nav-label,.sidebar-footer{display:none}nav{display:flex;overflow-x:auto;gap:5px;margin-top:16px}nav a{white-space:nowrap;padding:9px 12px;font-size:12px}.workspace{margin-left:0}.topbar{height:58px;padding:0 18px;font-size:12px}main{padding:24px 16px}.page-heading{align-items:flex-start}h1{font-size:23px}.panel{padding:18px}.stats{gap:10px}.stat{padding:17px}.stat .number{font-size:28px}.panel-heading{align-items:flex-start;flex-wrap:wrap}.panel-heading input{max-width:100%}.login-layout{display:block;margin:20px 16px;min-height:0}.login-story{padding:28px}.login-story h1{font-size:32px;margin:18px 0}.login-story small,.connection-diagram{display:none}.login-story p{margin:0}.login-card{padding:34px 26px}.details-list{grid-template-columns:100px 1fr}footer{padding-left:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.interface-picker { border: 0; padding: 0; margin: 16px 0; min-width: 0; }
.interface-picker legend { font-weight: 600; }
.interface-options { max-height: 210px; overflow: auto; border: 1px solid var(--line); border-radius: 7px; padding: 4px 12px; }
.interface-options .checkbox-label { margin: 9px 0; }

button.danger-button { color: var(--red); }
button.danger-button:hover { background: #fff0f0; }

.list-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; margin: 0 0 16px; }
.list-filters label { flex: 1 1 130px; min-width: 0; margin: 0; }
.list-filters input, .list-filters select { width: 100%; min-width: 0; }
.list-filter-actions { display: flex; gap: 8px; }
.pagination { flex-wrap: wrap; }
.pagination select { width: auto; margin: 0; }

.sidebar {
 background: linear-gradient(155deg, #182d46, #101f35 55%);
 border-right: 1px solid #23384e;
 overflow-y: auto;
}
.sidebar .brand { min-height: 44px; }
.sidebar nav { margin: 30px 0 20px; gap: 5px; }
.sidebar nav a {
 display: flex; align-items: center; gap: 10px; min-height: 44px;
 padding: 10px 12px; border: 1px solid transparent; border-radius: 9px;
}
.sidebar nav a::before {
 content: ''; width: 7px; height: 7px; border: 1px solid #8aa5bd; border-radius: 2px; flex: none;
}
.sidebar nav a.active {
 background: #224852; border-color: #34636a; color: #c4f6ee; font-weight: 600;
}
.sidebar nav a.active::before { background: #75e2cb; border-color: #75e2cb; }
.nav-toggle { display: none; }
.workspace, .grid-two > *, .panel, .stat { min-width: 0; }

@media (max-width: 760px) {
 .sidebar {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 12px;
  align-items: center; overflow: visible;
  padding: max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 10px max(14px, env(safe-area-inset-left));
 }
 .nav-toggle {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px;
  background: #223a51; border-color: #39546d; color: #eff6fc;
 }
 .nav-toggle:hover { background: #2b4961; }
 .menu-icon { width: 14px; height: 11px; border-block: 1px solid currentColor; position: relative; }
 .menu-icon::after { content: ''; position: absolute; inset: 4px 0 auto; border-top: 1px solid currentColor; }
 .sidebar nav { display: none; grid-column: 1 / -1; margin: 10px 0 0; overflow: visible; }
 .nav-toggle[aria-expanded="true"] + nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .sidebar nav a { white-space: normal; }
 .topbar { height: auto; min-height: 52px; gap: 8px; padding: 4px 14px; }
 .user-tools { gap: 6px; min-width: 0; }
 .user-tools > span { overflow-wrap: anywhere; }
 .user-tools button { min-height: 44px; white-space: nowrap; }
 .workspace main { padding: 20px 12px; }
 .page-heading { flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
 .page-heading h1 { margin-top: 0; }
 .panel { padding: 14px; margin-bottom: 14px; }
 .panel-heading { margin-bottom: 10px; }
 .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 14px; }
 .stat { padding: 12px; }
 .stat .number { font-size: 24px; overflow-wrap: anywhere; }
 .grid-two { gap: 0; }
 .list-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
 .list-filter-actions { grid-column: 1 / -1; }
 .list-filter-actions button { flex: 1; }
 input, select, textarea { font-size: 16px; max-width: 100%; }
 button, .row-actions button { min-height: 44px; }
 .pagination { justify-content: flex-start; gap: 8px; }
 .pagination select { min-height: 44px; }
 .table-scroll { overflow: visible; }
 table, tbody { display: block; white-space: normal; }
 thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
 tbody { display: grid; gap: 10px; }
 tbody tr { display: block; border: 1px solid var(--line); border-radius: 8px; padding: 6px 10px; }
 td {
  display: grid; grid-template-columns: minmax(72px, 30%) minmax(0, 1fr); align-items: start;
  gap: 8px; padding: 7px 0; overflow-wrap: anywhere;
 }
 td::before { content: attr(data-label); color: var(--muted); font-size: 12px; }
 td:last-child { border-bottom: 0; }
 td[data-label="操作"] { grid-template-columns: minmax(0, 1fr); }
 td[data-label="操作"]::before { display: none; }
 td > .badge, td > button, td > code { justify-self: start; max-width: 100%; }
 .row-actions { flex-wrap: wrap; }
 dialog { width: calc(100% - 20px); max-height: 88dvh; padding: 16px; overflow-y: auto; }
 .form-actions button { flex: 1; }
 .interface-options { max-height: min(210px, 30dvh); }
 #toast { right: 12px; left: 12px; bottom: max(12px, env(safe-area-inset-bottom)); max-width: none; }
 footer { padding-bottom: max(18px, env(safe-area-inset-bottom)); }
 .login-layout { margin: 12px; }
 .login-story { padding: 18px 20px; }
 .login-story > div { display: none; }
 .login-card { padding: 24px 20px; }
}

.analytics-toolbar { display: flex; align-items: end; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 14px; }
.analytics-toolbar label { margin: 0; min-width: 150px; }
.analytics-toolbar > span { padding-bottom: 7px; }
.analytics-kpis .number { overflow-wrap: anywhere; }
.analytics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.analytics-bars, .interface-ranking { display: grid; gap: 12px; }
.analytics-bar-label { display: flex; align-items: baseline; justify-content: space-between; gap: 4px 12px; flex-wrap: wrap; }
.analytics-bar-label strong { font-size: 13px; font-variant-numeric: tabular-nums; }
.analytics-bar-row, .interface-ranking li { min-width: 0; }
.analytics-bar-row progress, .interface-ranking progress { width: 100%; height: 9px; }
.analytics-bar-row progress, .interface-ranking progress, .trend-day progress {
 display: block; margin-top: 6px; accent-color: var(--accent);
}
.analytics-bar-row.tone-error progress { accent-color: var(--red); }
.analytics-bar-row.tone-warning progress { accent-color: #a46411; }
.latency-metrics, .service-overview { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin-bottom: 14px; }
.latency-metrics > div { padding: 8px; background: #f2f6f9; border-radius: 6px; }
.latency-metrics strong { display: block; overflow-wrap: anywhere; }
.service-overview { grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0; }
.service-overview .stat { padding: 12px; }
.service-overview .number { font-size: 22px; }
.interface-ranking { margin: 0; padding-left: 24px; }
.interface-ranking li::marker { color: var(--muted); font-variant-numeric: tabular-nums; }
.trend-scroll { overflow-x: auto; padding-bottom: 8px; }
.trend-columns { display: flex; gap: 8px; }
.trend-day { flex: 1 0 38px; display: grid; justify-items: center; gap: 4px; font-size: 11px; }
.trend-day progress { width: 16px; height: 100px; writing-mode: vertical-lr; direction: rtl; }
@media (max-width: 760px) {
 .analytics-grid { grid-template-columns: minmax(0,1fr); }
 .analytics-toolbar label { flex: 1 1 140px; }
 .analytics-toolbar > span { padding-bottom: 0; }
 .analytics-kpis .number { font-size: clamp(17px,5vw,24px); }
 .service-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* Shared console theme */
:root {
 color-scheme: dark;
 --navy: #0a1422;
 --bg: #080f1a;
 --ink: #e8f2ff;
 --muted: #9aafc7;
 --accent: #65e8df;
 --line: #25384f;
 --surface: #101d2e;
 --field: #0b1625;
 --raised: #17273b;
 --red: #ff9ca9;
 --warning: #ffd18b;
 --data-blue: #8ebcff;
}
body {
 background: radial-gradient(ellipse at 78% 0%, #122742 0, transparent 48%), var(--bg);
}
.workspace main { max-width: 1520px; }
.page-heading { border-bottom: 1px solid var(--line); padding-bottom: 18px; }
.page-heading h1 { margin-top: 0; letter-spacing: -.03em; }
.topbar { background: #0c1726; }
.sidebar {
 background: linear-gradient(164deg, #11243a, #0a1422 48%);
 border-color: var(--line);
}
.sidebar .brand { color: #f0f8ff; letter-spacing: .02em; }
.brand-mark {
 background: linear-gradient(145deg, #a7fff0, #52d6e5);
 color: #091723; border-radius: 10px; box-shadow: 0 0 18px #54e4dd25;
}
.sidebar nav { border-top: 1px solid var(--line); padding-top: 18px; margin-top: 22px; }
.sidebar nav a { color: #abc0d7; }
.sidebar nav a:hover { color: var(--ink); background: var(--raised); }
.sidebar nav a.active {
 background: linear-gradient(90deg, #173e4b, #142b41);
 border-color: #365e72; color: #b9fff4;
 box-shadow: inset 3px 0 var(--accent);
}
.sidebar nav a.active::before { background: var(--accent); border-color: var(--accent); }
.sidebar-footer { color: var(--muted); border-color: var(--line); }
.stat, .panel {
 background: linear-gradient(155deg, #142337, var(--surface) 64%);
 border-color: var(--line); border-radius: 12px;
}
.panel-heading { border-bottom: 1px solid var(--line); padding-bottom: 10px; }
.panel-heading h2 { margin: 0; }
.analytics-kpis .stat { box-shadow: inset 0 2px #477692; }
.analytics-kpis .stat:nth-child(2) { box-shadow: inset 0 2px #4eb7ac; }
.analytics-kpis .stat:nth-child(3) { box-shadow: inset 0 2px #8886cb; }
.analytics-kpis .stat:nth-child(4) { box-shadow: inset 0 2px #c29b65; }
.stat .number, .latency-metrics strong, .trend-day strong {
 font-family: "IBM Plex Mono", ui-monospace, "SF Mono", Consolas, "PingFang SC", monospace;
 font-variant-numeric: tabular-nums;
}
.analytics-kpis .stat:nth-child(4) .number { font-size: clamp(16px, 2vw, 24px); margin-block: 16px 7px; }
.analytics-primary { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 22px; }
.analytics-primary > * { min-width: 0; }
.trend-columns {
 background: repeating-linear-gradient(to top, transparent 0 31px, #263c55 31px 32px);
 border-bottom: 1px solid var(--line); padding: 9px 4px;
}
.trend-day progress { height: 132px; accent-color: var(--data-blue); }
.latency-metrics > div { background: var(--field); border: 1px solid var(--line); }
.analytics-bar-row.tone-warning progress { accent-color: var(--warning); }
.interface-ranking li + li { border-top: 1px solid var(--line); padding-top: 10px; }
button, input, textarea, select {
 background: var(--field); color: var(--ink); border-color: #3b516b;
}
button:hover:not(:disabled) { background: #20364e; border-color: #64829c; }
button.primary, .primary { color: #071a23; background: var(--accent); border-color: var(--accent); font-weight: 700; }
button.primary:hover:not(:disabled) { background: #a0f9ed; border-color: #a0f9ed; }
button.text-button:hover:not(:disabled) { color: var(--ink); }
button.danger-button:hover:not(:disabled) { background: #392035; border-color: #814559; }
button:disabled { cursor: default; }
input::placeholder, textarea::placeholder { color: #92a6bf; }
input[type="checkbox"] { accent-color: var(--accent); }
:focus-visible { outline-color: var(--accent); }
th { background: var(--field); color: #b2c5da; }
th, td { border-color: var(--line); }
tbody tr:hover { background: var(--raised); }
code { background: #172d45; color: #b8dcff; }
.badge { background: #173b3a; color: #a2f6d7; }
.badge.off { background: #392338; color: var(--red); }
.badge.warn { background: #3c3026; color: var(--warning); }
.notice { background: #122c39; border-color: #29536a; color: #b5e7ee; }
.notice.danger { background: #362134; border-color: #764357; color: #ffc1cc; }
dialog { background: var(--surface); border-color: #45627c; box-shadow: 0 22px 72px #0008; }
dialog::backdrop { background: #050b14c9; }
.dialog-heading { border-bottom: 1px solid var(--line); padding-bottom: 12px; }
#toast { background: #123945; border: 1px solid #467b83; color: #dbfffa; }
.login-page { background: radial-gradient(ellipse at 21% 18%, #16334f, transparent 55%), var(--bg); }
.login-layout {
 min-height: 520px; background: var(--surface); border-color: #334e66;
 box-shadow: 0 24px 80px #0006;
}
.login-story {
 background:
  radial-gradient(ellipse at 22% 52%, #245e6945, transparent 70%),
  repeating-linear-gradient(0deg, #79dbf110 0 1px, transparent 1px 32px),
  repeating-linear-gradient(90deg, #79dbf110 0 1px, transparent 1px 32px),
  #0d2036;
 justify-content: flex-start; gap: 76px;
}
.login-story h1 { font-size: clamp(28px, 4vw, 48px); letter-spacing: -.04em; }
.login-story .connection-diagram { max-width: 400px; }
.login-card h2 { margin-top: 0; }
@media (max-width: 1100px) {
 .analytics-primary { grid-template-columns: minmax(0, 1fr); gap: 0; }
}
@media (max-width: 760px) {
 .sidebar { border-right: 0; border-bottom: 1px solid var(--line); }
 .sidebar nav { margin: 10px 0 0; padding-top: 10px; }
 .nav-toggle { background: var(--raised); }
 .analytics-primary { gap: 0; }
 tbody tr { background: var(--field); }
 .page-heading { padding-bottom: 12px; }
 .login-layout { min-height: 0; }
 .login-story { gap: 0; }
}

body { min-height: 100dvh; background-repeat: no-repeat; }
.login-page { display: grid; align-items: center; padding: 24px; }
.login-layout { width: 100%; margin: 0 auto; }
.analytics-bar-row progress, .interface-ranking progress, .trend-day progress {
 appearance: none;
 border: 0;
 border-radius: 4px;
 overflow: hidden;
 background: #233850;
 --chart-fill: var(--accent);
}
.trend-day progress { --chart-fill: var(--data-blue); width: 13px; }
.analytics-bar-row.tone-error progress { --chart-fill: var(--red); }
.analytics-bar-row.tone-warning progress { --chart-fill: var(--warning); }
progress::-webkit-progress-bar { background: transparent; }
progress::-webkit-progress-value { background: var(--chart-fill); border-radius: 4px; }
progress::-moz-progress-bar { background: var(--chart-fill); border-radius: 4px; }
@media (max-width: 760px) {
 .login-page { display: block; padding: 12px; }
}