@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Manrope:wght@400;500;700;800&display=swap";:root{color-scheme:light;--surface-0: #ffffff;--bg-950: #f3f7ff;--bg-900: #e7eefb;--bg-850: #d9e3f5;--app-background: linear-gradient(180deg, rgba(255, 255, 255, .6), rgba(243, 247, 255, .45)), url(./ccc-wallpaper-clean-BtjIsptm.webp);--text: #0f172a;--text-strong: #020617;--text-soft: #334155;--text-muted: #64748b;--sky-100: #e0f2fe;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--good: #6ee7b7;--warn: #fca5a5;--panel-ring: rgba(15, 23, 42, .14);--panel-fill: rgba(255, 255, 255, .75);--panel-fill-strong: rgba(255, 255, 255, .9);--surface-1: rgba(255, 255, 255, .88);--surface-2: rgba(255, 255, 255, .82);--surface-3: rgba(255, 255, 255, .94);--surface-raised: rgba(255, 255, 255, .97);--overlay: rgba(15, 23, 42, .42);--input-border: rgba(15, 23, 42, .22);--input-bg: rgba(255, 255, 255, .9);--ghost-border: rgba(15, 23, 42, .3);--brand-mark-border: rgba(15, 23, 42, .2);--brand-mark-bg: rgba(148, 163, 184, .2);--table-divider: rgba(15, 23, 42, .12);--table-head: rgba(15, 23, 42, .7);--danger-bg: rgba(239, 68, 68, .14);--danger-border: rgba(220, 38, 38, .36);--btn-bg-top: rgba(255, 255, 255, .96);--btn-bg-bottom: rgba(226, 232, 240, .9);--shadow-lg: 0 30px 80px rgba(15, 23, 42, .16);--shadow-md: 0 18px 40px rgba(15, 23, 42, .12);--shell-sidebar-bg: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(240, 249, 255, .88));--shell-sidebar-border: rgba(14, 165, 233, .14);--accent-soft: rgba(14, 165, 233, .12);--accent-strong: rgba(14, 165, 233, .2);--badge-running-bg: rgba(16, 185, 129, .15);--badge-running-text: #059669;--badge-stopped-bg: rgba(239, 68, 68, .15);--badge-stopped-text: #dc2626;--badge-paused-bg: rgba(245, 158, 11, .15);--badge-paused-text: #d97706;--console-modal-bg: radial-gradient(circle at top left, rgba(14, 165, 233, .12), transparent 30%), linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(241, 245, 249, .96));--console-modal-frame-bg: radial-gradient(circle at top, rgba(56, 189, 248, .14), transparent 42%), linear-gradient(180deg, rgba(226, 232, 240, .92), rgba(203, 213, 225, .9));--console-modal-frame-shadow: inset 0 0 0 1px rgba(14, 165, 233, .08);--console-modal-loading-bg: rgba(255, 255, 255, .66);--console-modal-loading-text: #0f172a}:root[data-theme=dark]{color-scheme:dark;--surface-0: #0a0e17;--bg-950: #0a0e17;--bg-900: #111827;--bg-850: #182338;--app-background: linear-gradient(180deg, rgba(6, 12, 24, .2), rgba(6, 12, 24, .38)), url(./ccc-wallpaper-dark-B7ftdfG8.webp);--text: #ffffff;--text-strong: #f8fafc;--text-soft: #d1d5db;--text-muted: #9ca3af;--panel-ring: rgba(255, 255, 255, .14);--panel-fill: rgba(255, 255, 255, .03);--panel-fill-strong: rgba(15, 23, 42, .85);--surface-1: rgba(15, 23, 42, .78);--surface-2: rgba(15, 23, 42, .72);--surface-3: rgba(7, 14, 26, .96);--surface-raised: rgba(2, 6, 23, .98);--overlay: rgba(3, 8, 18, .72);--input-border: rgba(255, 255, 255, .2);--input-bg: rgba(255, 255, 255, .04);--ghost-border: rgba(255, 255, 255, .3);--brand-mark-border: rgba(255, 255, 255, .2);--brand-mark-bg: rgba(255, 255, 255, .08);--table-divider: rgba(255, 255, 255, .11);--table-head: rgba(255, 255, 255, .72);--danger-bg: rgba(239, 68, 68, .2);--danger-border: rgba(252, 165, 165, .45);--btn-bg-top: rgba(255, 255, 255, .12);--btn-bg-bottom: rgba(255, 255, 255, .08);--shadow-lg: 0 30px 80px rgba(0, 0, 0, .45);--shadow-md: 0 18px 40px rgba(0, 0, 0, .3);--shell-sidebar-bg: linear-gradient(180deg, rgba(8, 15, 28, .98), rgba(14, 23, 42, .9));--shell-sidebar-border: rgba(125, 211, 252, .14);--accent-soft: rgba(56, 189, 248, .14);--accent-strong: rgba(56, 189, 248, .24);--badge-running-bg: rgba(16, 185, 129, .18);--badge-running-text: #34d399;--badge-stopped-bg: rgba(239, 68, 68, .18);--badge-stopped-text: #f87171;--badge-paused-bg: rgba(245, 158, 11, .18);--badge-paused-text: #fbbf24;--console-modal-bg: radial-gradient(circle at top left, rgba(56, 189, 248, .08), transparent 28%), linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(2, 6, 23, .98));--console-modal-frame-bg: radial-gradient(circle at top, rgba(56, 189, 248, .12), transparent 40%), linear-gradient(180deg, rgba(2, 6, 23, .96), rgba(15, 23, 42, .98));--console-modal-frame-shadow: inset 0 0 0 1px rgba(125, 211, 252, .08);--console-modal-loading-bg: rgba(2, 6, 23, .34);--console-modal-loading-text: #e2e8f0}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}html{-webkit-text-size-adjust:100%;background:var(--bg-900)}body{margin:0;min-width:320px;min-height:100vh;min-height:-webkit-fill-available;font-family:Inter,sans-serif;color:var(--text);background:var(--app-background);background-attachment:fixed;background-repeat:no-repeat;background-position:center top;background-size:cover}#root{min-height:100vh;min-height:-webkit-fill-available}@supports (min-height: 100dvh){body,#root{min-height:100dvh}}h1,h2,h3,p{margin:0}button,input,select,a{font:inherit}button{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;border:none;background:none;padding:0;color:var(--text)}button:disabled{cursor:not-allowed}input{-webkit-appearance:none;appearance:none;width:100%;border:1px solid var(--input-border);border-radius:10px;background:var(--input-bg);color:var(--text);padding:.65rem .75rem;font-size:16px}input[readonly]{color:var(--text-soft);background:color-mix(in srgb,var(--input-bg) 76%,var(--surface-2))}input[type=checkbox]{-webkit-appearance:checkbox;appearance:auto;width:1.1rem;height:1.1rem;min-width:1.1rem;padding:0;border-radius:5px;accent-color:var(--sky-500);cursor:pointer}input[type=checkbox]:focus{box-shadow:0 0 0 4px #7dd3fc2e}select{-webkit-appearance:none;appearance:none;width:100%;border:1px solid var(--input-border);border-radius:10px;background:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%) calc(100% - 18px) 50% / 5px 5px no-repeat,linear-gradient(135deg,var(--text-muted) 50%,transparent 50%) calc(100% - 13px) 50% / 5px 5px no-repeat,var(--input-bg);color:var(--text);padding:.65rem 2.1rem .65rem .75rem;font-size:16px}textarea{-webkit-appearance:none;appearance:none;width:100%;border:1px solid var(--input-border);border-radius:10px;background:var(--input-bg);color:var(--text);padding:.65rem .75rem;font-size:16px;resize:vertical}input::placeholder{color:var(--text-muted)}input:focus{outline:none;border-color:#7dd3fc8c;box-shadow:0 0 0 4px #7dd3fc26}select:focus{outline:none;border-color:#7dd3fc8c;box-shadow:0 0 0 4px #7dd3fc26}textarea:focus{outline:none;border-color:#7dd3fc8c;box-shadow:0 0 0 4px #7dd3fc26}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.62rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;line-height:1.4;transition:.18s ease;cursor:pointer;border:1px solid var(--panel-ring);box-shadow:0 1px #ffffff0f inset}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn--primary{background:linear-gradient(135deg,var(--sky-500),#0284c7);color:#fff;border-color:transparent}.btn--primary:hover{background:linear-gradient(135deg,#0ea5e9,#0369a1)}.btn--secondary{background:linear-gradient(180deg,var(--btn-bg-top),var(--btn-bg-bottom)),linear-gradient(135deg,transparent,rgba(56,189,248,.05));border-color:var(--panel-ring);color:var(--text)}.btn--ghost{background:color-mix(in srgb,var(--surface-1) 48%,transparent);border-color:var(--ghost-border);color:var(--text)}.btn--danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--text)}.btn--sm{padding:.42rem .72rem;font-size:.78rem}.btn--icon{padding:.35rem;border-radius:6px;line-height:1}.button-cluster{display:inline-flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.segmented-control{display:inline-flex;flex-wrap:wrap;gap:.35rem;padding:.3rem;border:1px solid var(--panel-ring);border-radius:16px;background:color-mix(in srgb,var(--surface-2) 92%,transparent);box-shadow:inset 0 1px #ffffff0d}.segmented-control button{display:inline-flex;align-items:center;gap:.45rem;min-height:2.25rem;border-radius:12px;padding:.55rem .82rem;color:var(--text-soft);font-size:.8rem;font-weight:700;letter-spacing:.02em}.segmented-control button strong{font-size:.72rem;color:var(--text-muted)}.segmented-control button:hover{background:var(--accent-soft);color:var(--text)}.segmented-control button.is-active{background:linear-gradient(135deg,var(--sky-500),#22c55e);color:#fff;box-shadow:0 12px 24px #0ea5e92e}.segmented-control button.is-active strong{color:#ffffffdb}.segmented-control--compact button{min-width:5.5rem;justify-content:center}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.15rem .6rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge--running{background:var(--badge-running-bg);color:var(--badge-running-text)}.badge--running:before{background:#10b981}.badge--stopped{background:var(--badge-stopped-bg);color:var(--badge-stopped-text)}.badge--stopped:before{background:#ef4444}.badge--paused{background:var(--badge-paused-bg);color:var(--badge-paused-text)}.badge--paused:before{background:#f59e0b}.badge--unknown{background:#94a3b826;color:var(--text-muted)}.badge--unknown:before{background:var(--text-muted)}.shell-layout{width:100%;max-width:none;min-height:100vh;margin:0 auto;padding:clamp(.85rem,.55rem + 1vw,1.75rem);display:grid;grid-template-columns:236px minmax(0,1fr);gap:clamp(.9rem,.7rem + .45vw,1.35rem)}.shell-layout.is-sidebar-collapsed{grid-template-columns:88px minmax(0,1fr)}.shell-sidebar{position:sticky;top:1.1rem;align-self:start;min-height:calc(100vh - 2.2rem);border:1px solid var(--shell-sidebar-border);border-radius:28px;background:var(--shell-sidebar-bg);box-shadow:var(--shadow-md);padding:.95rem .95rem .88rem;display:grid;gap:1rem;overflow:visible}.shell-sidebar.is-collapsed{padding-inline:.7rem}.shell-sidebar.is-collapsed .shell-sidebar__brand{justify-content:center}.shell-sidebar__rail-toggle{position:absolute;top:1.35rem;right:-.85rem;width:1.9rem;height:3.4rem;border:1px solid var(--panel-ring);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff0f,#0f172a33),color-mix(in srgb,var(--surface-1) 92%,transparent);color:var(--text-soft);box-shadow:0 12px 24px #02081738,inset 0 0 0 1px #94a3b80d;z-index:3}.shell-sidebar__rail-toggle:hover{color:var(--text);background:linear-gradient(180deg,#ffffff14,#0f172a24),color-mix(in srgb,var(--accent-soft) 88%,transparent)}.shell-sidebar__rail-toggle:focus-visible{outline:2px solid rgba(56,189,248,.44);outline-offset:3px}.shell-sidebar__rail-toggle svg{width:.98rem;height:.98rem;display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.shell-sidebar__top{display:grid;gap:.55rem}.shell-sidebar__brand-row{min-width:0;padding-right:.35rem}.shell-sidebar__brand{display:flex;align-items:center;gap:.72rem;min-width:0}.shell-sidebar__brand-frame{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 60%),color-mix(in srgb,var(--surface-raised) 90%,transparent);border:1px solid var(--shell-sidebar-border);box-shadow:0 12px 24px #0ea5e91a}.shell-sidebar__brand-frame img{width:22px;height:22px;display:block}.shell-sidebar__brand-copy{display:grid;gap:.12rem}.shell-sidebar__brand-copy strong{font-family:Manrope,sans-serif;font-size:1rem}.shell-sidebar__brand-copy span{color:var(--text-muted);font-size:.8rem}.shell-sidebar__nav{display:grid;gap:.52rem;align-content:start}.shell-nav-item{display:flex;align-items:center;gap:.72rem;width:100%;min-height:3.6rem;padding:.78rem .82rem;border-radius:18px;border:1px solid transparent;background:transparent;text-align:left;color:var(--text-soft)}.shell-nav-item__icon{width:2.2rem;height:2.2rem;border-radius:12px;display:grid;place-items:center;align-self:center;flex-shrink:0;background:color-mix(in srgb,var(--surface-1) 88%,transparent);border:1px solid rgba(148,163,184,.14);overflow:hidden;line-height:0}.shell-nav-item__icon svg{width:1.1rem;height:1.1rem;display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.shell-nav-item__body{display:grid;gap:.2rem;align-self:center}.shell-nav-item__body strong{font-size:.92rem}.shell-nav-item__body span{color:var(--text-muted);font-size:.78rem}.shell-nav-item:hover{border-color:var(--shell-sidebar-border);background:var(--accent-soft)}.shell-nav-item.is-active{border-color:#38bdf857;background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 56%),var(--surface-raised);box-shadow:0 16px 30px #0ea5e91a}.shell-nav-item.is-active .shell-nav-item__icon{background:linear-gradient(135deg,var(--sky-500),#34d399);color:#fff;border-color:transparent}.shell-sidebar.is-collapsed .shell-nav-item{justify-content:center;padding-inline:.5rem}.shell-sidebar.is-collapsed .shell-sidebar__top{display:grid;justify-items:center;gap:.5rem}.shell-sidebar.is-collapsed .shell-nav-item__icon{width:2.5rem;height:2.5rem}.shell-sidebar.is-collapsed .shell-sidebar__rail-toggle{top:1.15rem;right:-.72rem;width:1.72rem;height:3rem}.shell-sidebar__footer{margin-top:auto;display:grid;gap:.75rem}.shell-user-card{border:1px solid var(--panel-ring);border-radius:20px;background:color-mix(in srgb,var(--surface-raised) 94%,transparent);padding:.9rem .95rem;display:grid;gap:.55rem}.shell-user-card.is-collapsed{justify-items:center;width:100%;padding:.7rem .45rem}.shell-user-card__identity{display:flex;align-items:center;gap:.72rem;min-width:0}.shell-user-card__details{min-width:0;flex:1 1 auto}.shell-user-card__copy{min-width:0;display:grid;gap:.22rem;justify-items:start;text-align:left}.shell-user-card strong{display:block;font-size:.95rem;line-height:1.2}.shell-user-card__tenant{justify-self:start;max-width:100%;padding:.25rem .6rem;border-radius:999px;background:var(--accent-soft);color:var(--text-soft);font-size:.74rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-user-card.is-collapsed .shell-user-card__tenant{justify-self:center;max-width:100%;padding-inline:.45rem;font-size:.68rem}.shell-sidebar__actions{display:flex;gap:.55rem}.shell-sidebar__actions>*{flex:1 1 auto;min-width:0}.shell-sidebar__actions .btn svg{width:.95rem;height:.95rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.shell-sidebar.is-collapsed .shell-sidebar__actions{flex-direction:column}.shell-sidebar.is-collapsed .shell-user-card__identity{flex-direction:row;justify-content:center}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.5rem;padding:.65rem .85rem;border:1px solid var(--panel-ring);border-radius:12px;background:color-mix(in srgb,var(--surface-1) 86%,transparent);cursor:pointer;color:var(--text-soft);font-family:system-ui,sans-serif;font-size:.9rem;font-weight:700;text-transform:capitalize}.theme-toggle:hover{background:var(--accent-soft);color:var(--text)}.theme-toggle:disabled{opacity:.55;cursor:wait}.theme-toggle--icon{min-width:2.75rem;padding-inline:.75rem}.theme-toggle--icon-only,.btn--icon-ghost{min-width:2.75rem;justify-content:center}.page-header__eyebrow{display:inline-flex;align-items:center;justify-self:start;color:var(--sky-400);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800}.user-avatar{width:3.65rem;height:3.65rem;border-radius:19px;overflow:hidden;display:grid;place-items:center;flex-shrink:0;border:1px solid rgba(125,211,252,.18);background:radial-gradient(circle at top left,rgba(56,189,248,.22),transparent 58%),color-mix(in srgb,var(--surface-raised) 92%,transparent);color:var(--text-strong);font-family:Manrope,sans-serif;font-size:1.08rem;font-weight:800}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar--compact{width:2.6rem;height:2.6rem;border-radius:14px}.shell-main{min-width:0;display:grid;gap:.9rem;align-content:start}.shell-topbar{display:none;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem .95rem;border:1px solid var(--panel-ring);border-radius:20px;background:color-mix(in srgb,var(--surface-raised) 94%,transparent);box-shadow:var(--shadow-md)}.shell-topbar__brand{display:flex;align-items:center;gap:.7rem}.shell-topbar__brand>div{display:grid;gap:.12rem}.shell-topbar__brand img{width:34px;height:34px;border-radius:10px}.shell-topbar__brand strong{display:block;font-family:Manrope,sans-serif;font-size:.98rem}.shell-topbar__brand span{color:var(--text-muted);font-size:.78rem}.shell-topbar__right{display:flex;align-items:center;gap:.65rem}.shell-topbar__tenant{display:inline-flex;align-items:center;padding:.32rem .62rem;border:1px solid var(--panel-ring);border-radius:999px;background:color-mix(in srgb,var(--surface-1) 90%,transparent);color:var(--text-soft);font-size:.76rem;font-weight:700}.shell-mobile-nav{display:none;gap:.5rem;overflow-x:auto;padding-bottom:.1rem}.shell-mobile-nav__item{flex:0 0 auto;border:1px solid var(--panel-ring);border-radius:999px;padding:.62rem .95rem;background:color-mix(in srgb,var(--surface-raised) 92%,transparent);color:var(--text-soft);font-size:.82rem;font-weight:700}.shell-mobile-nav__item.is-active{background:linear-gradient(135deg,var(--sky-500),#22c55e);border-color:transparent;color:#fff}.page-header{padding:1.15rem 1.2rem;display:flex;justify-content:space-between;align-items:start;gap:1rem;border:1px solid var(--panel-ring);border-radius:24px;background:radial-gradient(circle at top right,rgba(56,189,248,.14),transparent 34%),color-mix(in srgb,var(--surface-raised) 95%,transparent);box-shadow:var(--shadow-md)}.page-header>div:first-child{min-width:0;display:grid;gap:.42rem}.page-header__content{display:grid;gap:.35rem}.page-header__title{font-family:Manrope,sans-serif;font-size:clamp(1.45rem,2.6vw,2rem);font-weight:800;line-height:1.08}.page-header__desc{max-width:70ch;color:var(--text-soft);font-size:.92rem;margin-top:.15rem}.page-header__actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.page-header__actions--stacked{display:grid;justify-items:end}.page-header__meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.4rem}.page-header__meta span{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .62rem;border:1px solid var(--panel-ring);border-radius:999px;background:color-mix(in srgb,var(--surface-1) 90%,transparent);color:var(--text-soft);font-size:.75rem;font-weight:700}.page-header--hero{position:relative;overflow:hidden}.toast-host{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:50;display:grid;gap:.4rem;width:min(420px,calc(100% - 2rem))}.toast{display:flex;align-items:start;gap:.5rem;padding:.6rem .75rem;border-radius:10px;border:1px solid transparent;font-size:.85rem;animation:toast-in .2s ease-out;box-shadow:0 4px 20px #00000026}.toast--success{background:#10b9811f;border-color:#34d39966;color:var(--text)}.toast--error{background:#ef44441f;border-color:#f8717166;color:var(--text)}.toast__dismiss{margin-left:auto;cursor:pointer;background:none;border:none;color:var(--text-muted);font-size:1rem;line-height:1;padding:0;flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.overflow-menu{display:inline-block}.overflow-menu__panel{position:fixed;background:var(--surface-3);border:1px solid var(--panel-ring);border-radius:8px;box-shadow:0 8px 24px #0000002e;padding:.25rem;z-index:80;animation:menu-in .12s ease-out}.overflow-menu__item{display:block;width:100%;text-align:left;padding:.4rem .6rem;border-radius:5px;font-size:.82rem;color:var(--text);background:none;border:none;cursor:pointer}.overflow-menu__item:hover{background:var(--surface-1)}.overflow-menu__item--danger{color:var(--badge-stopped-text)}.overflow-menu__item--danger:hover{background:var(--danger-bg)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.boot-screen,.landing-shell{min-height:100vh;min-height:-webkit-fill-available}@supports (min-height: 100dvh){.boot-screen,.landing-shell{min-height:100dvh}}.boot-screen{display:grid;place-items:center}.boot-screen p{color:var(--text-soft)}.landing-shell{display:grid;place-items:center;padding:1.2rem}.landing-card{border-radius:18px;border:1px solid var(--panel-ring);background:var(--panel-fill-strong);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.landing-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 0%,rgba(56,189,248,.2),transparent 50%);pointer-events:none}.landing-main{width:min(1040px,100%);padding:2rem 2rem 1.8rem;display:grid;align-content:center;gap:1rem}.landing-brand{display:inline-flex;align-items:center;gap:.62rem}.brand-mark{width:42px;height:42px;border-radius:10px;border:1px solid var(--brand-mark-border);background:var(--brand-mark-bg);padding:.18rem}.brand-wordmark{font-family:Manrope,sans-serif;font-size:2rem;font-weight:800;letter-spacing:.01em;background:linear-gradient(to right,var(--text),var(--sky-500),var(--text));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--table-head);font-size:.72rem;font-weight:500}.landing-title,.console-title,.auth-card h2{font-family:Manrope,sans-serif;font-weight:500}.landing-title{font-size:clamp(2.05rem,5.7vw,3.2rem);line-height:1.08;max-width:16ch}.landing-title span,.console-title span{color:var(--sky-300)}.landing-subtitle,.auth-subtitle,.subtle{color:var(--text-soft)}.landing-subtitle{max-width:58ch}.landing-actions{display:flex;flex-wrap:wrap;gap:.65rem}.ghost-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text);border:1px solid var(--ghost-border);border-radius:10px;padding:.58rem .9rem;background:transparent;transition:.15s ease}.ghost-link:hover{transform:translateY(-1px);border-color:#7dd3fc59}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--overlay);display:grid;place-items:center;padding:1rem}.login-sheet{animation:login-float-in .26s ease-out}@keyframes login-float-in{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card{width:min(460px,100%);border:1px solid var(--panel-ring);background:var(--surface-3);border-radius:14px;padding:1.2rem;box-shadow:var(--shadow-lg)}.auth-card-floating{position:relative}.modal-close{position:absolute;top:.74rem;right:.74rem;font-size:.78rem;line-height:1;padding:.38rem .48rem;border:1px solid var(--ghost-border);border-radius:6px;background:transparent;color:var(--text);cursor:pointer}.auth-form{margin-top:.95rem;display:grid;gap:.8rem}.auth-form label,.modal-card label{display:grid;gap:.35rem;font-size:.92rem}.auth-form button[type=submit]{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem;border-radius:8px;font-size:.875rem;font-weight:500;background:var(--sky-500);color:#fff;border:1px solid transparent;transition:.15s ease;cursor:pointer}.auth-form button[type=submit]:hover{background:#0284c7;transform:translateY(-1px)}.auth-form button[type=submit]:disabled{opacity:.5;transform:none}.app-shell{width:100%;margin:0;padding:0;display:grid;gap:.9rem}.topbar{display:flex;justify-content:space-between;gap:.8rem;border:1px solid var(--panel-ring);background:var(--surface-1);border-radius:14px;padding:1rem}.console-title{margin-top:.2rem;font-size:clamp(1.5rem,3.2vw,2.05rem);line-height:1.2}.topbar-actions{display:flex;gap:.5rem;align-items:start}.ghost{background:transparent;border:1px solid var(--ghost-border);border-radius:8px;padding:.5rem .9rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:.15s ease;color:var(--text)}.ghost:hover{transform:translateY(-1px);border-color:#7dd3fc59}.ghost:disabled{opacity:.5;transform:none}.danger{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:8px;padding:.5rem .9rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:.15s ease;color:var(--text)}.danger:hover{transform:translateY(-1px)}.danger:disabled{opacity:.5;transform:none}.notice-text,.error-text{border-radius:10px;padding:.68rem;border:1px solid transparent}.notice-text{background:#6ee7b71f;border-color:#6ee7b759}.error-text{background:#f871711f;border-color:#f8717159}.vm-table-wrap{border:1px solid var(--panel-ring);border-radius:22px;overflow:auto;background:color-mix(in srgb,var(--surface-1) 94%,transparent);box-shadow:inset 0 1px #ffffff0a}.vm-table{width:100%;min-width:780px;border-collapse:collapse}.vm-table th,.vm-table td{border-bottom:1px solid var(--table-divider);text-align:left;vertical-align:middle;padding:.95rem 1rem}.vm-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.vm-table tbody tr:hover{background:#38bdf80f}.vm-table tbody tr:last-child td{border-bottom:none}.button-group{display:flex;flex-wrap:wrap;gap:.45rem}.button-group--split .btn{min-width:4.8rem}.mini-btn{font-size:.8rem;padding:.33rem .54rem;border:1px solid transparent;border-radius:8px;background:linear-gradient(to bottom,var(--btn-bg-top),var(--btn-bg-bottom));cursor:pointer;transition:.15s ease;color:var(--text)}.mini-btn:hover{transform:translateY(-1px)}.mini-btn:disabled{opacity:.5;transform:none}.mini-btn.good{background:#38bdf838;border-color:#7dd3fc61}.mini-btn.warn{background:#f8717129;border-color:#f8717159}.metrics-inline{display:flex;gap:.6rem;font-size:.78rem;color:var(--text-soft)}.metrics-inline span{white-space:nowrap}.metrics-inline strong{font-weight:600}.metrics-block{display:grid;gap:.45rem}.metrics-block dl{margin:0;display:grid;gap:.2rem;font-size:.8rem}.metrics-block dl div{display:flex;gap:.34rem}.metrics-block dt{color:var(--table-head)}.empty-cell{text-align:center!important;color:var(--table-head)}.table-subtle{color:var(--text-muted);font-size:.82rem}.table-link,.link-button{display:inline-flex;align-items:center;justify-content:flex-start;color:var(--sky-500);font-weight:600;text-align:left;text-decoration:none;border-radius:6px;cursor:pointer}.table-link:hover,.link-button:hover{color:var(--text);text-decoration:underline}.table-link--strong{color:var(--text)}.link-button{justify-self:start;margin-bottom:0;font-size:.82rem}.page-back-link{display:inline-flex;align-items:center;gap:.48rem;justify-self:start;padding:.38rem .62rem;border:1px solid var(--panel-ring);border-radius:999px;background:color-mix(in srgb,var(--surface-1) 90%,transparent);color:var(--text-soft);font-size:.8rem;font-weight:700}.page-back-link:hover{background:var(--accent-soft);color:var(--text)}.vm-row-title{display:grid;gap:.18rem}.vm-row-title span{color:var(--text-muted);font-size:.77rem;letter-spacing:.04em;text-transform:uppercase}.vm-row-metrics{display:grid;gap:.55rem;min-width:190px}.metric-rail{display:grid;gap:.35rem}.metric-rail__label{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.75rem;color:var(--text-soft)}.metric-rail__label strong{color:var(--text);font-size:.78rem}.metric-rail__track{height:8px;overflow:hidden;border-radius:999px;background:#94a3b82e}.metric-rail__track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sky-500),#34d399)}.vm-card{border:1px solid var(--panel-ring);border-radius:20px;background:radial-gradient(circle at top right,rgba(56,189,248,.12),transparent 34%),var(--surface-1);padding:1rem;display:grid;gap:.8rem}.vm-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.vm-card__title-group{display:grid;gap:.18rem}.vm-card__title-group span{color:var(--text-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.vm-card__name{font-weight:600}.vm-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.82rem;color:var(--text-muted)}.vm-card__meta strong{color:var(--text-soft)}.vm-card__metrics{display:flex;gap:.75rem;font-size:.78rem;color:var(--text-soft)}.vm-card__metrics--stacked{display:grid;gap:.6rem}.vm-card__actions{display:flex;gap:.45rem}.vm-card-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.vm-empty-state{padding:1.3rem;border:1px dashed var(--panel-ring);border-radius:20px;background:color-mix(in srgb,var(--surface-1) 92%,transparent);display:grid;gap:.25rem;text-align:center}.console-panel{gap:1rem;border-radius:24px}.overview-grid--dashboard{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.stat-card--dashboard{min-height:132px}.vm-detail-layout{display:grid;gap:.9rem}.vm-detail-hero{gap:.85rem}.vm-detail-hero__title{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.vm-detail-hero__title small{color:var(--text-muted)}.metrics-grid{display:grid;gap:.75rem;margin-top:.8rem}.vm-meter{display:grid;gap:.35rem}.vm-meter__label{display:flex;justify-content:space-between;gap:.75rem;color:var(--text-soft);font-size:.85rem}.vm-meter__track{height:8px;overflow:hidden;border-radius:999px;background:#94a3b838}.vm-meter__track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sky-500),var(--good))}.vm-meter small{color:var(--text-muted)}.monitor-bars{display:grid;grid-template-columns:repeat(24,minmax(4px,1fr));align-items:end;gap:.22rem;height:160px;padding:.8rem;border:1px solid var(--panel-ring);border-radius:12px;background:linear-gradient(to top,rgba(148,163,184,.12) 1px,transparent 1px) 0 0 / 100% 25%,var(--surface-2)}.monitor-bars span{min-height:6px;border-radius:999px 999px 3px 3px;background:linear-gradient(180deg,var(--sky-300),var(--sky-500))}.detail-list{display:grid;gap:.55rem}.detail-list div{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);gap:.75rem;align-items:start;padding-bottom:.55rem;border-bottom:1px solid var(--table-divider)}.detail-list div:last-child{border-bottom:none;padding-bottom:0}.detail-list span{color:var(--text-muted);font-size:.84rem}.detail-list strong{min-width:0;overflow-wrap:anywhere;font-weight:600;color:var(--text)}.detail-list--compact div{grid-template-columns:minmax(72px,.35fr) minmax(0,1.65fr)}.vm-detail-inspector{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:.9rem;align-items:start}.vm-detail-sidecar{position:sticky;top:1rem;gap:.9rem}.vm-detail-sidecar__header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.vm-detail-sidecar__header span{color:var(--text-muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.vm-detail-sidecar__header strong{font-family:Manrope,sans-serif;font-size:1.5rem}.vm-detail-nav{display:grid;gap:.6rem}.vm-detail-nav button{display:grid;gap:.18rem;width:100%;padding:.95rem 1rem;border:1px solid var(--panel-ring);border-radius:14px;background:linear-gradient(180deg,rgba(56,189,248,.06),transparent 45%),var(--surface-2);text-align:left;transition:border-color .15s ease,transform .15s ease,background .15s ease}.vm-detail-nav button:hover{transform:translateY(-1px);border-color:#38bdf852}.vm-detail-nav button.is-active{border-color:#38bdf86b;background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 52%),var(--surface-1);box-shadow:inset 0 0 0 1px #7dd3fc29}.vm-detail-nav button small{color:var(--sky-300);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.vm-detail-nav button strong{font-size:1rem;color:var(--text-strong)}.vm-detail-nav button span{color:var(--text-soft);font-size:.86rem;line-height:1.4}.vm-detail-nav button em{margin-top:.2rem;color:var(--text-muted);font-size:.78rem;font-style:normal}.vm-detail-panel{min-width:0;gap:1rem}.vm-detail-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--table-divider)}.vm-detail-panel__eyebrow{margin-bottom:.28rem;color:var(--sky-300);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.vm-detail-panel__header h3{margin:0}.vm-detail-panel__summary{min-width:92px;padding:.8rem .9rem;border:1px solid var(--panel-ring);border-radius:14px;background:var(--surface-2);text-align:center}.vm-detail-panel__summary span{display:block;font-family:Manrope,sans-serif;font-size:1.55rem;line-height:1}.vm-detail-panel__summary small{color:var(--text-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.vm-detail-panel__subhead{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.vm-detail-panel__subhead span{color:var(--text-soft);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.vm-detail-panel__subhead strong{color:var(--text-muted);font-size:.85rem}.vm-hardware-groups{display:grid;gap:1rem}.vm-hardware-group{padding:.95rem;border:1px solid var(--panel-ring);border-radius:16px;background:radial-gradient(circle at top left,rgba(56,189,248,.08),transparent 45%),var(--surface-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:grid;place-items:center;padding:1rem;z-index:30}.modal-card{width:min(500px,100%);border:1px solid var(--panel-ring);border-radius:22px;background:var(--surface-3);box-shadow:var(--shadow-lg);padding:1.15rem;display:grid;gap:.85rem}.modal-card p{color:var(--text-soft)}.form-error{border:1px solid var(--danger-border);border-radius:10px;background:var(--danger-bg);color:var(--badge-stopped-text)!important;padding:.65rem .75rem}.form-hint{border:1px solid var(--panel-ring);border-radius:10px;background:var(--surface-2);color:var(--text-soft)!important;padding:.58rem .68rem;font-size:.84rem}.form-hint--warn{border-color:#f59e0b5c;background:#f59e0b17}.modal-actions{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}.credentials-modal{width:min(520px,100%)}.credentials-modal .panel-header{padding-bottom:.2rem}.credentials-modal .modal-actions{justify-content:flex-end}.vm-create-modal{width:min(980px,100%);max-height:min(90vh,980px);overflow:auto;padding-bottom:1.25rem}.vm-create-modal .panel-header{position:sticky;top:-1.15rem;z-index:2;margin:-1.15rem -1.15rem 0;padding:1.05rem 1.15rem .9rem;border-bottom:1px solid var(--table-divider);background:color-mix(in srgb,var(--surface-raised) 96%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.vm-create-modal .modal-actions{position:sticky;bottom:-1.25rem;z-index:2;margin:0 -1.15rem -1.25rem;padding:.95rem 1.15rem 1.15rem;border-top:1px solid var(--table-divider);background:color-mix(in srgb,var(--surface-raised) 96%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.vm-console-modal{width:min(1240px,100%);max-height:min(94vh,1080px);padding:0;overflow:hidden;gap:0;background:var(--console-modal-bg)}.vm-console-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.05rem 1.1rem .9rem;border-bottom:1px solid rgba(148,163,184,.12)}.vm-console-modal__header p{margin-top:.2rem}.vm-console-modal__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.9rem 1.1rem 1rem}.vm-console-modal__status{display:grid;gap:.45rem}.vm-console-modal__pill{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;padding:.32rem .62rem;border:1px solid rgba(52,211,153,.22);border-radius:999px;background:#10b9811f;color:#6ee7b7;font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.vm-console-modal__pill:before{content:"";width:.45rem;height:.45rem;border-radius:999px;background:currentColor;box-shadow:0 0 0 .18rem #6ee7b72e}.vm-console-modal__meta{color:var(--text-soft);font-size:.88rem;line-height:1.45}.vm-console-modal__toolbar-actions{justify-content:flex-end}.vm-console-frame-wrap{position:relative;min-height:72vh;margin:0 1.1rem 1.1rem;border:1px solid var(--panel-ring);border-radius:16px;overflow:hidden;background:var(--console-modal-frame-bg);box-shadow:var(--console-modal-frame-shadow)}.vm-console-frame__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--console-modal-loading-text);letter-spacing:.02em;background:var(--console-modal-loading-bg)}.vm-console-frame{display:block;width:100%;min-height:72vh;border:0;background:#020617}@media(max-width:900px){.vm-console-modal__toolbar{align-items:stretch;flex-direction:column}.vm-console-modal__toolbar-actions{justify-content:stretch}}.form-section{display:grid;gap:.8rem;border:1px solid var(--panel-ring);border-radius:16px;background:var(--surface-1);padding:.95rem}.form-section h4{margin:0;font-family:Manrope,sans-serif;font-size:.92rem;color:var(--text)}.field-row--checks{align-items:center;grid-template-columns:repeat(auto-fit,minmax(150px,max-content))}.callout{display:grid;gap:.35rem;border:1px solid var(--panel-ring);border-radius:12px;background:var(--surface-1);padding:.75rem}.callout strong{color:var(--text)}.callout small{color:var(--text-muted)}.callout--warn{border-color:var(--danger-border);background:var(--danger-bg)}.admin-card{border:1px solid var(--panel-ring);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--surface-2);padding:1rem;display:grid;gap:.72rem;box-shadow:0 1px #ffffff0a inset}.admin-card h3{font-family:Manrope,sans-serif;font-size:1rem}.admin-card label{display:grid;gap:.35rem;font-size:.9rem}.admin-card button[type=submit]{display:inline-flex;align-items:center;justify-content:center;padding:.62rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;background:linear-gradient(135deg,var(--sky-500),#0284c7);color:#fff;border:1px solid transparent;transition:.18s ease;cursor:pointer}.admin-card button[type=submit]:hover{background:#0284c7;transform:translateY(-1px)}.admin-card button[type=submit]:disabled{opacity:.5;transform:none}.admin-section{display:grid;gap:.9rem}.card-section-header{display:grid;gap:.2rem}.form-actions{display:flex;flex-wrap:wrap;gap:.55rem}.admin-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:.9rem;align-items:start}.admin-sidebar{position:sticky;top:1rem;display:grid;gap:.8rem;border:1px solid var(--panel-ring);border-radius:20px;background:radial-gradient(circle at top left,rgba(56,189,248,.08),transparent 40%),var(--surface-1);padding:.95rem}.admin-sidebar h3{font-family:Manrope,sans-serif;font-size:1.05rem}.admin-nav-list{display:grid;gap:.45rem}.admin-nav-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left;border-radius:16px;border:1px solid var(--panel-ring);background:var(--surface-2);padding:.68rem .8rem;cursor:pointer;transition:.15s ease;color:var(--text)}.admin-nav-btn:hover{border-color:#7dd3fc40}.admin-nav-btn small{color:var(--text-muted);font-size:.74rem}.admin-nav-btn.is-active{border-color:#38bdf88c;background:linear-gradient(135deg,#38bdf833,#0ea5e91f)}.admin-main{display:grid;gap:.9rem}.admin-section-panel{gap:.8rem}.panel-header{display:flex;justify-content:space-between;gap:.8rem;align-items:start}.panel-header h2{font-family:Manrope,sans-serif;font-size:clamp(1.3rem,2.5vw,1.7rem)}.overview-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.overview-grid.two-columns{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stat-card{border:1px solid var(--panel-ring);border-radius:18px;background:radial-gradient(circle at top right,rgba(56,189,248,.1),transparent 35%),var(--surface-1);min-height:108px;padding:1rem;display:grid;align-content:space-between;gap:.34rem;overflow:hidden}.stat-card p{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}.stat-card strong{min-width:0;overflow-wrap:anywhere;font-size:clamp(1.28rem,2.1vw,1.72rem);line-height:1.08;font-family:Manrope,sans-serif}.stat-card small{min-width:0;overflow-wrap:anywhere;color:var(--text-soft)}.inset-card{background:var(--surface-1)}.admin-two-column{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.admin-three-column{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.field-row{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.field-action{display:flex;align-items:end}.health-pill-grid{display:flex;flex-wrap:wrap;gap:.45rem}.inline-heading,.status-with-help{display:inline-flex;align-items:center;gap:.45rem}.inline-heading{flex-wrap:wrap}.help-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border-radius:999px;border:1px solid var(--panel-ring);background:var(--surface-1);color:var(--text-soft);font-size:.72rem;font-weight:800;line-height:1;cursor:help;-webkit-user-select:none;user-select:none}.help-tooltip--small{width:1rem;height:1rem;font-size:.66rem}.help-tooltip__panel{position:absolute;left:50%;bottom:calc(100% + .5rem);z-index:30;width:min(320px,80vw);transform:translate(-50%,.25rem);border:1px solid var(--panel-ring);border-radius:10px;background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-lg);padding:.65rem .75rem;font-size:.78rem;font-weight:500;line-height:1.45;letter-spacing:normal;text-transform:none;opacity:0;pointer-events:none;transition:.14s ease}.help-tooltip:hover .help-tooltip__panel,.help-tooltip:focus .help-tooltip__panel,.help-tooltip:focus-visible .help-tooltip__panel{opacity:1;transform:translate(-50%)}.inline-check{display:flex!important;align-items:center;gap:.55rem}.inline-check input[type=checkbox]{width:1.1rem}.admin-table-wrap{overflow:auto}.wg-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.wg-healthy{background:#10b98133;border-color:#34d39980}.wg-degraded{background:#f59e0b33;border-color:#fbbf2480}.wg-down,.wg-error{background:#ef444433;border-color:#f8717180}.wg-editor-card{margin-top:.85rem;background:var(--surface-1)}.tenant-user-select{max-width:180px}.tenant-user-editor{margin:.25rem 0 .65rem}.settings-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.profile-identity-card{display:grid;gap:.75rem;padding:.95rem;border:1px solid var(--panel-ring);border-radius:16px;background:radial-gradient(circle at top right,rgba(56,189,248,.12),transparent 36%),var(--surface-1)}.profile-avatar-preview{display:flex;align-items:center;gap:.9rem}.profile-avatar-preview__media{width:4rem;height:4rem;border-radius:20px;overflow:hidden;display:grid;place-items:center;flex-shrink:0;border:1px solid rgba(125,211,252,.18);background:radial-gradient(circle at top left,rgba(56,189,248,.2),transparent 56%),color-mix(in srgb,var(--surface-raised) 92%,transparent);color:var(--text-strong);font-family:Manrope,sans-serif;font-size:1.15rem;font-weight:800}.profile-avatar-preview__media img{width:100%;height:100%;object-fit:cover}.profile-avatar-preview__copy{display:grid;gap:.18rem}.profile-avatar-preview__copy span{color:var(--text-muted);font-size:.82rem}.avatar-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.avatar-option-card{display:grid;justify-items:center;gap:.6rem;padding:.8rem;border:1px solid var(--panel-ring);border-radius:16px;background:linear-gradient(180deg,rgba(56,189,248,.06),transparent 46%),var(--surface-2);text-align:center;color:var(--text-soft);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.avatar-option-card:hover{transform:translateY(-1px);border-color:#38bdf847}.avatar-option-card.is-selected{border-color:#38bdf866;box-shadow:0 10px 24px #0ea5e91f;background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 54%),var(--surface-1)}.avatar-option-card__media{width:4.2rem;height:4.2rem;border-radius:22px;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(125,211,252,.18);background:radial-gradient(circle at top left,rgba(56,189,248,.2),transparent 56%),color-mix(in srgb,var(--surface-raised) 92%,transparent);color:var(--text-strong);font-family:Manrope,sans-serif;font-size:1.1rem;font-weight:800}.avatar-option-card__media img{width:100%;height:100%;object-fit:cover}.avatar-option-card__copy{display:grid;gap:.15rem}.avatar-option-card__copy strong{color:var(--text-strong);font-size:.9rem}.avatar-option-card__copy span{color:var(--text-muted);font-size:.76rem}@media(max-width:1180px){.shell-layout{grid-template-columns:1fr;padding:.95rem}.shell-sidebar{display:none}.shell-topbar,.shell-mobile-nav{display:flex}.shell-topbar{padding:.95rem 1rem}}@media(max-width:860px){.topbar{flex-direction:column}.topbar-actions{flex-wrap:wrap}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.shell-topbar{flex-direction:column;align-items:stretch}.shell-topbar__right{width:100%;justify-content:space-between}.page-header{flex-direction:column;padding:1rem}.page-header__actions--stacked{justify-items:stretch}.page-header__actions--stacked>*{width:100%}}.vm-monitoring-card{grid-column:1 / -1}.section-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading-row--compact{margin-bottom:0}.section-heading-row h3{margin-bottom:.25rem}.timeline-range-picker{display:inline-flex;flex-wrap:wrap;gap:.35rem;padding:.25rem;border:1px solid var(--panel-ring);border-radius:999px;background:var(--surface-2)}.timeline-range-picker button{min-width:2.6rem;border:0;border-radius:999px;padding:.4rem .65rem;color:var(--text-soft);background:transparent;font:inherit;font-size:.78rem;font-weight:800;letter-spacing:.04em;cursor:pointer}.timeline-range-picker button:hover:not(:disabled),.timeline-range-picker button.is-active{color:var(--surface-0);background:linear-gradient(135deg,var(--sky-500),var(--good))}.timeline-range-picker button:disabled{cursor:not-allowed;opacity:.82}.monitoring-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-bottom:1rem}.monitoring-chart{min-width:0;overflow:hidden;border:1px solid var(--panel-ring);border-radius:16px;background:radial-gradient(circle at 20% 0%,rgba(56,189,248,.12),transparent 32%),var(--surface-2);padding:.75rem}.monitoring-chart .apexcharts-tooltip,.monitoring-chart .apexcharts-tooltip-title{border-color:var(--panel-ring)!important;background:var(--surface-1)!important;color:var(--text-strong)!important}.monitoring-chart .apexcharts-legend-text,.monitoring-chart .apexcharts-title-text,.monitoring-chart .apexcharts-text{color:var(--text-strong)!important;fill:var(--text-strong)!important}@media(max-width:1100px){.monitoring-chart-grid,.vm-detail-inspector{grid-template-columns:1fr}.vm-detail-sidecar{position:static}.vm-detail-nav{grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);overflow-x:auto;padding-bottom:.2rem}}@media(max-width:760px){.section-heading-row{flex-direction:column}.timeline-range-picker{width:100%;justify-content:space-between}.vm-detail-panel__header{flex-direction:column}.vm-detail-nav{grid-auto-columns:minmax(240px,78vw)}}