:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#070a12;color:#f8fafc}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 34rem),radial-gradient(circle at top right,rgba(139,92,246,.13),transparent 34rem),#070a12}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:20px;background:#0b1020eb;border-right:1px solid #243044}.brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;font-weight:700}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#07111f;background:linear-gradient(135deg,#38bdf8,#8b5cf6)}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:10px 12px;border-radius:12px;color:#cbd5e1;font-size:14px}.sidebar nav a.active,.sidebar nav a:hover{background:#172033;color:#f8fafc}.main{min-width:0;padding:22px}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:-22px -22px 22px;padding:18px 22px;background:#070a12d1;border-bottom:1px solid #243044;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:30px}h2{margin-bottom:14px;font-size:20px}.eyebrow{margin-bottom:4px;color:#38bdf8;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.muted{color:#94a3b8}.page-stack,.metrics,.grid{display:grid;gap:18px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:1.25fr .75fr}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.metric-card,.auth-card,.service-hero,.entity-card{border:1px solid #243044;border-radius:18px;background:#101827e6;box-shadow:0 20px 60px #00000038}.panel,.metric-card{padding:18px}.metric-card span{color:#94a3b8;font-size:13px}.metric-card strong{display:block;margin-top:8px;font-size:32px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:11px 10px;border-bottom:1px solid #243044;text-align:left;font-size:13px;vertical-align:middle}th{color:#94a3b8;font-size:12px;text-transform:uppercase}tr:hover td{background:#38bdf80a}.badge{display:inline-flex;align-items:center;width:fit-content;padding:4px 8px;border:1px solid #334155;border-radius:999px;color:#cbd5e1;background:#94a3b81f;font-size:12px}.badge.healthy,.badge.ok{border-color:#10b98159;color:#34d399;background:#10b9811f}.badge.degraded,.badge.warning,.badge.medium{border-color:#f59e0b61;color:#fbbf24;background:#f59e0b1f}.badge.down,.badge.failed,.badge.critical,.badge.high{border-color:#ef444466;color:#f87171;background:#ef44441f}.badge.maintenance{border-color:#38bdf861;color:#38bdf8;background:#38bdf81f}.url-actions{display:flex;flex-wrap:wrap;gap:6px}.url-pill{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border:1px solid rgba(56,189,248,.32);border-radius:999px;color:#7dd3fc;background:#38bdf817;font-size:12px;white-space:nowrap}.url-pill.missing,.link-card.disabled{border-color:#334155;color:#64748b;background:#64748b14;pointer-events:none}.url-directory{display:grid;gap:12px}.url-row,.compact-row,.entity-card,.readiness-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #243044}.url-row:last-child,.compact-row:last-child,.readiness-row:last-child{border-bottom:0}.form,.form-grid{display:grid;gap:12px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid button{align-self:end}label{display:grid;gap:6px;color:#cbd5e1;font-size:13px}input,select,textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid #334155;border-radius:12px;color:#f8fafc;background:#0b1020}textarea{min-height:86px;resize:vertical}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:12px;border:1px solid transparent}.primary-button{color:#07111f;background:linear-gradient(135deg,#38bdf8,#8b5cf6);font-weight:700}.ghost-button{color:#cbd5e1;background:#172033d1;border-color:#334155}.top-actions,.hero-actions,.entity-actions{display:flex;align-items:center;gap:10px}.landing,.auth-page{display:grid;place-items:center;min-height:100vh;padding:24px}.landing section,.auth-card{width:min(760px,100%)}.landing h1{max-width:680px;font-size:clamp(42px,7vw,74px);line-height:1}.landing p{max-width:620px;color:#cbd5e1;font-size:18px}.auth-card{padding:28px}.auth-switch{margin-top:14px;color:#38bdf8}.error{color:#f87171}.cards-list{display:grid;gap:10px}.entity-card{padding:14px}.service-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px}.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.link-card{display:grid;gap:8px;min-height:96px;padding:14px;border:1px solid rgba(56,189,248,.24);border-radius:14px;background:#38bdf812}.link-card span{color:#94a3b8;font-size:12px}.link-card strong{overflow-wrap:anywhere;color:#7dd3fc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.score{margin-bottom:14px;font-size:48px;font-weight:800}.bar{flex:1;height:10px;overflow:hidden;border-radius:999px;background:#243044}.bar span{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#34d399)}.search-input{font-size:18px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-item{display:grid;gap:4px;padding:12px;border:1px solid #243044;border-radius:12px;background:#0b10208c}.detail-item span{color:#94a3b8;font-size:12px}.detail-item strong{overflow-wrap:anywhere;color:#e2e8f0;font-size:13px}@media (max-width: 1000px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics,.grid.two,.grid.three,.form-grid,.link-grid,.detail-grid{grid-template-columns:1fr}.topbar,.service-hero,.url-row,.entity-card,.readiness-row{align-items:flex-start;flex-direction:column}}
