@charset "UTF-8";
:root {
  --bg:#0b111b;--panel:#121c2a;--panel2:#172334;--border:#263549;
  --ink:#edf3fb;--muted:#9baec4;--green:#43d8a4;--yellow:#f2c775;
  --red:#ff8793;--blue:#7abaff;--radius:16px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif;
  font-synthesis:none;color:var(--ink);background:var(--bg);font-size:15px;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 15% 0,rgba(65,111,163,.09),transparent 48%)}
button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.5}
a{color:inherit;text-decoration:none}h1,h2,h3,p,dl,dd{margin:0}
h1{font-size:32px;line-height:1.25;font-weight:760;letter-spacing:-.035em}
h2{font-size:17px;line-height:1.4;font-weight:750;letter-spacing:-.01em}
h3{font-size:14px;line-height:1.5;font-weight:700}
h2>.ti-server{font-size:17px;color:var(--blue);margin-right:7px}
.muted,.subtle{color:var(--muted)}.muted{font-size:13px;line-height:1.65}.subtle{font-size:12px;font-weight:400}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.hidden,[hidden]{display:none!important}
.eyebrow,.section-kicker{font-size:10px;letter-spacing:.14em;font-weight:750;color:var(--blue);line-height:1.7}
.topbar{min-height:70px;padding:12px max(28px,calc((100vw - 1444px)/2));border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px;background:rgba(14,22,34,.97)}
.brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.brand-light{color:var(--muted);font-weight:500;letter-spacing:.12em}
.brand-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--green);color:#09251c;font-size:22px;font-weight:850;letter-spacing:0;margin-right:3px}
.top-meta{display:flex;gap:18px;align-items:center}
.environment{display:inline-flex;gap:8px;align-items:center;padding:7px 11px;background:#172b36;border:1px solid #2b4b5c;border-radius:999px;font-size:12px;color:#a9d8e8;white-space:nowrap}
.dashboard{width:100%;max-width:1500px;padding:28px;margin:0 auto}
.page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}
.page-head>div:first-child,.heading-group,.panel-head>div:first-child:not(.range-control){display:flex;flex-direction:column;gap:2px;min-width:0}
.page-head h1,.page-head p,.page-head .eyebrow,.panel-head h2,.panel-head p{margin:0}
.freshness{display:grid;grid-template-columns:auto auto;column-gap:18px;row-gap:6px;align-items:center;justify-items:end;flex-shrink:0}
.freshness>.health{grid-column:1;grid-row:1}#updated{grid-column:1;grid-row:2;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.refresh-button{grid-column:2;grid-row:1/3}
.health{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;border:1px solid #245c4c;background:#132e29;color:var(--green);font-size:12px;font-weight:650;white-space:nowrap}
.health i{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor}
.health.warn{background:#30291c;border-color:#665236;color:var(--yellow)}
.health.bad{background:#35202d;border-color:#69404d;color:var(--red)}
.health.unknown{background:var(--panel2);border-color:var(--border);color:var(--muted)}
.quiet,.primary,.range-control button{height:44px;border-radius:999px;display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:0 17px;font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;border:1px solid var(--border);background:transparent;color:var(--muted)}
.quiet:hover,.range-control button:hover{border-color:#49627d;background:#1a2a3d;color:var(--ink)}
.primary{background:var(--green);border-color:transparent;color:#09251c}.primary:hover{background:#77e7bf}.topbar .quiet{border-color:transparent}
.notice{padding:13px 16px;margin:0 0 20px;border:1px solid #665236;border-radius:12px;background:#2b251b;color:var(--yellow);font-size:13px;line-height:1.7}
.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:24px}
.metric{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(150deg,#162334,var(--panel));min-width:0}
.metric-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);font-weight:600}
.metric-label i{font-size:17px;color:#7d9dbb}
.metric-number{font-size:38px;font-weight:650;line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:14px 0 10px;white-space:nowrap}
.metric-number small{font-size:15px;font-weight:500;letter-spacing:0;color:var(--muted);margin-left:6px}
.meter{height:6px;width:100%;background:#25374a;border-radius:999px;overflow:hidden;margin:12px 0}
.meter>span{display:block;height:100%;width:0;background:var(--green);border-radius:inherit;transition:width .35s}
.metric-detail,.metric-sub,.resource-caption{font-size:12px;line-height:1.65;color:var(--muted);font-variant-numeric:tabular-nums}
.metric-sub{min-height:20px}.metric:last-child .metric-number{margin-bottom:10px}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:0;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.06)}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 22px 18px}.panel-head .muted{margin:0}
.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:600;color:var(--muted);background:#1b293b;border:1px solid var(--border);border-radius:999px;white-space:nowrap}
.rds-panel{margin-bottom:24px;border-top-color:#3d6086}
.resource-meta{display:flex;flex-wrap:wrap;gap:8px;padding:0 22px 14px}
.resource-meta>span{display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:6px 10px;border-radius:7px;background:#1b2b3e;border:1px solid #2b4058;color:#b9cbdf}
.resource-meta i{color:var(--blue);font-size:12px}
.rds-sync{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 22px 18px;color:var(--muted);font-size:11px;line-height:1.6;font-variant-numeric:tabular-nums}
.rds-sync>span:last-child{white-space:nowrap}.rds-sync i{margin-right:4px}.rds-panel>.notice{margin:0 22px 16px}
.rds-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 22px}
.resource-card{padding:18px 18px 15px;min-width:0;border:1px solid #2b3e54;background:linear-gradient(135deg,#192b40,#142232);border-radius:12px}
.resource-card .metric-number{font-size:40px;color:#f1f6ff;margin:12px 0 3px}.resource-card:first-child .metric-number{color:#a8cfff}
.resource-card .resource-caption{min-height:20px;font-size:11px}
.capacity-facts{display:grid;gap:9px;padding:14px 0;margin:4px 0 10px;border-top:1px solid #2a3e55;border-bottom:1px solid #2a3e55}
.capacity-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.capacity-facts dt{font-size:12px;color:var(--muted)}
.capacity-facts dd{font-size:14px;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.capacity-facts .subtle{font-size:10px}
.resource-card>.metric-detail{font-size:10px;line-height:1.65;min-height:17px}
.resource-explanation{display:flex;align-items:flex-start;gap:8px;margin:13px 22px 17px;font-size:11px;line-height:1.7;color:var(--muted)}
.resource-explanation>i{margin-top:3px;color:var(--blue);flex-shrink:0}
.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px 4px;border-top:1px solid var(--border)}.detail-heading .subtle{font-size:10px}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;padding:0 22px 14px}
.facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;min-width:0;padding:13px 0;border-top:1px solid #24354a}
.facts dt{font-size:12px;color:var(--muted)}.facts dd{font-size:13px;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.rds-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 22px;padding-top:5px;padding-bottom:17px}
.rds-facts>div{flex-direction:column;gap:6px;padding:13px 0 10px}.rds-facts dd{text-align:left;font-size:14px;font-weight:650}
.rds-facts dd small{font-size:10px;font-weight:400;color:var(--muted);display:block;margin-top:4px}.rds-facts dt{font-size:11px}
.rds-history{background:#0f1927;border-top:1px solid var(--border)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
.rds-history>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;font-size:13px;font-weight:650}
.rds-history>summary>span:first-child{display:flex;gap:9px;align-items:center}
.summary-note{font-size:11px;font-weight:400;color:var(--muted);display:flex;align-items:center;gap:12px}
.summary-note .ti-angle-down{transition:transform .2s}.rds-history[open] .ti-angle-down{transform:rotate(180deg)}.rds-history .panel-head{padding-top:5px}
.panel-note{padding:12px 22px 17px;font-size:11px;color:var(--muted);line-height:1.75}
.rds-source-note{padding-top:13px;padding-bottom:13px;border-top:1px solid #24354a;background:#101b29}.trend-panel{margin-bottom:24px}
.range-control{display:flex;gap:4px;align-items:center;padding:3px;background:#0d1724;border:1px solid var(--border);border-radius:999px}
.range-control button{height:44px;border:0;padding:0 13px;font-size:14px;font-weight:700}.range-control button.active{background:#24423d;color:var(--green)}
.charts{padding:0 22px 6px}.chart-row{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;min-height:139px;border-top:1px solid #25364a}
.chart-label{font-size:12px;color:var(--muted)}.chart-value{font-size:21px;font-weight:650;color:var(--ink);margin-top:7px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.chart-value small{font-size:11px;color:var(--muted);font-weight:400;margin-left:4px}.chart-svg{display:block;width:100%;height:145px;touch-action:pan-y}
.chart-svg text{font-family:inherit;font-size:11px;fill:#9baec4}.chart-svg .gridline{stroke:#26384e;stroke-width:1;stroke-dasharray:3 5}
.chart-svg .series{fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.chart-svg .cursor{stroke:#a2b4ca;stroke-dasharray:4;display:none}
.trend-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px 17px;color:var(--muted);font-size:11px;line-height:1.6}
.secondary-grid,.table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px;align-items:start}
.probe-list{padding:0 22px}.probe{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #24354a}
.probe-name{font-size:12px;overflow-wrap:anywhere}.probe-time{font-size:10px;color:var(--muted);margin-top:3px;font-variant-numeric:tabular-nums}
.probe-state{font-size:11px;font-weight:600;color:var(--green);white-space:nowrap}.probe-state.bad{color:var(--red)}
.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}
th{padding:11px 20px;background:#0e1928;color:var(--muted);font-size:11px;font-weight:650;text-align:left;white-space:nowrap}
td{padding:12px 20px;border-top:1px solid #24354a;font-variant-numeric:tabular-nums;vertical-align:middle}
th:not(:first-child),td:not(:first-child){text-align:right}td:first-child{overflow-wrap:anywhere}tbody tr:hover{background:#182638}
.site-name{display:block;max-width:300px;overflow-wrap:anywhere}.table-sub{display:block;max-width:310px;font-size:10px;line-height:1.6;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.pill{display:inline-flex;align-items:center;border-radius:999px;background:#223246;color:#adbed0;font-size:10px;font-weight:600;padding:4px 8px;white-space:nowrap}
.pill.warn{background:#382e1e;color:var(--yellow)}.pill.blocked{background:#3b2431;color:var(--red)}
.empty{text-align:center!important;color:var(--muted);font-size:12px;padding:25px 20px!important;font-weight:400}.firewall{margin-bottom:24px}.operations{margin:0 0 24px}
.operation-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 22px 20px}
.operation-form>label:nth-of-type(4){grid-column:span 2}
.operation-form>label,.history-form label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;color:var(--muted)}
.operation-form input,.operation-form select,.history-form input,.history-form select{height:44px;width:100%;padding:0 12px;border:1px solid #34485f;border-radius:8px;background:#0e1927;color:var(--ink);font-size:13px;color-scheme:dark}
.operation-form .scope-check{grid-column:1/-1;display:flex;flex-direction:row;align-items:flex-start;gap:8px;line-height:1.7;padding:11px 13px;background:#192a37;border:1px solid #2c4255;border-radius:9px;color:#c0cedf}
.scope-check input{width:17px;height:17px;flex-shrink:0;padding:0;margin:2px 0 0;accent-color:var(--green)}.operation-form .primary{justify-self:start;min-width:180px}
#operation-result{grid-column:1/-1;padding:0;min-height:0}#operation-result:empty{display:none}.control-warning{color:var(--yellow)!important}
.operations>.panel-head:nth-of-type(2){border-top:1px solid var(--border);padding-top:18px}.operations .table-sub{max-width:390px}.operations>details{border-top:1px solid var(--border)}
.operations>details>summary,.traffic-history>details>summary{padding:17px 22px;font-size:13px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:12px}
.operations>details>summary:after,.traffic-history>details>summary:after{content:"+";font-size:20px;color:var(--muted);font-weight:400}
.operations>details[open]>summary:after,.traffic-history>details[open]>summary:after{content:"−"}
#ips-body .quiet{margin-top:6px;display:flex;margin-left:auto;padding:0 12px}
.history-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;padding:0 22px 4px}.history-form label{flex:1 1 165px}
#traffic-custom:not([hidden]){display:flex;flex-wrap:wrap;gap:14px;flex:2 1 330px}
.tables-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 22px 8px;align-items:start}
.tables-grid h3{margin:10px 0 0}.tables-grid .panel-note{padding:6px 0 12px}.tables-grid table{border:1px solid var(--border)}
.traffic-history details details>summary{padding:15px 22px;font-size:12px;color:var(--muted)}#traffic-timeline{max-height:440px;overflow:auto}
footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.8;color:var(--muted);padding:16px 0 0}.footer-dot{color:#526b84;margin:0 5px}
.login-wrap{min-height:100vh;max-width:1200px;margin:auto;padding:60px 70px;display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}
.login-panel{max-width:420px;width:100%}.login-panel>.brand{margin-bottom:46px}.login-panel h1{font-size:42px;margin:8px 0 17px;line-height:1.3}
.login-panel form{display:flex;flex-direction:column;margin-top:27px}.login-panel label{font-size:13px;color:var(--muted);margin:14px 0 8px}
.login-panel input{height:48px;border:1px solid #34485f;background:var(--panel);border-radius:8px;padding:0 14px;color:var(--ink)}
.login-panel .primary{height:48px;font-size:15px;font-weight:800;margin-top:24px;justify-content:space-between}
.login-foot{font-size:11px;line-height:1.6;color:var(--muted);margin-top:24px}.form-error{font-size:13px;color:var(--red);line-height:1.7;margin-top:16px}
.login-visual{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.login-visual:before{content:"";position:absolute;inset:-15%;z-index:-1;background:radial-gradient(ellipse,rgba(67,216,164,.08),transparent 65%)}
.orbit{position:absolute;border:1px solid #2a4848;border-radius:50%;width:96%;height:96%}.orbit-two{width:68%;height:68%;border-style:dashed}
.pulse-core{font-size:100px;font-weight:750;letter-spacing:-.08em;color:var(--green);line-height:1;text-align:center}.pulse-core span{display:block;font-size:10px;letter-spacing:.25em;color:var(--muted);margin-top:18px}
.signal{position:absolute;letter-spacing:.15em;font-size:10px;padding:8px 12px;border:1px solid #34504d;background:var(--bg);border-radius:7px;color:#acc9c3}.signal-one{top:0;left:20%}.signal-two{right:-10px;top:57%}.signal-three{bottom:0;left:12%}
@media(max-width:1180px){
 .metric{padding:17px 15px}.metric-number{font-size:32px}.metrics{gap:10px}.rds-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.facts:not(.rds-facts){grid-template-columns:1fr}.resource-card{padding:16px 14px}.resource-card .metric-number{font-size:36px}
}
@media(max-width:900px){
 .dashboard{padding:24px 20px}.topbar{padding:12px 20px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-number{font-size:36px}.table-grid{grid-template-columns:1fr}.secondary-grid{gap:16px}.rds-metrics{gap:10px;padding:0 18px}.resource-card .metric-number{font-size:32px}.capacity-facts>div{flex-direction:column;gap:3px}.capacity-facts dd{text-align:left}.resource-card .metric-label{font-size:12px}.resource-card .metric-detail{min-height:32px}.login-wrap{padding:45px;gap:45px}
}
@media(max-width:680px){
 h1{font-size:26px}h2{font-size:16px}.dashboard{padding:22px 14px}.topbar{min-height:64px;padding:10px 14px;gap:10px}.brand{font-size:12px;gap:6px}.brand-mark{width:29px;height:29px;font-size:19px}.top-meta{gap:4px}.environment{font-size:10px;padding:6px 8px;gap:5px}.topbar .quiet{font-size:14px;padding:0 10px}
 .page-head{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:20px}.page-head .muted{font-size:12px}.freshness{grid-template-columns:1fr auto;justify-items:start;gap:6px 12px}.freshness .refresh-button{justify-self:end}#updated{font-size:10px}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.metric{padding:16px 14px}.metric-number{font-size:34px}.metric-label{font-size:12px}.metric:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;column-gap:16px}.metric:last-child .metric-number{grid-column:2;grid-row:1/4;align-self:center;margin:0}.metric:last-child .metric-icon{display:none}.metric-sub,.metric-detail{font-size:11px}
 .panel-head{padding:18px 16px 15px;gap:12px}.heading-group .muted{font-size:11px}.rds-panel,.trend-panel,.firewall,.operations{margin-bottom:18px}.rds-panel .panel-head{align-items:flex-start}.rds-panel .health{font-size:10px;padding:6px 8px}
 .resource-meta{padding:0 16px 12px;gap:6px}.resource-meta>span{font-size:10px;padding:5px 7px}.rds-sync{padding:0 16px 14px;display:block;font-size:10px}.rds-sync>span:last-child{display:none}.rds-panel>.notice{margin:0 16px 12px}
 .rds-metrics{grid-template-columns:1fr;padding:0 14px;gap:10px}.resource-card{padding:16px;display:grid;grid-template-columns:1fr auto;gap:0 16px;align-items:center}.resource-card .metric-label{font-size:13px;justify-content:flex-start;gap:8px}.resource-card .metric-number{grid-column:2;grid-row:1/3;margin:0;font-size:32px;text-align:right}.resource-card .metric-number small{font-size:13px;margin-left:4px}.resource-caption{grid-column:1;font-size:10px!important;margin-top:4px}.resource-card .meter{grid-column:1/-1;margin:14px 0 0}
 .capacity-facts{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:0;border-top:0;padding:12px 0 0;margin:0 0 10px;gap:12px}.capacity-facts>div{flex-direction:column;align-items:flex-start;gap:3px}.capacity-facts>div+div{border-left:1px solid #30445c;padding-left:14px}.capacity-facts dt{font-size:11px}.capacity-facts dd{font-size:13px;text-align:left}.resource-card>.metric-detail{grid-column:1/-1;min-height:0;font-size:10px;padding-top:7px;border-top:1px solid #2a3e55}
 .resource-explanation{margin:12px 16px 15px;font-size:10px}.detail-heading{padding:14px 16px 4px}.detail-heading h3{font-size:12px}.detail-heading .subtle{display:none}.rds-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:3px 16px 12px}.rds-facts dd{font-size:12px}.rds-facts dt{font-size:10px}.rds-facts dd small{font-size:9px}
 .rds-history>summary{padding:15px 16px;font-size:12px}.summary-note{font-size:10px;gap:8px}.panel-note{padding:11px 16px 14px;font-size:10px}.rds-source-note{padding:12px 16px}.trend-panel .panel-head,.rds-history .panel-head{flex-wrap:wrap;align-items:center;gap:13px}.range-control{width:100%;justify-content:space-between}.range-control button{flex:1;padding:0 6px;font-size:14px}
 .charts{padding:0 12px}.chart-row{grid-template-columns:1fr;min-height:0;padding-top:13px}.chart-label{display:flex;align-items:center;gap:12px;padding:0 4px;font-size:11px}.chart-value{margin:0;font-size:17px}.chart-svg{height:130px}.trend-foot{padding:10px 16px 15px;flex-direction:column;align-items:flex-start;gap:4px;font-size:10px}
 .secondary-grid,.table-grid{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.facts:not(.rds-facts){padding:0 16px 13px;grid-template-columns:1fr}.facts:not(.rds-facts)>div{padding:11px 0}.facts:not(.rds-facts) dt,.facts:not(.rds-facts) dd{font-size:11px}.probe-list{padding:0 16px}.probe-name{font-size:12px}.probe-time{font-size:10px}
 th,td{padding:11px 14px}.table-sub{max-width:210px}.site-name{max-width:190px}.firewall table,.operations table{min-width:510px}.operation-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px;padding:0 16px 17px}.operation-form>label{font-size:11px}.operation-form>.scope-check{font-size:11px}.operation-form>label:nth-of-type(n+3){grid-column:1/-1}.operation-form>.primary{grid-column:1/-1;width:100%}
 .operations>details>summary,.traffic-history>details>summary{padding:16px;font-size:12px}.history-form{padding:0 16px;gap:12px}.history-form>button{width:100%}.tables-grid{grid-template-columns:1fr;padding:0 16px 8px}.history-form label{font-size:11px}.tables-grid th,.tables-grid td{padding:10px}.traffic-history details details>summary{padding:14px 16px}
 footer{flex-direction:column;gap:5px;font-size:10px;padding:13px 2px 0}.login-wrap{display:block;padding:36px 24px;min-height:100vh}.login-panel{margin:0 auto}.login-panel h1{font-size:36px}.login-panel>.brand{margin-bottom:44px}.login-visual{display:none}
}
@media(max-width:370px){.brand-light{display:none}.environment{font-size:9px}.resource-card .metric-number{font-size:29px}.rds-history .summary-note{font-size:9px;gap:6px}.metric-number{font-size:30px}.operation-form{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Approximate country labels from a local read-only database. */
.ip-address{display:block;font-weight:650;color:var(--ink)}
.ip-region{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 7px;border:1px solid #314962;border-radius:6px;background:#1a3044;color:#b8d6f1;font-size:10px;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.ip-region i{font-size:10px;flex-shrink:0}
.geoip-note{padding-top:0;line-height:1.8}.geoip-note a{color:#b7cee6;text-decoration:underline;text-underline-offset:3px}.geoip-note>i{margin-right:4px}