:root{--brand:#0c5c91;--brand-light:#1a7ec2;--brand-dark:#083b5e;--orange:#ed6a00;--teal:#2de2e6;--bg:#060b14;--bg-2:#0a1220;--surface:rgba(18,28,44,.55);--surface-solid:#111c2c;--surface-2:rgba(28,40,60,.5);--border:rgba(90,120,160,.14);--border-hover:rgba(45,226,230,.35);--text:#e8eef6;--text-dim:#7d8da0;--text-faint:#4a5a70;--up:#34c759;--down:#ff453a;--warn:#ed6a00;--unknown:#5a6b80}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);background-attachment:fixed;background-image:radial-gradient(900px circle at 15% -10%,rgba(12,92,145,.18),transparent 45%),radial-gradient(700px circle at 100% 0,rgba(45,226,230,.08),transparent 40%);color:var(--text);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{margin:0 auto;max-width:1320px;padding:24px}.nav{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a1220b3;border-bottom:1px solid var(--border);display:flex;gap:6px;padding:12px 24px;position:sticky;top:0;z-index:100}.nav a{border-radius:10px;color:var(--text-dim);font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a.router-link-active{background:linear-gradient(135deg,var(--brand),var(--brand-dark));box-shadow:0 4px 16px #0c5c9166;color:#fff}.brand-wrap{align-items:center;display:flex;gap:12px;margin-right:20px}.brand-name{color:var(--text);font-size:20px;font-weight:700;letter-spacing:-.02em}.brand-name .dot{color:var(--teal)}.brand-sub{color:var(--text-faint);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.nav .spacer{flex:1}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;padding:18px;position:relative;transition:all .25s}.card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.card:before{background:linear-gradient(90deg,transparent,rgba(45,226,230,.5),transparent);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s}.card:hover:before{opacity:1}.card-head{justify-content:space-between;margin-bottom:14px}.card-head,.card-title{align-items:center;display:flex}.card-title{font-size:15px;font-weight:600}.card-sub{color:var(--text-dim);font-size:12px}.dot-status{border-radius:50%;display:inline-block;height:9px;margin-right:8px;position:relative;width:9px}.dot-status.up{background:var(--up);box-shadow:0 0 8px #34c759b3}.dot-status.up:after{animation:pulse 2s infinite;border:1px solid var(--up);border-radius:50%;content:"";top:-3px;right:-3px;bottom:-3px;left:-3px;opacity:0;position:absolute}@keyframes pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.dot-status.down{background:var(--down);box-shadow:0 0 8px #ff453ab3}.dot-status.unknown{background:var(--unknown)}.badge{background:var(--surface-2);border-radius:999px;color:var(--text-dim);font-size:11px;font-weight:500;padding:3px 10px}.badge.up{background:#34c75926;color:var(--up)}.badge.down{background:#ff453a26;color:var(--down)}.badge.unknown{background:#5a6b8033;color:var(--unknown)}.badge.critical{background:#ff453a26;color:var(--down)}.badge.warning{background:#ed6a002e;color:var(--orange)}.metric-row{align-items:center;display:flex;gap:10px;margin:10px 0}.metric-label{color:var(--text-dim);font-size:12px;font-weight:500;width:44px}.bar{background:#5a78a01f;flex:1;height:7px;overflow:hidden}.bar,.bar-fill{border-radius:4px}.bar-fill{height:100%;transition:width .5s ease}.metric-val{font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;text-align:right;width:52px}.btn{background:linear-gradient(135deg,var(--brand-light),var(--brand));border:none;border-radius:10px;box-shadow:0 4px 14px #0c5c9159;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:9px 18px;transition:all .2s}.btn:hover{box-shadow:0 6px 20px #0c5c9180;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.ghost{background:var(--surface-2);border:1px solid var(--border);box-shadow:none;color:var(--text)}.btn.orange{background:linear-gradient(135deg,#ff7d1a,var(--orange));box-shadow:0 4px 14px #ed6a0059}.btn.danger{background:linear-gradient(135deg,#ff5a50,var(--down));box-shadow:none}input,select{background:#0a122099;border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:14px;padding:10px 13px;transition:border-color .2s;width:100%}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2de2e61a;outline:none}input::-moz-placeholder{color:var(--text-faint)}input::placeholder{color:var(--text-faint)}.field{margin-bottom:14px}.field label{color:var(--text-dim);display:block;font-size:12px;font-weight:500;margin-bottom:6px}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--border);padding:12px 14px;text-align:left}th{color:var(--text-dim);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}tr:last-child td{border-bottom:none}.page-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{font-size:22px;font-weight:700;letter-spacing:-.02em}.muted{color:var(--text-dim)}.clock{color:var(--text-faint);font-size:12px;font-variant-numeric:tabular-nums}