:root{color-scheme:light;--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--primary: 240 5.9% 10%;--primary-foreground: 0 0% 98%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 240 5.9% 10%;--radius: .5rem;--brand-h: 0;--brand-s: 72%;--brand: var(--brand-h) var(--brand-s) 59%;--brand-foreground: 0 0% 100%;--unread-bar: var(--brand-h) var(--brand-s) 42%;--danger: 353 70% 41%;--warning: 38 92% 50%;--success: 160 84% 39%;--shadow-1: 0 1px 2px 0 rgb(0 0 0 / .08), 0 1px 1px -1px rgb(0 0 0 / .06);--shadow-2: 0 4px 12px -2px rgb(0 0 0 / .12), 0 2px 4px -2px rgb(0 0 0 / .08);--shadow-3: 0 8px 30px -4px rgb(0 0 0 / .16), 0 4px 10px -4px rgb(0 0 0 / .1);--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--sidebar-w: 240px}.dark{color-scheme:dark;--background: 240 10% 3.9%;--foreground: 0 0% 98%;--card: 240 10% 3.9%;--card-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 240 5.9% 10%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--muted: 240 3.7% 15.9%;--muted-foreground: 240 5% 64.9%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--ring: 240 4.9% 83.9%;--brand: var(--brand-h) var(--brand-s) 70%;--brand-foreground: 240 6% 10%;--unread-bar: var(--brand-h) var(--brand-s) 70%;--danger: 353 64% 56%;--warning: 38 92% 60%;--success: 160 70% 50%;--shadow-1: 0 1px 2px 0 rgb(0 0 0 / .4), 0 1px 1px -1px rgb(0 0 0 / .3);--shadow-2: 0 4px 12px -2px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .34);--shadow-3: 0 10px 34px -4px rgb(0 0 0 / .62), 0 4px 12px -4px rgb(0 0 0 / .42)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:hsl(var(--foreground));background:hsl(var(--background));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;cursor:pointer}.tnum{font-variant-numeric:tabular-nums}::selection{background:hsl(var(--brand) / .18)}button,a,[role=button]{transition:background-color .12s ease,color .12s ease,border-color .12s ease}button:focus,a:focus,[role=button]:focus,input:focus,select:focus{outline:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:none;box-shadow:0 0 0 3px hsl(var(--ring) / .25)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px hsl(var(--ring) / .2)}*{scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:10px;border:3px solid transparent;background-clip:content-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100%}.app-main{min-width:0;padding:28px clamp(20px,4vw,44px) 56px}.page{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:2px;padding:16px 12px;background:hsl(var(--background));border-right:1px solid hsl(var(--border))}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px}.sidebar__logo{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-md);font-size:15px;font-weight:700;color:hsl(var(--primary-foreground));background:hsl(var(--primary))}.sidebar__brand-text{display:flex;flex-direction:column;line-height:1.25}.sidebar__brand-text strong{font-size:14px;font-weight:600}.sidebar__brand-text span{font-size:11px;color:hsl(var(--muted-foreground))}.sidebar__nav{display:flex;flex-direction:column;gap:1px}.nav-link{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-md);color:hsl(var(--muted-foreground));font-size:13.5px;font-weight:500}.nav-link:hover{background:hsl(var(--secondary));color:hsl(var(--foreground))}.nav-link--active{background:hsl(var(--brand) / .1);color:hsl(var(--brand))}.nav-link__icon{flex:none;width:17px;height:17px}.sidebar__section-label{margin-top:16px;padding:0 10px 4px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.sidebar__apps{display:flex;flex-direction:column;gap:1px}.sidebar__app{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-md);color:hsl(var(--muted-foreground));font-size:13.5px}.sidebar__app:hover{background:hsl(var(--secondary));color:hsl(var(--foreground))}.sidebar__app-icon{flex:none;width:17px;height:17px;color:hsl(var(--muted-foreground))}.sidebar__app-name{flex:1;font-weight:500}.sidebar__app-dot{width:6px;height:6px;border-radius:50%;background:hsl(var(--muted-foreground) / .5)}.sidebar__app-dot--running{background:hsl(var(--success))}.sidebar__app-dot--restarting{background:hsl(var(--warning))}.sidebar__app-dot--stopped{background:hsl(var(--muted-foreground) / .5)}.sidebar__lock{margin-top:auto;display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-md);color:hsl(var(--muted-foreground));background:none;border:none;font-size:13.5px;font-weight:500;text-align:left}.sidebar__lock:hover{background:hsl(var(--secondary));color:hsl(var(--foreground))}.sidebar__lock .nav-link__icon{flex:none}.sidebar__footer{margin-top:auto;display:flex;align-items:center;gap:8px;padding:10px;font-size:12px;color:hsl(var(--muted-foreground));border-top:1px solid hsl(var(--border))}.sidebar__lock+.sidebar__footer{margin-top:0}.theme-toggle{margin-left:auto;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-md);border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--muted-foreground))}.theme-toggle:hover{color:hsl(var(--foreground));background:hsl(var(--secondary))}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header__title{font-size:20px;font-weight:600}.page-header__sub{margin:3px 0 0;font-size:13.5px;color:hsl(var(--muted-foreground))}.page-header__actions{display:flex;gap:8px}.host-chip{display:flex;align-items:center;gap:9px;padding:7px 12px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-md)}.host-chip__dot{width:7px;height:7px;border-radius:50%;background:hsl(var(--success))}.host-chip__dot--restarting{background:hsl(var(--warning))}.host-chip__dot--stopped,.host-chip__dot--degraded{background:hsl(var(--muted-foreground) / .5)}.host-chip__text{display:flex;flex-direction:column;line-height:1.25}.host-chip__text strong{font-size:12.5px;font-weight:600}.host-chip__text span{font-size:11px;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.launchers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.launcher{display:flex;flex-direction:column;gap:16px;padding:18px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-1);transition:border-color .12s ease}.launcher:hover{border-color:hsl(var(--muted-foreground) / .4)}.launcher--offline{opacity:.6}.launcher__glow{display:none}.launcher__head{display:flex;align-items:center;gap:12px}.launcher__icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:var(--radius-md);color:hsl(var(--foreground));background:hsl(var(--secondary))}.launcher__title h3{font-size:15px;font-weight:600}.launcher__title p{margin:1px 0 0;color:hsl(var(--muted-foreground));font-size:12.5px}.launcher__stats{display:flex;gap:22px}.launcher__stat{display:flex;flex-direction:column;gap:1px}.launcher__stat-value{font-size:18px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.launcher__stat-value--attention{color:hsl(var(--brand))}.launcher__stat-label{font-size:11px;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.04em}.launcher__open{display:flex;align-items:center;gap:5px;margin-top:auto;color:hsl(var(--muted-foreground));font-weight:500;font-size:12.5px}.launcher:hover .launcher__open{color:hsl(var(--foreground))}.host-health{display:grid;grid-template-columns:1.3fr 1.3fr auto 1.4fr;gap:24px;align-items:center;padding:14px 18px}.hh-metric__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:5px}.hh-label{font-size:11px;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.04em}.hh-val{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}.host-health .sparkline{display:block;width:100%;height:28px;color:hsl(var(--muted-foreground))}.host-health .progress{margin-top:11px}.hh-uptime{display:flex;flex-direction:column;gap:2px}.hh-up{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.hh-svcs{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end}.hh-svc{display:flex;align-items:center;gap:6px;font-size:12.5px;color:hsl(var(--muted-foreground))}.dot{width:7px;height:7px;border-radius:50%;background:hsl(var(--success))}.dot--restarting{background:hsl(var(--warning))}.dot--stopped{background:hsl(var(--muted-foreground) / .5)}.dot--degraded{background:hsl(var(--danger))}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;align-items:start}.widget{padding:16px 18px}.widget__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.widget__title{display:flex;align-items:center;gap:8px}.widget__title h2{font-size:14px;font-weight:600}.widget__badge{display:none}.widget__count{font-size:11px;font-weight:600;color:hsl(var(--brand-foreground));background:hsl(var(--brand));padding:1px 7px;border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.widget__head-right{display:flex;align-items:center;gap:10px}.widget__link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:hsl(var(--muted-foreground))}.widget__link:hover{color:hsl(var(--foreground))}.livebadge{display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground))}.livebadge__dot{width:5px;height:5px;border-radius:50%;background:currentColor}.livebadge--live{color:hsl(var(--success));border-color:hsl(var(--success) / .3)}.livebadge--stub{color:hsl(var(--muted-foreground))}.notice{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-radius:var(--radius-md);background:hsl(var(--secondary));border:1px solid hsl(var(--border))}.notice__icon{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-weight:700;font-size:12px;color:hsl(var(--warning));border:1.5px solid hsl(var(--warning))}.notice p{margin:0;font-size:12.5px;color:hsl(var(--muted-foreground));line-height:1.5}.notice strong{color:hsl(var(--foreground))}.maillist{display:flex;flex-direction:column}.maillist__item{display:flex;gap:11px;padding:10px 0;border-top:1px solid hsl(var(--border))}.maillist__item:first-child{border-top:none;padding-top:0}.maillist__avatar{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;color:hsl(var(--muted-foreground));background:hsl(var(--secondary))}.maillist__body{min-width:0;flex:1}.maillist__row{display:flex;justify-content:space-between;gap:10px}.maillist__from{font-weight:500;font-size:13px}.maillist__item--unread .maillist__from{font-weight:600}.maillist__item--unread .maillist__from:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:hsl(var(--brand));margin-right:7px;vertical-align:middle}.maillist__time{flex:none;font-size:11px;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.maillist__subject{display:flex;align-items:center;gap:6px;font-size:12.5px;margin-top:1px;color:hsl(var(--foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maillist__item--unread .maillist__subject{font-weight:500}.maillist__star{color:hsl(var(--muted-foreground));flex:none}.maillist__snippet{font-size:12px;color:hsl(var(--muted-foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diru__top{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;padding-bottom:14px;border-bottom:1px solid hsl(var(--border))}.diru__label{font-size:11px;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.04em}.diru__networth{display:flex;flex-direction:column;gap:5px}.diru__networth-value{font-size:24px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.diru__spend-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.diru__spend-value{font-size:15px;font-weight:600;margin:3px 0 8px;font-variant-numeric:tabular-nums}.diru__budget{color:hsl(var(--muted-foreground));font-weight:400;font-size:12.5px}.diru__accounts{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:14px 0;background:hsl(var(--border));border:1px solid hsl(var(--border));border-radius:var(--radius-md);overflow:hidden}.diru__account{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:10px 12px;background:hsl(var(--card))}.diru__account-name{font-size:12.5px;font-weight:500}.diru__account-kind{grid-row:2;font-size:11px;color:hsl(var(--muted-foreground))}.diru__account-balance{grid-row:1 / span 2;align-self:center;text-align:right;font-weight:600;font-size:13px;font-variant-numeric:tabular-nums}.diru__account-balance.is-negative{color:hsl(var(--danger))}.txnlist{margin-top:6px;display:flex;flex-direction:column}.txnlist__item{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:8px 0;border-top:1px solid hsl(var(--border))}.txnlist__merchant{font-size:12.5px;font-weight:500}.txnlist__cat{grid-row:2;font-size:11px;color:hsl(var(--muted-foreground))}.txnlist__time{grid-row:2;text-align:right;font-size:11px;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.txnlist__amount{grid-row:1;grid-column:2;text-align:right;font-weight:600;font-size:12.5px;font-variant-numeric:tabular-nums;color:hsl(var(--foreground))}.txnlist__amount.is-income{color:hsl(var(--success))}.activity__list{display:flex;flex-direction:column}.actline{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid hsl(var(--border))}.actline:first-child{border-top:none;padding-top:0}.actline__tag{flex:none;width:42px;text-align:center;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-variant-numeric:tabular-nums;padding:2px 0;border-radius:var(--radius-sm);background:hsl(var(--secondary));color:hsl(var(--muted-foreground))}.actline__body{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}.actline__title{flex:none;font-weight:500;font-size:12.5px}.actline__detail{flex:1;min-width:0;font-size:12.5px;color:hsl(var(--muted-foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actline__amt{flex:none;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground))}.actline__amt.is-income{color:hsl(var(--success))}.actline__time{flex:none;font-size:11px;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 7px;border-radius:999px;font-size:11px;font-weight:500;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground))}.status-pill__dot{width:5px;height:5px;border-radius:50%;background:currentColor}.status-pill--running{color:hsl(var(--success));border-color:hsl(var(--success) / .3)}.status-pill--stopped{color:hsl(var(--muted-foreground))}.status-pill--restarting{color:hsl(var(--warning));border-color:hsl(var(--warning) / .3)}.status-pill--degraded{color:hsl(var(--danger));border-color:hsl(var(--danger) / .3)}.progress{height:6px;border-radius:999px;background:hsl(var(--secondary));overflow:hidden}.progress--sm{height:5px}.progress__fill{height:100%;border-radius:999px;background:hsl(var(--foreground));transition:width .5s ease}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat-strip__item{padding:14px 16px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.stat-strip__value{display:block;font-size:22px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stat-strip__total{font-size:13px;color:hsl(var(--muted-foreground));font-weight:400;margin-left:3px}.stat-strip__label{font-size:12px;color:hsl(var(--muted-foreground))}.control-layout{display:grid;grid-template-columns:1fr minmax(280px,330px);gap:14px;align-items:start}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}.control-card{padding:18px;display:flex;flex-direction:column;gap:14px}.control-card__head{display:flex;align-items:center;gap:11px}.control-card__icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:var(--radius-md);color:hsl(var(--foreground));background:hsl(var(--secondary))}.control-card__id{flex:1;min-width:0}.control-card__id h3{font-size:14.5px;font-weight:600}.control-card__id p{margin:1px 0 0;font-size:12px;color:hsl(var(--muted-foreground))}.control-card__desc{margin:0;font-size:12.5px;color:hsl(var(--muted-foreground));line-height:1.5}.control-card__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:12px 0;border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border))}.control-card__meta dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground))}.control-card__meta dd{margin:3px 0 0;font-weight:600;font-size:13.5px;font-variant-numeric:tabular-nums}.control-card__gauges{display:flex;flex-direction:column;gap:10px}.gauge__head{display:flex;justify-content:space-between;margin-bottom:5px}.gauge__label{font-size:12px;color:hsl(var(--muted-foreground))}.gauge__value{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.control-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-md);border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));font-weight:500;font-size:13px}.btn:hover:not(:disabled){background:hsl(var(--secondary))}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:hsl(var(--brand));border-color:transparent;color:hsl(var(--brand-foreground))}.btn--primary:hover:not(:disabled){background:hsl(var(--brand));opacity:.9}.btn--danger{color:hsl(var(--danger));border-color:transparent;background:transparent}.btn--danger:hover:not(:disabled){background:hsl(var(--danger) / .1)}.switch{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:hsl(var(--muted-foreground));-webkit-user-select:none;user-select:none;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{position:relative;width:34px;height:20px;border-radius:999px;background:hsl(var(--muted-foreground) / .4);transition:background .12s}.switch__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-1);transition:transform .12s}.switch input:checked+.switch__track{background:hsl(var(--primary))}.switch input:checked+.switch__track .switch__thumb{transform:translate(14px)}.switch input:focus-visible+.switch__track{box-shadow:0 0 0 3px hsl(var(--ring) / .25)}.logpanel{padding:16px 18px;position:sticky;top:18px;max-height:calc(100vh - 36px);display:flex;flex-direction:column}.logpanel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.logpanel__head h2{font-size:14px;font-weight:600}.logpanel__hint{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}.logpanel__hint:before{content:"";width:5px;height:5px;border-radius:50%;background:hsl(var(--success))}.logpanel__list{display:flex;flex-direction:column;overflow-y:auto;margin:0 -8px;padding:0 8px}.logline{display:grid;grid-template-columns:auto auto 1fr;gap:9px;align-items:baseline;padding:6px 8px;border-radius:var(--radius-sm);font-size:12px}.logline:hover{background:hsl(var(--secondary))}.logline__time{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;font-size:11px}.logline__level{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:hsl(var(--muted-foreground))}.logline__level--success{color:hsl(var(--success))}.logline__level--warn{color:hsl(var(--warning))}.logline__level--error{color:hsl(var(--danger))}.logline__level--info{color:hsl(var(--muted-foreground))}.logline__msg{color:hsl(var(--foreground))}.sparkline{display:block}.lockgate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:hsl(var(--background))}.lockgate-container{width:100%;max-width:19rem;display:flex;flex-direction:column;gap:1rem;text-align:center}.lockgate-circle{margin:0 auto;display:flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:9999px;color:hsl(var(--muted-foreground));background:hsl(var(--secondary))}.lockgate-lock-icon{color:hsl(var(--muted-foreground))}.lockgate-heading{margin:0;font-size:1.0625rem;font-weight:600;letter-spacing:-.015em;color:hsl(var(--foreground))}.lockgate-subtext{margin:.25rem 0 0;font-size:.875rem;color:hsl(var(--muted-foreground))}.lockgate-bio{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:.375rem;border-radius:var(--radius-md);border:1px solid hsl(var(--border));padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:hsl(var(--foreground));background:transparent;cursor:pointer}.lockgate-bio:hover{background:hsl(var(--secondary))}.lockgate-pin{width:100%;border-radius:var(--radius-md);border:1px solid hsl(var(--input));background:hsl(var(--card));padding:.55rem .75rem;text-align:center;font-size:1.0625rem;letter-spacing:.4em;color:hsl(var(--foreground));outline:none}.lockgate-pin:focus{box-shadow:0 0 0 3px hsl(var(--ring) / .2)}.lockgate-pin::placeholder{color:hsl(var(--muted-foreground));letter-spacing:.4em}.lockgate-error{margin:0;font-size:.875rem;color:hsl(var(--danger))}.lockgate-submit{display:inline-flex;width:100%;align-items:center;justify-content:center;border-radius:var(--radius-md);background:hsl(var(--brand));padding:.55rem 1rem;font-size:.875rem;font-weight:500;color:hsl(var(--brand-foreground));border:none;cursor:pointer}.lockgate-submit:hover:not(:disabled){opacity:.9}.lockgate-submit:disabled{pointer-events:none;opacity:.5}.lockgate-link{display:block;font-size:.75rem;color:hsl(var(--muted-foreground))}.lockgate-link:hover{color:hsl(var(--foreground))}.seclock{display:flex;flex-direction:column;gap:12px}.seclock__form{display:flex;flex-direction:column;gap:11px}.seclock__field{display:flex;flex-direction:column;gap:5px}.seclock__field>span{font-size:11.5px;font-weight:500;color:hsl(var(--muted-foreground))}.seclock__field input,.seclock__select{padding:8px 11px;border-radius:var(--radius-md);border:1px solid hsl(var(--input));background:hsl(var(--card));color:hsl(var(--foreground));font-size:13.5px;outline:none}.seclock__field input:focus,.seclock__select:focus{box-shadow:0 0 0 3px hsl(var(--ring) / .2)}.seclock__actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:2px}.seclock__note{margin:0;font-size:12.5px}.seclock__note--ok{color:hsl(var(--success))}.seclock__note--err{color:hsl(var(--danger))}@media (max-width: 1040px){.host-health{grid-template-columns:1fr 1fr;gap:16px 24px}.hh-svcs{justify-content:flex-start}}@media (max-width: 920px){.control-layout{grid-template-columns:1fr}.logpanel{position:static;max-height:320px}}@media (max-width: 760px){:root{--sidebar-w: 0px}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;bottom:0;top:auto;left:0;right:0;z-index:20;flex-direction:row;align-items:center;height:auto;padding:6px 10px;border-right:none;border-top:1px solid hsl(var(--border));overflow-x:auto}.sidebar__brand,.sidebar__section-label,.sidebar__apps,.sidebar__lock{display:none}.sidebar__nav{flex-direction:row;flex:1;justify-content:center;gap:6px}.sidebar__footer{margin-top:0;border-top:none;padding:4px}.sidebar__footer span{display:none}.theme-toggle{margin-left:0}.app-main{padding:20px 16px 90px}.host-health{grid-template-columns:1fr;gap:14px}.diru__top{grid-template-columns:1fr}}