@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Source+Sans+3:wght@400;600;700&display=swap";:root{--bg-start: #0f1722;--bg-end: #111b2f;--panel: #f5f8fb;--panel-alt: #ffffff;--text-main: #0f233f;--text-subtle: #55677f;--brand: #005f8f;--brand-strong: #003f63;--danger: #a52828;--border: #d8e2ee;--success-bg: #dff7eb;--success-text: #106237;--error-bg: #ffe3e3;--error-text: #7f1d1d;--focus-ring: rgba(9, 120, 179, .24);--motion-fast: .14s;--motion-base: .22s;--motion-slow: .36s;--ease-standard: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}body{margin:0;font-family:"Source Sans 3",sans-serif;background:radial-gradient(circle at 20% 20%,#1f3353 0%,var(--bg-end) 55%,#09101b 100%);background-attachment:fixed;color:var(--text-main);min-height:100vh}h1,h2,h3{margin:0;font-family:Space Grotesk,sans-serif}p{margin:0}button,input,select{font:inherit}.login-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-card{width:min(460px,100%);background:linear-gradient(155deg,#fff,#eef5fc);border:1px solid #d3e1f0;border-radius:18px;padding:2rem;box-shadow:0 20px 60px #0b142159;display:grid;gap:1rem;animation:card-enter var(--motion-slow) var(--ease-standard)}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{background:linear-gradient(180deg,#0c1a2c,#11223c);color:#edf4ff;padding:1.5rem;display:grid;grid-template-rows:auto 1fr auto;gap:1.5rem;border-right:1px solid rgba(146,183,221,.16);box-shadow:inset -1px 0 #ffffff08}.brand h1{font-size:1.35rem;line-height:1.2}.brand-eyebrow{color:#7fc0e8;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;margin-bottom:.35rem}.nav-list{display:grid;gap:.5rem;align-content:start}.nav-link{padding:.7rem .9rem;border-radius:10px;color:#d6e7ff;text-decoration:none;transition:background var(--motion-base) var(--ease-standard),transform var(--motion-fast) var(--ease-standard),color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard)}.nav-link:hover{background:#89bae52e;transform:translate(2px)}.nav-link-active{background:linear-gradient(90deg,#005f8f,#0b7bb3);color:#fff;box-shadow:inset 3px 0 #8ed1f6}.sidebar-footer{display:grid;gap:.75rem;color:#b8cce5}.content-area{padding:2rem;background:linear-gradient(180deg,#f0f5fb,#e7eef7);position:relative}.content-area:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(36rem 16rem at 90% -10%,rgba(122,183,222,.18),transparent 70%),linear-gradient(180deg,transparent,rgba(255,255,255,.38))}.route-shell{position:relative;z-index:1;animation:page-enter var(--motion-slow) var(--ease-standard)}.page-header{margin-bottom:1.2rem;display:grid;gap:.3rem}.page-header p{color:var(--text-subtle)}.panel{background:var(--panel-alt);border:1px solid var(--border);border-radius:14px;padding:1rem;margin-bottom:1rem;box-shadow:0 8px 18px #0f233f0d;transition:box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard)}.panel:hover{transform:translateY(-2px);border-color:#c8d9ec;box-shadow:0 14px 28px #0f233f1a}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric-card{background:var(--panel-alt);border:1px solid var(--border);border-radius:14px;padding:1rem;display:grid;gap:.4rem;transition:transform var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard);animation:card-enter var(--motion-slow) var(--ease-standard);animation-fill-mode:both}.metric-card:hover{transform:translateY(-2px);border-color:#c3d7ec;box-shadow:0 14px 26px #1027421a}.metric-card:nth-child(2){animation-delay:60ms}.metric-card:nth-child(3){animation-delay:.12s}.metric-card:nth-child(4){animation-delay:.18s}.metric-card strong{font-size:1.8rem;color:var(--brand-strong)}.metric-card-error strong{color:var(--danger)}.toolbar{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap;margin-bottom:1rem}.ad-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.ad-tab-button{border:1px solid #c9d9ea;background:linear-gradient(180deg,#f8fbff,#eaf2fb);color:#25405e;border-radius:10px;padding:.5rem .75rem;font-weight:700;display:inline-flex;gap:.45rem;align-items:center;cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard),border-color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),background var(--motion-base) var(--ease-standard)}.ad-tab-button:hover{transform:translateY(-1px);border-color:#9fbad7;box-shadow:0 8px 16px #1632521a}.ad-tab-button-active{border-color:#1a6ea0;color:#fff;background:linear-gradient(90deg,#0a5f8e,#0a84bf);box-shadow:0 10px 18px #07496f42}.ad-tab-button .status-pill{font-size:.76rem;padding-inline:.45rem}.ad-tab-button-active .status-pill{background:#ffffff2e;color:#fff}.ad-tab-button-active .status-pill:before{opacity:.95}.ad-tab-panel{animation:card-enter var(--motion-slow) var(--ease-standard)}.ad-tab-help{margin-top:.65rem}.form-grid{display:grid;gap:.8rem}label{display:grid;gap:.35rem;font-weight:600;color:var(--text-main)}input,select{border:1px solid #c7d6e7;border-radius:10px;padding:.58rem .72rem;background:#fff;transition:border-color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),background-color var(--motion-base) var(--ease-standard)}input:hover,select:hover{border-color:#aec6df}input:focus-visible,select:focus-visible{outline:none;border-color:#2f7cb0;box-shadow:0 0 0 3px var(--focus-ring)}.field-help{font-size:.88rem;color:var(--text-subtle)}.error-text{color:var(--error-text)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.68rem;border-bottom:1px solid var(--border);vertical-align:top}tbody tr{transition:background-color var(--motion-fast) var(--ease-standard)}tbody tr:hover{background:#f4f8fd}th{font-family:Space Grotesk,sans-serif;color:#294767;font-size:.9rem}.table-wrap{overflow-x:auto}.button-row{display:flex;gap:.4rem;flex-wrap:wrap}.primary-button,.secondary-button,.danger-button,.ghost-button{border:none;border-radius:10px;padding:.55rem .85rem;cursor:pointer;font-weight:600;transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),filter var(--motion-base) var(--ease-standard),background var(--motion-base) var(--ease-standard)}.primary-button:not(:disabled):hover,.secondary-button:not(:disabled):hover,.danger-button:not(:disabled):hover,.ghost-button:not(:disabled):hover{transform:translateY(-1px)}.primary-button:not(:disabled):active,.secondary-button:not(:disabled):active,.danger-button:not(:disabled):active,.ghost-button:not(:disabled):active{transform:translateY(0)}.primary-button{background:linear-gradient(90deg,var(--brand) 0%,#0a84bf 100%);color:#fff;box-shadow:0 6px 14px #024a6e47}.secondary-button{background:#e7eff8;color:#1f3a5a;box-shadow:inset 0 0 0 1px #d0deee}.danger-button{background:var(--danger);color:#fff;box-shadow:0 6px 14px #6d19193d}.ghost-button{background:transparent;border:1px solid #cedcf0;color:#25405e}button:disabled{opacity:.6;cursor:not-allowed}.error-banner{padding:.55rem .7rem;border-radius:10px;background:var(--error-bg);color:var(--error-text)}.info-banner{padding:.55rem .7rem;border-radius:10px;background:#e1efff;color:#0e3e71}.status-pill{display:inline-flex;align-items:center;gap:.28rem;border-radius:999px;padding:.16rem .52rem;font-weight:700;font-size:.82rem}.status-pill:before{content:"";width:.38rem;height:.38rem;border-radius:50%;background:currentcolor;opacity:.7}.status-online{background:var(--success-bg);color:var(--success-text)}.status-offline{background:#ffe9cc;color:#8f4a00}.status-unknown{background:#e5e7eb;color:#334155}.capability-list{display:flex;gap:.35rem;flex-wrap:wrap}.capability-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.16rem .52rem;font-weight:700;font-size:.78rem;background:#dcedff;color:#114272}.capability-none{background:#e5e7eb;color:#475569}.pagination{margin-top:1rem;display:flex;gap:.75rem;align-items:center}.setting-row{display:grid;grid-template-columns:2fr 1.2fr auto;gap:.75rem;align-items:center}.setting-row p{color:var(--text-subtle)}.checkbox-row{display:flex;gap:.65rem;flex-wrap:wrap}.checkbox-row label{display:inline-flex;align-items:center;gap:.35rem;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#0d1626b3;display:grid;place-items:center;padding:1rem;animation:overlay-enter var(--motion-base) var(--ease-standard)}.modal-card{width:min(560px,100%);background:#fff;border-radius:14px;padding:1rem;display:grid;gap:.9rem;animation:modal-enter var(--motion-slow) var(--ease-standard)}.modal-header{display:flex;justify-content:space-between;align-items:center}.toast-viewport{position:fixed;right:1rem;bottom:1rem;display:grid;gap:.5rem;z-index:50}.toast{border:none;border-radius:10px;padding:.75rem .9rem;min-width:260px;text-align:left;cursor:pointer;box-shadow:0 8px 20px #08142538;animation:toast-enter var(--motion-base) var(--ease-standard);transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),filter var(--motion-base) var(--ease-standard)}.toast:hover{transform:translateY(-1px);filter:saturate(1.02);box-shadow:0 12px 22px #08142542}.toast-success{background:var(--success-bg);color:var(--success-text)}.toast-error{background:var(--error-bg);color:var(--error-text)}.toast-info{background:#e1efff;color:#0e3e71}.muted-text{color:var(--text-subtle)}.command-output{background:#0f233f;color:#e8f3ff;border-radius:10px;padding:.75rem;overflow-x:auto;white-space:pre-wrap}section>.panel:nth-of-type(1){animation:card-enter var(--motion-slow) var(--ease-standard)}section>.panel:nth-of-type(2){animation:card-enter var(--motion-slow) var(--ease-standard);animation-delay:50ms;animation-fill-mode:both}section>.panel:nth-of-type(3){animation:card-enter var(--motion-slow) var(--ease-standard);animation-delay:.1s;animation-fill-mode:both}section>.panel:nth-of-type(4){animation:card-enter var(--motion-slow) var(--ease-standard);animation-delay:.15s;animation-fill-mode:both}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{grid-template-rows:auto}.content-area{padding:1rem}.setting-row{grid-template-columns:1fr}.ad-tabs{display:grid;grid-template-columns:1fr}.ad-tab-button{justify-content:space-between}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}