:root{color-scheme:dark;--bg:#071018;--panel:#0d1823;--panel2:#111f2c;--line:#203240;--text:#e8f0f6;--muted:#8fa1af;--cyan:#3ee0ca;--blue:#4f8cff;--violet:#9c7cff;--green:#41d697;--amber:#ffb35c;--radius:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% -10%,#12344c66,transparent 36%),var(--bg);color:var(--text);font-size:16px;line-height:1.45}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--line);background:#08121be8;backdrop-filter:blur(18px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;padding:4px 8px 28px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--cyan),#268aff);font-weight:900;color:#041019;box-shadow:0 0 32px #3ee0ca33}.brand b{display:block;font-size:1.05rem;letter-spacing:.02em}.brand small{display:block;color:#59717f;font-size:.63rem;letter-spacing:.18em;margin-top:1px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:10px;color:#8296a5;text-decoration:none;font-size:.91rem;font-weight:600}.nav-item span{width:22px;text-align:center;font-size:1.1rem}.nav-item:hover,.nav-item.active{color:#effaff;background:#142634}.nav-item.active{box-shadow:inset 2px 0 var(--cyan)}.sidebar-foot{margin-top:auto;padding:14px 12px;border:1px solid #1e3541;border-radius:12px;background:#0e1c26;display:flex;gap:10px;align-items:center}.sidebar-foot b,.sidebar-foot small{display:block;font-size:.78rem}.sidebar-foot small{color:var(--muted);margin-top:2px}.health-dot,.status i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #41d69799}main{padding:0 34px 48px;max-width:1560px;width:100%;margin:auto}.topbar{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}h1,h2,h3,p{margin:0}h1{font-size:1.62rem;letter-spacing:-.035em;margin-top:3px}h2{font-size:1.22rem;letter-spacing:-.02em}.eyebrow{font-size:.68rem;letter-spacing:.15em;color:#5f7786;font-weight:800}.top-actions{display:flex;align-items:center;gap:11px}.search{height:40px;width:300px;border:1px solid var(--line);border-radius:10px;background:#0b1720;display:flex;align-items:center;gap:9px;padding:0 12px;color:#5f7786}.search:focus-within{border-color:#3ee0ca88;box-shadow:0 0 0 3px #3ee0ca12}.search input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font:inherit;font-size:.86rem}.icon-button,.avatar{height:40px;width:40px;border:1px solid var(--line);border-radius:10px;background:#0b1720;color:#b9c8d2;display:grid;place-items:center;position:relative}.icon-button{cursor:pointer}.badge{position:absolute;right:-3px;top:-4px;display:grid;place-items:center;width:17px;height:17px;border-radius:8px;background:#ff6b75;color:white;font-size:.62rem}.avatar{border-color:#2c5f66;background:linear-gradient(145deg,#17394a,#17263a);color:var(--cyan);font-weight:800;font-size:.76rem}.tool-strip{padding:25px 0 4px}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-label span{font-size:.76rem;color:#667d8b}.tools{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px}.tool{min-height:72px;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);background:linear-gradient(145deg,#0d1923,#0a151e);border-radius:12px;text-decoration:none;color:var(--text);transition:.18s ease}.tool:hover{transform:translateY(-2px);border-color:#3c6070;box-shadow:0 12px 30px #0005}.tool-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:900}.teleport{background:#5128da;color:#fff}.grafana{background:#342519;color:#ff9e36}.keycloak{background:#132c42;color:#79c7ff}.loki{background:#143728;color:#5ce7a5}.tempo{background:#32264b;color:#c8a9ff;font-size:1.3rem}.tool b,.tool small{display:block}.tool b{font-size:.88rem}.tool small{font-size:.69rem;color:var(--muted);margin-top:2px}.tool i{margin-left:auto;color:#526b79;font-style:normal}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px 0}.metrics article{display:flex;align-items:center;gap:14px;background:#0b1720;border:1px solid var(--line);border-radius:13px;padding:16px}.metric-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-weight:800}.metric-icon.blue{background:#16304e;color:#6aa5ff}.metric-icon.violet{background:#2a2448;color:#b7a1ff}.metric-icon.green{background:#173b31;color:#65e1ae}.metric-icon.amber{background:#402e1b;color:#ffc26f}.metrics small,.metrics strong,.metrics em{display:block}.metrics small{color:var(--muted);font-size:.72rem}.metrics strong{font-size:1.35rem;line-height:1.15;margin-top:1px}.metrics em{font-size:.66rem;color:#5e7887;font-style:normal}.workspace,.activity{background:#0b1720;border:1px solid var(--line);border-radius:15px;overflow:hidden}.workspace-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px}.workspace-head h2{margin-top:3px}.primary{border:1px solid #2e6c68;border-radius:9px;background:#143631;color:#72e5d2;padding:9px 13px;font-weight:700;cursor:pointer}.primary:hover{background:#19443e}.cloud-tabs{display:flex;gap:3px;padding:0 17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:auto}.cloud-tab{flex:none;border:0;border-bottom:2px solid transparent;background:transparent;color:#778c9a;padding:13px 11px;display:flex;align-items:center;gap:7px;font:inherit;font-size:.77rem;font-weight:700;cursor:pointer}.cloud-tab.active{color:#e7f5fb;border-bottom-color:var(--cyan)}.cloud-tab b{font-size:.65rem;padding:1px 6px;border-radius:7px;background:#172835;color:#708795}.cloud{height:20px;min-width:24px;padding:0 4px;border-radius:5px;display:grid;place-items:center;font-size:.54rem}.cloud.all{background:#18333a;color:var(--cyan);font-size:.9rem}.cloud.aws,.aws-mini{background:#2c251d;color:#ffb455}.cloud.azure{background:#102f47;color:#54b7ff}.cloud.gcp{background:#263047;color:#9ab8ff}.cloud.other{background:#29303a;color:#aeb9c1;font-size:.85rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:900px}th{text-align:left;padding:12px 20px;color:#617987;font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;background:#0a141d}td{padding:16px 20px;border-top:1px solid #172733;font-size:.8rem;color:#b7c6d0}td b,td small{display:block}td small{color:#657b88;font-size:.68rem;margin-top:3px}.cluster-name,.provider{display:flex;align-items:center;gap:10px}.cluster-name b{color:#ebf4f8;font-size:.84rem}.cluster-cube{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#152c39;color:var(--cyan)}.aws-mini{padding:4px 6px;border-radius:5px;font-size:.55rem;font-weight:900}.status{display:inline-flex;align-items:center;gap:7px;color:#70dbae;background:#12342b;border:1px solid #1b4b3d;border-radius:12px;padding:4px 9px;font-size:.7rem}.status i{width:6px;height:6px}.row-action{color:#63dccc;text-decoration:none;font-weight:700}.row-action:hover{text-decoration:underline}code{color:#a4bed0;background:#15232d;border-radius:5px;padding:3px 6px}.empty{text-align:center;padding:52px 20px}.empty span{font-size:2rem;color:#4d6978}.empty h3{margin-top:8px;font-size:1rem}.empty p{color:var(--muted);font-size:.8rem;margin-top:4px}.table-foot{border-top:1px solid var(--line);padding:12px 20px;display:flex;justify-content:space-between;color:#637a88;font-size:.7rem}.activity{margin-top:18px;padding:20px 22px}.activity>div h2{margin-top:3px}.activity ol{list-style:none;padding:0;margin:16px 0 0}.activity li{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #172733}.event-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.event-icon.green{background:#17352c;color:#5ddaa8}.event-icon.blue{background:#152d48;color:#6aa7ff}.event-icon.violet{background:#292345;color:#baa2ff}.activity b,.activity small{display:block}.activity b{font-size:.82rem}.activity small,.activity time{font-size:.68rem;color:#687e8b}.activity time{justify-self:end}#toast{position:fixed;right:24px;bottom:24px;background:#17362f;border:1px solid #2c6659;color:#79e6cd;padding:10px 15px;border-radius:10px;box-shadow:0 15px 35px #0007;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}@media(max-width:1100px){.shell{grid-template-columns:78px 1fr}.sidebar{padding:22px 12px}.brand{padding-left:8px}.brand>span:last-child,.nav-item:not(.active)::after,.nav-item{font-size:0}.nav-item{justify-content:center}.nav-item span{font-size:1.2rem}.sidebar-foot div{display:none}.sidebar-foot{justify-content:center}.tools{grid-template-columns:repeat(3,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.shell{display:block}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:12px 16px}.brand{padding:0}.brand>span:last-child{display:block}.sidebar nav{display:flex;margin-left:auto}.nav-item{padding:9px}.sidebar-foot{display:none}main{padding:0 16px 32px}.topbar{height:auto;padding:18px 0;display:block}.top-actions{margin-top:14px}.search{width:100%}.tools{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.metric-icon{display:none}.workspace-head{padding:17px}.cloud-tabs{padding:0 8px}.cloud-tab{font-size:0}.cloud-tab span,.cloud-tab b{font-size:.7rem}.table-foot{display:block}.table-foot span{display:block;margin:3px 0}}@media(max-width:460px){.tools,.metrics{grid-template-columns:1fr}.icon-button{display:none}}