:root{color-scheme:dark;--bg-app:#0b0e13;--bg-sidebar:#11151c;--bg-panel:#151a22;--bg-tile:#1a202a;--bg-interactive:#202733;--bg-interactive-hover:#272f3d;--border-default:#2c3440;--border-strong:#3a4554;--text-primary:#f5f7fa;--text-secondary:#aab3c0;--text-muted:#7f8997;--accent-proxmox:#e57000;--accent-proxmox-soft:#e5700024;--status-ok:#50b978;--status-ok-soft:#50b97821;--status-warning:#f2b84b;--status-warning-soft:#f2b84b21;--status-info:#5ea4d8;--status-info-soft:#5ea4d821;--status-error:#e35d6a;--status-error-soft:#e35d6a21;--status-pending:#8994a3;--status-pending-soft:#8994a321;--focus-ring:#ff9b3d;--sidebar-width:17.5rem;--header-height-mobile:4rem;--radius-small:.5rem;--radius-medium:.875rem;--shadow-sidebar:.5rem 0 1.5rem #0000002e;--shadow-panel:0 .75rem 2.5rem #00000029;--transition-fast:.16s ease;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--bg-app);min-width:20rem;min-height:100%}body{background:radial-gradient(circle at 82% -10%, #e5700012, transparent 28rem), var(--bg-app);min-width:20rem;min-height:100vh;color:var(--text-primary);text-rendering:optimizelegibility;margin:0;line-height:1.5;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}a{color:inherit}:focus-visible{outline:.1875rem solid var(--focus-ring);outline-offset:.1875rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;border-radius:var(--radius-small);background:var(--accent-proxmox);color:#11151c;padding:.65rem .9rem;font-weight:750;text-decoration:none;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.desktop-sidebar{z-index:20;width:var(--sidebar-width);border-right:1px solid var(--border-default);box-shadow:var(--shadow-sidebar);background:#11151cf7;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-content{flex-direction:column;min-height:100%;padding:1.25rem .9rem;display:flex}.brand{color:var(--text-primary);flex-direction:column;align-items:flex-start;gap:.7rem;margin:.2rem .5rem 1.5rem;font-size:.9rem;font-weight:700;line-height:1.25;text-decoration:none;display:flex}.brand img{width:min(100%,12rem);height:auto;display:block}.brand span{padding-left:.1rem}.primary-navigation{flex:1}.primary-navigation ul{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.navigation-link{border-radius:var(--radius-small);min-height:3rem;color:var(--text-secondary);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.68rem .85rem;font-size:.94rem;font-weight:580;text-decoration:none;display:grid;position:relative;overflow:hidden}.navigation-link:before{content:"";background:0 0;border-radius:0 .2rem .2rem 0;width:.2rem;position:absolute;inset:0 auto 0 0}.navigation-link:hover{border-color:var(--border-default);background:var(--bg-interactive);color:var(--text-primary)}.navigation-link.is-active{background:var(--accent-proxmox-soft);color:var(--text-primary);border-color:#e5700052}.navigation-link.is-active:before{background:var(--accent-proxmox)}.navigation-link.is-active .icon{color:var(--accent-proxmox)}.language-switcher{border-top:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:.7rem;margin-top:1rem;padding:.8rem .85rem .1rem;display:flex}.language-switcher__label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:700}.language-switcher ul{gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.language-switcher__option{min-width:2rem;min-height:1.75rem;color:var(--text-muted);border:1px solid #0000;border-radius:999px;place-items:center;padding:.2rem .35rem;font-size:.64rem;font-weight:760;text-decoration:none;display:inline-grid}.language-switcher__option:hover{border-color:var(--border-strong);color:var(--text-primary)}.language-switcher__option.is-current{background:var(--accent-proxmox-soft);color:var(--accent-proxmox);border-color:#e570005c}.external-indicator{color:var(--text-muted);display:inline-flex}.app-content{min-width:0;min-height:100vh;margin-left:var(--sidebar-width)}.page-header{border-bottom:1px solid var(--border-default);backdrop-filter:blur(1rem);background:#0b0e13d1;justify-content:space-between;align-items:flex-end;gap:2rem;min-height:7.5rem;padding:1.75rem clamp(1.5rem,3vw,3rem) 1.35rem;display:flex}.page-heading{min-width:0}.page-eyebrow{color:var(--accent-proxmox);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .3rem;font-size:.72rem;font-weight:760}.page-heading h1{margin:0;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.1}.context-navigation{min-width:0}.context-navigation--empty{display:none}.main-content{width:min(100%,100rem);min-width:0;padding:clamp(1.5rem,3vw,3rem)}.page-placeholder{max-width:42rem;color:var(--text-secondary);padding-top:.25rem}.page-placeholder p{margin:0}.mobile-header,.mobile-drawer{display:none}.icon-button{border:1px solid var(--border-default);border-radius:var(--radius-small);background:var(--bg-panel);cursor:pointer;width:2.75rem;height:2.75rem;transition:background-color var(--transition-fast), border-color var(--transition-fast);place-items:center;padding:0;display:inline-grid}.icon-button:hover{border-color:var(--border-strong);background:var(--bg-interactive-hover)}@media (width<=56.25rem){.desktop-sidebar{display:none}.mobile-header{z-index:15;height:var(--header-height-mobile);border-bottom:1px solid var(--border-default);backdrop-filter:blur(1rem);background:#11151cf5;align-items:center;gap:.8rem;padding:0 1rem;display:flex;position:sticky;top:0}.mobile-brand{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700;text-decoration:none;overflow:hidden}.app-content{min-height:calc(100vh - var(--header-height-mobile));margin-left:0}.page-header{min-height:6.5rem;padding:1.4rem clamp(1rem,4vw,2rem) 1.15rem}.main-content{padding:clamp(1.25rem,4vw,2rem)}.mobile-drawer{background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0}.mobile-drawer[open]{display:block}.mobile-drawer::backdrop{backdrop-filter:blur(.15rem);background:#000000ad}.drawer-panel{border-right:1px solid var(--border-default);background:var(--bg-sidebar);width:min(88vw,20rem);min-height:100%;box-shadow:var(--shadow-sidebar);overflow-y:auto}.drawer-actions{justify-content:flex-end;padding:.75rem .9rem 0;display:flex}.drawer-panel .sidebar-content{min-height:auto;padding-top:.6rem}}@media (width<=30rem){.page-header{min-height:5.75rem}.page-eyebrow{font-size:.65rem}}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
