:root{--blue: #0980FE;--blue-dark: #3C51E1;--magenta: #CF2BF1;--orange: #FA8A1A;--danger: #E53E3E;--bg: #0E0E1C;--bg-elev: #14142a;--surface: #16162e;--surface-2: #1c1c3a;--surface-hi: #24244a;--border: #2a2a4a;--border-soft: rgba(255, 255, 255, .06);--text: #F4F5F7;--text-soft: #D5D6DC;--muted: #8a8aa0;--muted-2: #5e5e75;--success: #00E676;--warning: #FFB300;--info: var(--blue);--success-fill: rgba(0, 230, 118, .15);--warning-fill: rgba(255, 179, 0, .15);--danger-fill: rgba(229, 62, 62, .18);--info-fill: rgba(9, 128, 254, .15);--magenta-fill: rgba(207, 43, 241, .15);--muted-fill: rgba(136, 136, 136, .15);--gradient-brand: linear-gradient(135deg, var(--blue), var(--magenta));--gradient-brand-soft: linear-gradient(135deg, rgba(9, 128, 254, .18), rgba(207, 43, 241, .18));--primary-color: var(--blue);--secondary-color: var(--magenta);--r-xs: 6px;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--shadow-1: 0 2px 8px rgba(0, 0, 0, .25);--shadow-2: 0 4px 20px rgba(0, 0, 0, .35);--shadow-3: 0 -4px 20px rgba(0, 0, 0, .45);--bottom-nav-h: 54px;--bottom-nav-height: 54px;--header-h: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--font-sans: "Nunito", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}body{min-height:100vh;min-height:100dvh}button,input,select,textarea{font-family:inherit;color:inherit}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}::selection{background:#0980fe59;color:#fff}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--surface-hi)}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg)}.app-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:var(--sp-3);padding:calc(var(--safe-top) + 10px) var(--sp-4) 10px;background:var(--surface);border-bottom:1px solid var(--border);min-height:var(--header-h)}.app-header__brand{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.app-header__logo{width:28px;height:28px;border-radius:8px;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 12px #cf2bf140}.app-header__logo svg{width:18px;height:18px}.app-header__title-wrap{display:flex;flex-direction:column;line-height:1.15;min-width:0}.app-header__title{font-size:1rem;font-weight:800;letter-spacing:.2px}.app-header__subtitle{font-size:.7rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.app-header__actions{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2)}.app-header__status{font-size:.72rem;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:6px}.app-header__status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted-2)}.app-header__status.is-live:before{background:var(--success);box-shadow:0 0 6px var(--success)}.app-header__status.is-error:before{background:var(--danger)}.app-workspace{flex:1;min-height:0;padding:var(--sp-4);padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + var(--sp-4))}.tab-panel{display:none}.tab-panel.is-active{display:block}.app-container{max-width:1200px;margin:0 auto;width:100%}@media (min-width: 768px){.app-header{padding-left:var(--sp-6);padding-right:var(--sp-6)}.app-workspace{padding:var(--sp-6);padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + var(--sp-6))}}.section-title{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;font-weight:700;margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid transparent;border-radius:var(--r-sm);font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;text-decoration:none;transition:filter .15s,background .15s,border-color .15s,transform .1s;-webkit-tap-highlight-color:transparent}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--gradient-brand);color:#fff}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-hi)}.btn-success{background:var(--success);color:#062a14}.btn-warning{background:var(--warning);color:#2a1a00}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--surface-hi);background:var(--surface-2)}.btn-sm{padding:5px 11px;font-size:.72rem}.btn-icon-only{width:32px;height:32px;padding:0;border-radius:var(--r-sm);background:transparent;border-color:var(--border);color:var(--muted)}.btn-icon-only:hover{background:var(--surface-2);color:var(--text);border-color:var(--surface-hi)}.btn-icon-only svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn-notif.is-subscribed{color:var(--success);border-color:#00e67666}.btn-notif.is-denied{color:var(--danger);border-color:#e53e3e66;opacity:.5;cursor:not-allowed}.btn-logout:hover{background:#e53e3e26;color:var(--danger);border-color:#e53e3e66}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4)}.card--accent{border-left:3px solid var(--blue)}.card--accent-success{border-left:3px solid var(--success)}.card--accent-danger{border-left:3px solid var(--danger)}.card--accent-warning{border-left:3px solid var(--warning)}.card--accent-muted{border-left:3px solid var(--muted-2)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.5px}.badge--success{background:var(--success-fill);color:var(--success)}.badge--danger{background:var(--danger-fill);color:var(--danger)}.badge--warning{background:var(--warning-fill);color:var(--warning)}.badge--info{background:var(--info-fill);color:var(--info)}.badge--magenta{background:var(--magenta-fill);color:var(--magenta)}.badge--muted{background:var(--muted-fill);color:var(--muted)}.list-stack{display:flex;flex-direction:column;gap:var(--sp-2)}.list-grid{display:grid;gap:var(--sp-3)}.row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.row__title{font-weight:700}.row__meta{font-size:.8rem;color:var(--muted)}.row__actions{margin-left:auto;display:flex;gap:6px}.progress{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.progress__fill{height:100%;background:var(--gradient-brand);border-radius:3px;transition:width .3s ease,background .2s}.progress__fill--success{background:var(--success)}.progress__fill--warning{background:var(--warning)}.progress__fill--danger{background:var(--danger)}.progress__fill--shimmer{width:100%!important;background:linear-gradient(90deg,#0980fe26,#0980fe99 50%,#cf2bf199 60%,#0980fe26);background-size:200% 100%;animation:progress-shimmer 1.8s linear infinite}@keyframes progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.field-input,.field-select{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 12px;font-family:inherit;font-size:.85rem;outline:none;transition:border-color .15s,box-shadow .15s}.field-input:focus,.field-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0980fe2e}.field-input--mono{font-family:var(--font-mono)}.modal-overlay{display:none;position:fixed;inset:0;background:#000000a6;z-index:1000;align-items:center;justify-content:center;padding:var(--sp-4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-overlay.is-open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);min-width:280px;max-width:480px;width:100%;box-shadow:var(--shadow-2)}.modal h3{margin-bottom:var(--sp-3);font-size:1rem}.modal__body{color:var(--text-soft);font-size:.88rem;margin-bottom:var(--sp-4)}.modal__actions{display:flex;gap:8px;justify-content:flex-end}.modal .field-select{width:100%;margin-bottom:var(--sp-4)}.drawer-overlay{display:none;position:fixed;inset:0;background:#000000a6;z-index:900;align-items:flex-end;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.drawer-overlay.is-open{display:flex}.drawer{background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:800px;max-height:85vh;overflow-y:auto;padding:var(--sp-5);padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + var(--sp-5));box-shadow:var(--shadow-3)}.drawer__title{font-size:1.05rem;font-weight:800;margin-bottom:4px}.drawer__sub{font-size:.8rem;color:var(--muted);margin-bottom:var(--sp-3);word-break:break-all}.drawer__close{float:right;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:var(--r-sm);padding:4px 10px;cursor:pointer;font-size:.75rem;font-weight:600}.drawer__close:hover{background:var(--danger);color:#fff;border-color:var(--danger)}@media (min-width: 768px){.drawer-overlay{align-items:center}.drawer{border-radius:var(--r-xl);max-height:80vh;padding-bottom:var(--sp-5)}}.drawer-cert{margin-top:var(--sp-3);margin-bottom:var(--sp-3);padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);font-size:.85rem}.drawer-cert:empty{display:none}.drawer-cert__head{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.drawer-cert__title{font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.drawer-cert__badge{padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.drawer-cert__badge.is-ok{background:#50c87826;color:var(--success)}.drawer-cert__badge.is-warn{background:#f59e0b26;color:var(--warning, #F59E0B)}.drawer-cert__badge.is-crit{background:#e53e3e26;color:var(--danger)}.drawer-cert__meta{color:var(--muted);font-size:.78rem;margin-bottom:10px;word-break:break-all;font-family:ui-monospace,SF Mono,Consolas,monospace}.drawer-cert__meta strong{color:var(--text)}.drawer-cert__actions{display:flex;gap:8px;flex-wrap:wrap}.drawer-cert__actions .btn{font-size:.78rem}.drawer-cert__progress{margin-top:12px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm)}.drawer-cert__progress-meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;font-size:.82rem}.drawer-cert__progress-time{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.drawer-cert__progress-hint{margin-top:8px;font-size:.72rem;color:var(--muted);font-style:italic}.drawer-cert__current-step{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;background:#f59e0b14;border-left:3px solid var(--warning);border-radius:var(--r-sm);font-size:.82rem}.drawer-cert__current-step strong{font-weight:700;color:var(--text)}.drawer-cert__current-step-dot{width:8px;height:8px;border-radius:50%;background:var(--warning);flex-shrink:0;animation:cert-step-pulse 1s ease-in-out infinite}@keyframes cert-step-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.drawer-cert__log{margin-top:10px;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.7rem;line-height:1.4;color:var(--muted);max-height:180px;overflow-y:auto}.drawer-cert__log-line{white-space:pre-wrap;word-break:break-all}.drawer-cert__result.is-skipped{border-left:3px solid var(--muted)}.drawer-cert__result{margin-top:10px;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.72rem;white-space:pre-wrap;max-height:180px;overflow-y:auto;color:var(--muted)}.drawer-cert__result.is-ok{border-left:3px solid var(--success)}.drawer-cert__result.is-err{border-left:3px solid var(--danger)}.drawer-cert__empty{color:var(--muted);font-style:italic;font-size:.78rem}.toast{position:fixed;bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 16px);right:16px;left:16px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:var(--r-md);padding:12px 16px;z-index:1100;max-width:400px;margin-left:auto;box-shadow:var(--shadow-2);display:none;animation:toast-in .3s ease}.toast.is-shown{display:block}.toast__title{font-weight:700;margin-bottom:2px;font-size:.85rem}.toast__body{color:var(--muted);font-size:.8rem}@keyframes toast-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinner{width:16px;height:16px;border:2px solid var(--blue);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.pulse{animation:pulse 1.4s ease-in-out infinite}.empty{text-align:center;color:var(--muted);padding:var(--sp-6) var(--sp-4);font-size:.9rem}.ts-footer{text-align:center;color:var(--muted-2);font-size:.68rem;margin-top:var(--sp-4)}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h, 54px);background:linear-gradient(155deg,var(--primary-color) 0%,var(--secondary-color) 100%);background-attachment:fixed;display:flex;align-items:stretch;justify-content:space-around;z-index:1050;padding-bottom:env(safe-area-inset-bottom,0px);overflow:visible}.mobile-nav--static{position:relative;flex-shrink:0}.mobile-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:transparent;color:#ffffff8c;cursor:pointer;padding:5px 3px;min-height:42px;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;transition:color .3s ease;font-family:inherit}.mobile-nav__tab:focus{outline:none}.mobile-nav__tab:active{transform:scale(.93)}.mobile-nav__tab.is-active{color:#fff}.mobile-nav__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;margin-top:4px}.mobile-nav__icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mobile-nav__label{font-size:.58rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px;line-height:1.2;margin-top:auto;letter-spacing:.2px}.mobile-nav__tab.is-active .mobile-nav__label{font-weight:800}.mobile-nav--elevated .mobile-nav__icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1),width .4s cubic-bezier(.34,1.56,.64,1),height .4s cubic-bezier(.34,1.56,.64,1),margin .4s cubic-bezier(.34,1.56,.64,1),background .3s ease,box-shadow .3s ease}.mobile-nav--elevated .mobile-nav__tab.is-active .mobile-nav__icon{width:48px;height:48px;margin-top:-24px;background:linear-gradient(155deg,var(--primary-color) 0%,var(--secondary-color) 100%);box-shadow:0 0 0 5px var(--bg);transform:translateY(0)}.mobile-nav--elevated .mobile-nav__tab.is-active .mobile-nav__icon svg{width:26px;height:26px}.mobile-nav__indicator{position:absolute;top:0;left:0;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1);pointer-events:none;z-index:0}.mobile-nav__indicator:before,.mobile-nav__indicator:after{content:"";position:absolute;top:-12px;width:41px;height:52px;pointer-events:none;background-size:100% 100%;background-repeat:no-repeat}.mobile-nav__indicator:before{left:calc(50% - 61px);background-image:url("data:image/svg+xml,%3Csvg width='29' height='20' viewBox='0 0 29 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 5.09258e-05C23.0081 7.08225 25.4645 12.9887 29 20.0001C23.4948 8.59406 14.417 0.355443 0 5.09258e-05H23Z' fill='%230E0E1C'/%3E%3C/svg%3E")}.mobile-nav__indicator:after{left:calc(50% + 20px);background-image:url("data:image/svg+xml,%3Csvg width='29' height='20' viewBox='0 0 29 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 5.09258e-05C5.99191 7.08225 3.53554 12.9887 0 20.0001C5.50515 8.59406 14.583 0.355443 29 5.09258e-05H6Z' fill='%230E0E1C'/%3E%3C/svg%3E")}.mobile-nav--bar .mobile-nav__tab.is-active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:3px;background:#fff;border-radius:0 0 3px 3px}.servers-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3);margin-bottom:var(--sp-5)}@media (min-width: 600px){.servers-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.servers-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.server-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--muted-2);border-radius:var(--r-lg);padding:var(--sp-4)}.server-card.is-online{border-left-color:var(--success)}.server-card.is-offline{border-left-color:var(--danger)}.server-card__head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:4px}.server-card__name{font-size:1rem;font-weight:700}.server-card__role{font-size:.68rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin-top:var(--sp-3)}.metric{text-align:center}.metric__val{font-size:1.35rem;font-weight:800;line-height:1.1}.metric__val--sm{font-size:1rem}.metric__label{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.metric__bar{height:5px;background:#ffffff0f;border-radius:3px;margin-top:5px;overflow:hidden}.metric__bar-fill{height:100%;border-radius:3px;transition:width .5s,background .2s}.metric__bar-fill.is-ok{background:var(--success)}.metric__bar-fill.is-warn{background:var(--warning)}.metric__bar-fill.is-crit{background:var(--danger)}.power-actions{display:flex;gap:6px;margin-top:var(--sp-3);justify-content:flex-end;align-items:center}.power-timer{font-size:.78rem;font-weight:700}.power-timer--shutdown{color:var(--danger)}.power-timer--wake{color:var(--success)}.server-unreachable{text-align:center;padding:var(--sp-4);color:var(--danger);font-weight:600;font-size:.85rem}.apps-section-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.apps-prober{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--muted)}.apps-prober__dot{width:8px;height:8px;border-radius:50%;background:var(--muted-2)}.apps-prober__dot.is-ok{background:var(--success)}.apps-prober__dot.is-stale{background:var(--danger)}.apps-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}@media (min-width: 600px){.apps-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.apps-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.app-tile{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--muted-2);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.app-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.app-tile.is-up{border-left-color:var(--success)}.app-tile.is-degraded{border-left-color:var(--warning)}.app-tile.is-down{border-left-color:var(--danger)}.app-tile.is-pending{border-left-color:var(--muted-2)}.app-tile__head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.app-tile__name{font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:4px}.app-tile__critical{color:var(--warning)}.app-tile.is-renewing{box-shadow:0 0 0 1px #0980fe80,0 4px 14px #0980fe2e}.app-tile__renewing{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:2px 8px;border-radius:999px;background:#0980fe1f;color:var(--blue, #0980FE);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.app-tile__renewing-dot{width:6px;height:6px;border-radius:50%;background:var(--blue, #0980FE);animation:cert-renew-pulse 1s ease-in-out infinite}@keyframes cert-renew-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}.cert-renew-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:0 0 12px;background:#0980fe14;border:1px solid rgba(9,128,254,.25);border-radius:var(--r-md);font-size:.85rem;color:var(--text)}.cert-renew-banner__dot{width:10px;height:10px;border-radius:50%;background:var(--blue, #0980FE);flex-shrink:0;animation:cert-renew-pulse 1s ease-in-out infinite}.app-tile__domain{font-size:.68rem;color:var(--muted);word-break:break-all;margin-bottom:var(--sp-2)}.app-tile__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.app-tile__stat{text-align:center}.app-tile__stat-val{font-size:.98rem;font-weight:700;line-height:1.1}.app-tile__stat-label{font-size:.58rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.cert-warn{color:var(--warning)}.cert-crit{color:var(--danger)}.probe-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.probe-pill{font-size:.6rem;padding:2px 7px;border-radius:var(--r-pill);font-weight:700;font-family:var(--font-mono)}.probe-pill.is-ok{background:var(--success-fill);color:var(--success)}.probe-pill.is-fail{background:var(--danger-fill);color:var(--danger)}.drawer__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:var(--sp-3)}.stat-card{background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:12px;text-align:center}.stat-card__val{font-size:1.4rem;font-weight:800;line-height:1.1}.stat-card__val--sm{font-size:.95rem}.stat-card__label{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.sparkline-wrap{background:var(--bg-elev);border-radius:var(--r-md);padding:var(--sp-3);margin:var(--sp-3) 0}.sparkline-title{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.sparkline{width:100%;height:60px}.probe-list{font-family:var(--font-mono);font-size:.72rem;max-height:200px;overflow-y:auto;background:var(--bg-elev);border-radius:var(--r-md);padding:8px}.probe-list__entry{padding:3px 0;border-bottom:1px solid var(--border-soft);display:grid;grid-template-columns:auto 1fr auto auto;gap:8px}.probe-list__entry.is-ok{color:var(--success)}.probe-list__entry.is-fail{color:var(--danger)}.probe-list__target{color:var(--text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.migration-panel{background:var(--bg-elev);border:1px solid var(--blue);border-radius:var(--r-lg);padding:var(--sp-4);margin-top:var(--sp-4);display:none}.migration-panel.is-active{display:block}.migration-panel__title{font-size:.9rem;margin-bottom:var(--sp-3)}.migration-panel__step{font-size:.8rem;color:var(--muted);margin-top:6px}.migration-log{max-height:200px;overflow-y:auto;font-family:var(--font-mono);font-size:.72rem;line-height:1.6;color:var(--muted);background:var(--bg);border-radius:var(--r-sm);padding:10px;margin-top:8px}.migration-log__entry{border-bottom:1px solid var(--border-soft);padding:2px 0}.fw-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.fw-status{font-size:.78rem;padding:4px 12px;border-radius:var(--r-pill);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.fw-status.is-running{background:var(--success-fill);color:var(--success)}.fw-status.is-stopped{background:var(--danger-fill);color:var(--danger)}.fw-count{font-size:.82rem;color:var(--muted);font-weight:600}.fw-add{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3);margin-bottom:var(--sp-4)}.fw-add .field-input{flex:1 1 200px}.fw-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 14px;display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.fw-ip{font-weight:700;font-family:var(--font-mono);min-width:130px}.fw-reason{font-size:.78rem;color:var(--muted);min-width:100px}.fw-duration{font-size:.78rem;color:var(--warning);min-width:70px}.fw-when{font-size:.75rem;color:var(--muted)}.fw-actions{margin-left:auto}.backup-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2);margin-bottom:var(--sp-5)}@media (min-width: 600px){.backup-stats{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.backup-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.backup-running{background:var(--bg-elev);border:1px solid var(--blue);border-radius:var(--r-md);padding:10px 14px;margin-bottom:var(--sp-3);display:flex;align-items:center;gap:10px}.backup-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 14px;display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.bk-project{font-weight:700;min-width:110px}.bk-date{font-size:.78rem;color:var(--muted);min-width:150px}.bk-components{font-size:.72rem;color:var(--muted)}.bk-host{font-size:.72rem}.bk-path{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);flex:1 1 200px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deploy-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--warning);border-radius:var(--r-md);padding:12px 14px;margin-bottom:10px}.deploy-card__head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.deploy-card__name{font-weight:700}.deploy-card__sub{font-size:.78rem;color:var(--muted);margin-top:4px}.deploy-progress{margin-top:8px}.deploy-progress__meta{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;margin-bottom:4px}.deploy-progress__count{color:var(--warning);font-weight:700}.deploy-steps{margin-top:6px;font-size:.74rem;color:var(--muted);display:flex;flex-direction:column;gap:2px}.deploy-step.is-done{color:var(--success)}.deploy-step.is-current{color:var(--warning)}.deploy-status{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.8rem}.deploy-status.is-running{color:var(--warning)}.deploy-status.is-success{color:var(--success)}.deploy-status.is-failure{color:var(--danger)}.deploy-status.is-cancelled,.deploy-status.is-queued{color:var(--muted)}.deploy-row{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--muted-2);border-radius:var(--r-md);padding:10px 14px;display:grid;grid-template-columns:1.5fr 2fr auto auto auto;gap:var(--sp-3);align-items:center;font-size:.82rem}.deploy-row.is-success{border-left-color:var(--success)}.deploy-row.is-failure{border-left-color:var(--danger)}.deploy-row__title{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deploy-row__branch{font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.deploy-row__when{color:var(--muted-2);font-size:.75rem;white-space:nowrap}@media (max-width: 720px){.deploy-row{grid-template-columns:1fr 1fr}.deploy-row__title{grid-column:1 / -1}.deploy-row__when{text-align:right}}.deploy-project-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 14px;display:flex;align-items:center;gap:var(--sp-3);margin-bottom:8px;cursor:pointer;transition:border-color .15s,background .15s}.deploy-project-row:hover{border-color:var(--info);background:var(--bg-elev)}.deploy-project-row:focus-visible{outline:2px solid var(--info);outline-offset:2px}.deploy-project-row__main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.deploy-project-row__current{color:var(--info);font-weight:700;font-size:.82rem}.deploy-project-row__host{color:var(--muted);font-size:.72rem;font-family:var(--font-mono)}.deploy-version-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 12px;display:flex;align-items:center;gap:var(--sp-3);margin-bottom:6px}.deploy-version-row.is-current{border-left:3px solid var(--success)}.deploy-version-row__ver{font-weight:700;min-width:110px}.deploy-version-row__date{color:var(--muted);font-size:.78rem;flex:1}.deploy-banner{background:var(--bg-elev);border:1px solid var(--warning);border-radius:var(--r-md);padding:10px 14px;margin-bottom:var(--sp-3)}.deploy-banner__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.deploy-banner__title{font-weight:700}.deploy-banner__count{color:var(--warning);font-weight:700}.deploy-banner__meta{margin-left:auto;color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.login-page{min-height:100vh;padding:20px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 0%,rgba(9,128,254,.15),transparent 50%),radial-gradient(circle at 80% 100%,rgba(207,43,241,.15),transparent 50%),#0e0e1c;color:#f4f5f7}.login-box{background:#16162e;padding:36px 32px;border-radius:16px;width:100%;max-width:380px;text-align:center;border:1px solid #2a2a4a;box-shadow:0 8px 40px #00000080}.login-logo{width:56px;height:56px;margin:0 auto 16px;border-radius:14px;background:linear-gradient(135deg,#0980fe,#cf2bf1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #cf2bf166}.login-logo svg{width:30px;height:30px}.login-box h2{font-size:1.4em;font-weight:800;margin:0 0 2px;letter-spacing:.3px;background:linear-gradient(135deg,#0980fe,#cf2bf1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-box .sub{font-size:.7em;color:#8a8aa0;margin-bottom:24px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.login-box input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #2a2a4a;background:#0e0e1c;color:#f4f5f7;font-size:.95em;margin-bottom:10px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.login-box input:focus{border-color:#0980fe;box-shadow:0 0 0 3px #0980fe2e}.login-box button{width:100%;padding:12px;border-radius:8px;border:none;background:linear-gradient(135deg,#0980fe,#cf2bf1);color:#fff;font-size:.95em;font-weight:700;cursor:pointer;font-family:inherit;margin-top:6px;transition:filter .15s,transform .1s}.login-box button:hover:not(:disabled){filter:brightness(1.1)}.login-box button:active:not(:disabled){transform:translateY(1px)}.login-box button:disabled{opacity:.6;cursor:not-allowed}.login-box .err{color:#e53e3e;font-size:.82em;margin-top:12px;font-weight:600}