#nav-overview{margin:4px 10px 12px;width:calc(100% - 20px);gap:10px;border:1px solid #395476;background:linear-gradient(110deg,#203e60,#222747);color:#def3ff;font-weight:700;min-height:48px}
#nav-overview.on{border-color:#67cfff;box-shadow:inset 3px 0 #67cfff}
#pg-overview{max-width:1600px;margin:auto;padding:4px 0 24px;color:#ecf4ff}
.gd-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border:1px solid #365d74;border-radius:22px;background:radial-gradient(ellipse at top right,#1c555966,transparent 65%),linear-gradient(110deg,#172c47,#151b32)}
.gd-eyebrow{color:#80e5d9;font-size:10px;font-weight:800;letter-spacing:.18em}.gd-hero h1{font-size:32px;letter-spacing:-1px;margin:10px 0}.gd-hero p{color:#b8cbe0;margin:10px 0}.gd-hero small,.gd-help{color:#92abc5;font-size:12px;line-height:1.6}
#pg-overview button{cursor:pointer;border:1px solid #4b6686;background:#203451;color:#e0f1ff;border-radius:10px;padding:11px 15px;font-weight:600;transition:background .18s,border-color .18s}
#pg-overview button:hover{background:#304c70;border-color:#80c7ef}#pg-overview button:focus-visible{outline:2px solid #80e5d9;outline-offset:3px}
.gd-notice{padding:17px 2px;color:#a9c6de;font-size:12px}.gd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gd-card{border:1px solid #31435a;border-top:3px solid var(--gd-color);border-radius:17px;background:linear-gradient(140deg,#182638,#111b2a);padding:22px;min-width:0}.gd-card>header{display:flex;align-items:center;gap:12px;margin-bottom:22px}.gd-card h2{font-size:18px;margin:0}.gd-icon{background:#ffffff0a;border:1px solid #ffffff18;color:var(--gd-color);border-radius:12px;padding:10px;font-size:16px;font-weight:800;min-width:44px;text-align:center}
.gd-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gd-metrics>div{background:#07121c66;border:1px solid #ffffff09;border-radius:10px;padding:14px 10px}.gd-metrics strong{display:block;font-size:26px;font-variant-numeric:tabular-nums;color:#edf5ff}.gd-metrics span{display:block;margin-top:5px;color:#b0c2d5;font-size:11px;line-height:1.5}.gd-metrics .good strong{color:#62e0ac}.gd-metrics .bad strong{color:#ff859b}.gd-metrics .warn strong{color:#ffd276}.gd-card h4{font-size:12px;color:#c3d1e4;margin:20px 0 10px}.gd-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff10;margin-top:20px;padding-top:16px}.gd-time{font-size:10px;color:#8ba5bf}.gd-error{color:#ffc887;line-height:1.6}.gd-shortcuts{margin-top:22px}.gd-shortcuts h3{font-size:14px}.gd-shortcuts>div{display:flex;gap:10px;margin-top:12px}.gd-help{margin-top:20px}
@media(max-width:850px){.gd-grid{grid-template-columns:1fr}.gd-hero{padding:22px;align-items:flex-start;flex-direction:column}.gd-hero h1{font-size:27px}}@media(max-width:400px){.gd-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.gd-card{padding:16px}.gd-card footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){#pg-overview button{transition:none}}