:root{color-scheme:light;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(88,145,255,.12),transparent 30%),linear-gradient(180deg,#f3f6fb,#e7edf5);color:#142236;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0;border-radius:14px;padding:.85rem 1.2rem;background:#1748b6;color:#fff;cursor:pointer}.secondary-button{background:#eff4fb;color:#142236;border:1px solid #c9d7ea}input{width:100%;border:1px solid #c9d7ea;border-radius:14px;padding:.85rem 1rem;background:#ffffffeb}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{padding:2rem;background:linear-gradient(180deg,#0f1f38,#142a4c);color:#f7fbff;display:flex;flex-direction:column;justify-content:space-between}.sidebar nav{display:grid;gap:.75rem;margin-top:2rem}.sidebar nav a{opacity:.75;padding:.7rem .85rem;border-radius:14px}.sidebar nav a.active{opacity:1;font-weight:700;background:#ffffff1a}.sidebar-footer{display:grid;gap:.75rem}.content{padding:2rem;min-width:0}.page-grid{display:grid;gap:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.page-header h2,.login-card h1,.sidebar h1{margin:0}.eyebrow{margin:0 0 .35rem;letter-spacing:.16em;font-size:.78rem;text-transform:uppercase;color:#4f6788}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric-card,.panel,.login-card{background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(152,175,206,.24);border-radius:24px;box-shadow:0 24px 50px #10213c14}.metric-card{padding:1.25rem;display:grid;gap:.3rem}.metric-card strong{font-size:2rem}.metric-card--accent{background:linear-gradient(135deg,#1448b6f2,#2288b1e6);color:#fff}.panel{padding:1.25rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.75rem;flex-wrap:wrap}.table-shell{overflow:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.9rem .7rem;border-bottom:1px solid #e4ebf5}th{color:#637894;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.score-badge{display:inline-flex;padding:.2rem .55rem;border-radius:999px;background:#0f1f38;color:#fff}.control-row{display:flex;flex-wrap:wrap;gap:.5rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-card{width:min(100%,430px);padding:2rem;display:grid;gap:1rem}.login-card label{display:grid;gap:.4rem}.error-text{color:#a22336;margin:0}.notice-text,.muted-text{margin:0;color:#4f6788}.status-note{display:grid;gap:.6rem;padding:1rem;border-radius:18px;background:#1748b614;border:1px solid rgba(23,72,182,.14)}.health-panel{display:grid;gap:.85rem}.health-row{display:flex;justify-content:space-between;gap:1rem}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.status-card{display:grid;gap:.35rem;padding:1rem;border-radius:18px;background:#f5f8fdeb;border:1px solid #dce6f4}.status-card p{margin:0}.hot-visitor-label{font-weight:600}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{gap:1rem;padding:1.25rem}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem}.sidebar-footer{grid-template-columns:1fr auto;align-items:center}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-grid{grid-template-columns:1fr}.content{padding:1.25rem}}@media(max-width:640px){.sidebar,.content,.login-page{padding:1rem}.page-header,.health-row{display:grid;gap:.25rem}.metrics-grid,.sidebar nav,.sidebar-footer{grid-template-columns:1fr}.sidebar-footer button,button{width:100%}.control-row{display:grid;grid-template-columns:1fr}.metric-card strong{font-size:1.7rem}.panel,.metric-card,.login-card,.status-card{padding:1rem;border-radius:20px}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{border-bottom:1px solid #e4ebf5;padding:.2rem 0}.data-table td{border-bottom:0;padding:.45rem 0}.data-table td:before{content:attr(data-label);display:block;margin-bottom:.2rem;color:#637894;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}}