.icon{flex-shrink:0;width:16px;height:16px}.icon--sm{width:14px;height:14px}.icon--lg{width:20px;height:20px}.icon--xl{width:28px;height:28px}.header{height:var(--header-h);border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:14px;padding:0 20px;display:flex}@media (width<=639px){.header{gap:6px;padding:0 8px 0 6px}}.header__brand{align-items:center;gap:9px;min-width:0;display:flex}.header__brand .sidebar__name{font-size:15px}.header__brand .sidebar__logo{padding:5px}.header__actions{align-items:center;gap:4px;margin-left:auto;display:flex}.header__logout{border-radius:var(--radius);color:var(--muted);align-items:center;gap:8px;padding:7px 11px;font-size:12px;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.header__logout:hover{background:var(--surface-2);color:var(--danger)}.header__user{color:var(--text-soft);align-items:center;gap:7px;margin-right:6px;font-size:12px;font-weight:600;display:inline-flex}@media (width<=639px){.header__logout span,.header__user span{display:none}.header__user{margin-right:0;padding:10px}.header__logout{padding:10px}}.sidebar{z-index:40;width:min(var(--sidebar-w), 85vw);padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar--open{transform:none;box-shadow:12px 0 40px #00000080}@media (width>=1024px){.sidebar{flex-shrink:0;position:static;transform:none}}.overlay{z-index:30;background:#000000a6;animation:.15s ease-out fade-in;position:fixed;inset:0}@media (width>=1024px){.overlay{display:none}}.sidebar__brand{height:var(--header-h);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.sidebar__logo{border:1px solid var(--accent-border);border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);padding:6px;display:flex}.sidebar__name{color:var(--text);letter-spacing:-.01em;font-size:16px;font-weight:700}.sidebar__nav{flex:1;padding:10px}.nav-group{padding-bottom:6px}.nav-group__title{padding:12px 11px 6px}.nav-link{border-radius:var(--radius);color:var(--muted);border-left:2px solid #0000;align-items:center;gap:10px;padding:8px 11px;font-size:13px;font-weight:500;transition:background-color .15s,color .15s;display:flex}@media (pointer:coarse){.nav-link{padding:11px 12px}}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link--active{background:var(--accent-soft);border-left-color:var(--accent);border-radius:0 var(--radius) var(--radius) 0;color:var(--accent)}.sidebar__footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.sidebar__footer-name{color:var(--faint);font-size:11px;font-weight:600}.sidebar__version{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.toasts{z-index:60;flex-direction:column;gap:10px;width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{border:1px solid var(--accent-border);border-radius:var(--radius);background:var(--surface-2);color:var(--accent);align-items:flex-start;gap:10px;padding:13px;display:flex}.toast--error{border-color:var(--danger-border);color:var(--danger)}.toast__body{flex:1;min-width:0}.toast__title{color:var(--text);font-size:12px;font-weight:600}.toast__message{color:var(--text-soft);word-break:break-word;margin-top:2px;font-size:12px}.toast__close{color:var(--faint)}.toast__close:hover{color:var(--text)}.app{width:100%;height:100dvh;display:flex;overflow:hidden}.app__main{flex-direction:column;flex:1;min-width:0;display:flex}.app__content{padding:16px 16px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;flex:1}@media (width>=640px){.app__content{padding:24px}}@media (width>=900px){.app__content{padding:28px 32px}}.loading{color:var(--accent);flex-direction:column;align-items:center;gap:12px;padding:56px 0;display:flex}.empty{border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:48px 24px;display:flex}.empty__icon{color:var(--border-strong);margin-bottom:6px}.empty__title{color:var(--text);font-size:14px;font-weight:600}.empty__desc{max-width:380px;color:var(--muted);font-size:12px}.empty__action{margin-top:10px}.progress{background:var(--surface-3);border-radius:999px;width:100%;height:7px;overflow:hidden}.progress--thin{height:4px}.progress__bar{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.progress__bar--amber{background:var(--warn)}.progress__bar--neutral{background:var(--border-strong)}.progress__bar--over{background:var(--danger)}.btn{border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.45}.btn--sm{padding:5px 10px;font-size:11px}.btn--lg{padding:11px 18px;font-size:13px}.btn--block{width:100%}.btn--primary{background:var(--accent);color:#04151f}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--success{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.btn--success:hover:not(:disabled){background:#7bd8d433}.btn--secondary{background:var(--surface-2);border-color:var(--border);color:var(--text)}.btn--secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn--ghost{border-color:var(--border);color:var(--muted);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn--danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger);color:#140505}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.card--padded,.card__body{padding:18px}.card--error{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger);font-size:12px}.card-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.card-header__main{align-items:center;gap:10px;display:flex}.card-header__icon{border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);padding:6px;display:flex}.card-header__icon--red{background:var(--danger-soft);color:var(--danger)}.card-header__icon--amber{background:var(--warn-soft);color:var(--warn)}.card-header__icon--neutral{background:var(--surface-3);color:var(--text-soft)}.card-header__title{font-size:13px;font-weight:600}.card-header__subtitle{color:var(--muted);margin-top:2px;font-size:11px}.page-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.page-title__heading{letter-spacing:-.01em;font-size:20px}.page-title__subtitle{color:var(--muted);margin-top:4px;font-size:13px}@media (width<=639px){.page-title{margin-bottom:18px}.page-title>:not(:first-child){flex:100%}.page-title>div:not(:first-child){flex-wrap:wrap;gap:8px;display:flex}.page-title>div:not(:first-child)>.btn{flex:1}}.field{display:block}.field__label{margin-bottom:6px;display:block}.field__hint{color:var(--faint);margin-top:6px;font-size:11px;display:block}.control{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);padding:9px 12px;font-size:13px;transition:border-color .15s}.control::placeholder{color:var(--faint)}.control:focus{border-color:var(--accent);outline:none}.control:disabled{opacity:.5}@media (width<=767px),(pointer:coarse){.control{min-height:42px;font-size:16px}}.search{position:relative}.search__icon{color:var(--faint);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search .control{padding-left:34px}.toggle{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);text-align:left;align-items:flex-start;gap:12px;width:100%;padding:14px;transition:border-color .15s,background-color .15s;display:flex}.toggle:hover{border-color:var(--border-strong)}.toggle--on{background:var(--accent-soft);border-color:var(--accent-border)}.toggle__switch{background:var(--surface-3);border-radius:999px;flex-shrink:0;width:34px;height:19px;margin-top:2px;padding:2px;transition:background-color .15s}.toggle--on .toggle__switch{background:var(--accent)}.toggle__knob{background:var(--muted);border-radius:999px;width:15px;height:15px;transition:transform .15s,background-color .15s;display:block}.toggle--on .toggle__knob{background:#04151f;transform:translate(15px)}.toggle__label{color:var(--text);font-size:13px;font-weight:600;display:block}.toggle__desc{color:var(--muted);margin-top:2px;font-size:11px;display:block}.option-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);text-align:left;flex-direction:column;gap:8px;min-width:0;padding:14px;transition:border-color .15s,background-color .15s,transform .15s;display:flex}.option-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.option-card:focus-visible{border-color:var(--accent);outline:none}.option-card--active,.option-card--active:hover{background:var(--accent-soft);border-color:var(--accent-border)}.option-card__head{align-items:center;gap:10px;width:100%;display:flex}.option-card__icon{border-radius:var(--radius);background:var(--surface-3);color:var(--text-soft);padding:6px;transition:background-color .15s,color .15s;display:flex}.option-card--active .option-card__icon{background:var(--accent);color:#04151f}.option-card__title{color:var(--text);flex:1;font-size:13px;font-weight:600}.option-card--active .option-card__title{color:var(--accent)}.option-card__check{border:1px solid var(--border-strong);color:#04151f;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.option-card__check .icon{width:11px;height:11px}.option-card--active .option-card__check{border-color:var(--accent);background:var(--accent)}.option-card__desc{color:var(--muted);font-size:11px;line-height:1.5}.modal-backdrop{z-index:50;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:18px;width:100%;max-width:400px;max-height:90vh;padding:22px;display:flex;overflow-y:auto}.modal--lg{max-width:500px}@media (width<=639px){.modal-backdrop{align-items:flex-end;padding:0}.modal,.modal--lg{max-width:none;max-height:92dvh;padding:22px 18px calc(18px + env(safe-area-inset-bottom));border-bottom:none;border-radius:16px 16px 0 0;animation:.22s ease-out sheet-up}.modal:before{content:"";background:var(--border-strong);border-radius:999px;flex-shrink:0;align-self:center;width:36px;height:4px;margin:-10px 0 -4px}.modal__actions{flex-direction:column-reverse;gap:8px}}@keyframes sheet-up{0%{transform:translateY(100%)}}.modal__head{text-align:center;flex-direction:column;gap:10px;display:flex}.modal__icon{border:1px solid var(--danger-border);background:var(--danger-soft);width:46px;height:46px;color:var(--danger);border-radius:999px;justify-content:center;align-items:center;margin:0 auto;display:flex}.modal__icon--accent{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.modal__title{font-size:17px}.modal__text{color:var(--muted);font-size:12px}.modal__actions{gap:12px;display:flex}.backups{flex-direction:column;gap:20px;display:flex}@media (width>=1024px){.backups{flex-direction:row;align-items:flex-start}}.backups__sidebar{flex-shrink:0}@media (width>=1024px){.backups__sidebar{width:240px}}.backups__list{flex-direction:column;gap:3px;max-height:320px;padding:8px;display:flex}.backups__main{flex-direction:column;flex:1;gap:20px;min-width:0;display:flex}@media (width<=1023px){.backups__list{padding:12px}}.backups__history{flex-direction:column;gap:8px;max-height:420px;padding:14px;display:flex}.backup-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.backup-item:hover{border-color:var(--border-strong)}.backup-item__main{align-items:center;gap:12px;min-width:0;display:flex}.backup-item__icon{border-radius:var(--radius);background:var(--surface-3);color:var(--muted);flex-shrink:0;padding:8px;display:flex}.backup-item__name{color:var(--text-soft);font-family:var(--font-mono);font-size:12px}.backup-item__meta{margin-top:2px}@media (width<=639px){.backups__history{max-height:none;padding:12px}.backup-item{padding:12px}.backup-item__main{flex:100%}.backup-item>.row{width:100%}.backup-item>.row>.btn{flex:1}}.badge{border:1px solid var(--border);background:var(--surface-3);color:var(--text-soft);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.badge--green{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.badge--red{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.badge--amber{background:var(--warn-soft);border-color:var(--warn-border);color:var(--warn)}.dot{flex-shrink:0;width:9px;height:9px;display:inline-flex;position:relative}.dot__core,.dot__ping{background:var(--faint);border-radius:999px;position:absolute;inset:0}.dot__ping{animation:1.8s ease-in-out infinite dot-pulse}.dot--green .dot__core,.dot--green .dot__ping{background:var(--accent)}.dot--red .dot__core,.dot--red .dot__ping{background:var(--danger)}.dot--amber .dot__core,.dot--amber .dot__ping{background:var(--warn)}@keyframes dot-pulse{50%{opacity:.35}}.metric__head{color:var(--faint);align-items:center;gap:8px;margin-bottom:12px;display:flex}.metric__value{color:var(--text);letter-spacing:-.02em;font-size:28px;font-weight:700}.metric__value--warn{color:var(--danger)}.metric__row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.metric__chip{border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:600}.metric__legend{color:var(--faint);justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.metric__body{margin-top:14px}.metric__swap{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.service-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;display:flex}.service-row:last-child{border-bottom:none}.service-row__name{color:var(--text);font-size:13px;font-weight:600}.sysinfo{font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;font-size:12px;display:flex}.sysinfo__list{flex-wrap:wrap;gap:8px 24px;display:flex}.sysinfo__value{color:var(--text)}.sysinfo__uptime{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);align-items:center;gap:8px;padding:6px 11px;display:flex}.login{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login__card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:100%;max-width:360px;padding:30px}.login__head{text-align:center;margin-bottom:26px}.login__logo{border:1px solid var(--accent-border);border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--accent);margin-bottom:14px;padding:11px;display:inline-flex}.login__title{letter-spacing:-.02em;font-size:22px;font-weight:700}.login__subtitle{color:var(--muted);margin-top:6px;font-size:12px}.login__error{border:1px solid var(--danger-border);border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);text-align:center;margin-bottom:20px;padding:10px;font-size:12px;font-weight:600}.logs{flex-direction:column;gap:16px;display:flex}@media (width>=1024px){.logs{height:calc(100dvh - var(--header-h) - 150px);flex-direction:row;gap:20px;min-height:480px}}.logs__sources{flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}@media (width>=1024px){.logs__sources{width:270px}}.logs__search{padding:12px 12px 4px}.logs__list{flex-direction:column;flex:1;gap:3px;padding:8px;display:flex}@media (width<=1023px){.logs__list{padding:8px 12px 12px}}.logs__divider{background:var(--border);height:1px;margin:6px 4px}.logs__viewer{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}@media (width<=1023px){.logs__viewer{min-height:65dvh}}.logs__live{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.logs__toolbar{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.logs__filter{flex:180px}.tabs{scrollbar-width:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex:0 auto;gap:2px;min-width:0;padding:3px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--muted);white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.tab:hover:not(:disabled){color:var(--text)}.tab:disabled{opacity:.35;cursor:not-allowed}.tab--active,.tab--active:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}@media (width<=767px){.logs__toolbar{padding:10px 12px}.tabs,.logs__filter{flex:100%}}@media (pointer:coarse){.tab{min-height:36px}}.terminal{min-height:0;color:var(--text-soft);font-family:var(--font-mono);background:#050505;flex:1;padding:10px 0;font-size:12px;line-height:1.65}.terminal__line{border-left:2px solid #0000;padding:0 16px 0 0;display:flex}.terminal__line:hover{background:#ffffff08}.terminal__n{width:48px;color:var(--faint);opacity:.6;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;padding-right:14px}.terminal__text{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-width:0}.terminal__line--error{border-left-color:var(--danger);background:#d9605f0f}.terminal__line--error .terminal__text{color:#f08c8b}.terminal__line--warn{border-left-color:var(--warn)}.terminal__line--warn .terminal__text{color:#e2bd73}.terminal__empty{color:var(--muted);padding:6px 16px}@media (width<=639px){.terminal{font-size:11px}.terminal__n{width:36px;padding-right:10px}}.pm2{flex:1;min-height:0}.pm2__summary{border-bottom:1px solid var(--border);color:var(--muted);flex-wrap:wrap;gap:6px 20px;padding:12px 18px;font-size:12px;display:flex}.pm2__summary strong{color:var(--text)}.pm2__grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;padding:14px;display:grid}.pm2-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-direction:column;gap:6px;min-width:0;padding:14px;transition:border-color .15s;display:flex}.pm2-card:hover{border-color:var(--border-strong)}.pm2-card--active,.pm2-card--active:hover{border-color:var(--accent-border);background:var(--accent-soft)}.pm2-card__head{align-items:center;gap:9px;display:flex}.pm2-card__name{min-width:0;color:var(--text);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600;overflow:hidden}.pm2-card__domain{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}a.pm2-card__domain:hover{text-decoration:underline}.pm2-card__stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:10px 8px;margin-top:6px;padding-top:12px;display:grid}.pm2-card__stats dt{color:var(--faint);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:700}.pm2-card__stats dd{color:var(--text);font-family:var(--font-mono);margin:2px 0 0;font-size:12px}.pm2-card__warn{color:var(--warn)!important}.pm2__empty{color:var(--faint);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:40px 20px;display:flex}.pm2__empty p{color:var(--text);font-weight:600}.pm2__empty span{font-size:12px}.member-cell{color:var(--text);align-items:center;gap:8px;font-weight:600;display:inline-flex}.member-domains{white-space:normal;flex-wrap:wrap;gap:6px;max-width:460px;display:flex}.member-actions{justify-content:flex-end;gap:6px}@media (width<=719px){.member-domains{justify-content:flex-end}}.domain-picker{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);gap:4px;max-height:220px;padding:6px;display:grid;overflow-y:auto}@media (width>=520px){.domain-picker{grid-template-columns:repeat(2,1fr)}}.domain-picker__item{border-radius:var(--radius);color:var(--text-soft);cursor:pointer;align-items:center;gap:9px;padding:7px 9px;font-size:12px;transition:background-color .15s;display:flex}.domain-picker__item:hover{background:var(--surface-2)}.domain-picker__item input{accent-color:var(--accent);flex-shrink:0}.member-domains:not(.member-perms) .badge{font-family:var(--font-mono);letter-spacing:0;text-transform:none}.permission-list{flex-direction:column;gap:8px;display:flex}.php-settings{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.php-settings__grid{gap:14px;display:grid}@media (width>=700px){.php-settings__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1300px){.php-settings__grid{grid-template-columns:repeat(3,1fr)}}.php-settings__actions{gap:10px;margin-top:16px;display:flex}.php-version__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.php-version__title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.php-version__number{color:var(--text);font-family:var(--font-mono);font-size:15px;font-weight:600}.php-version__actions{flex-wrap:wrap;gap:8px;display:flex}.php-version__sites{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.php-version__site{border:1px solid var(--border);background:var(--bg);color:var(--text-soft);font-family:var(--font-mono);border-radius:999px;padding:2px 8px}.php-version__site:hover{border-color:var(--accent-border);color:var(--accent)}.php-version__toggle{color:var(--accent);margin-top:12px;font-size:12px;font-weight:600}.php-version__toggle:hover{text-decoration:underline}.php-install{align-items:end;gap:12px;display:grid}@media (width>=600px){.php-install{grid-template-columns:minmax(0,260px) max-content;justify-content:start}}.creds{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-direction:column;gap:14px;padding:16px;display:flex}.creds__grid{grid-template-columns:1fr auto;gap:12px;display:grid}@media (width<=379px){.creds__grid{grid-template-columns:1fr}}.copyable{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:4px;padding:7px 11px;transition:border-color .15s;display:flex}.copyable:hover{border-color:var(--accent-border)}.copyable__value{color:var(--text);font-family:var(--font-mono);text-align:left;word-break:break-all;font-size:13px}.copyable__value--accent{color:var(--accent)}.copyable__icon{color:var(--faint)}.copyable__icon--copied{color:var(--accent)}.create-layout{align-items:start;gap:20px;display:grid}@media (width>=1100px){.create-layout{grid-template-columns:minmax(0,1fr) 320px}}.create-steps{flex-direction:column;gap:16px;min-width:0;display:flex}.create-step__header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 18px;display:flex}.create-step__number{border:1px solid var(--accent-border);background:var(--accent-soft);width:26px;height:26px;color:var(--accent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.create-step__title{font-size:13px;font-weight:600}.create-step__subtitle{color:var(--muted);margin-top:2px;font-size:11px}.create-step__body{flex-direction:column;gap:16px;padding:18px;display:flex}.create-subpanel{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:16px;padding:16px;display:flex}.create-db-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.input-affix{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);transition:border-color .15s;display:flex}.input-affix:focus-within{border-color:var(--accent)}.input-affix__prefix{color:var(--faint);align-items:center;padding:0 4px 0 12px;font-size:13px;display:flex}.input-affix .control{background:0 0;border:none;padding-left:2px}.create-summary{flex-direction:column;display:flex;overflow:hidden}@media (width>=1100px){.create-summary{top:calc(var(--header-h) + 20px);position:sticky}}.create-summary__preview{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--accent-soft), transparent);padding:18px}.create-summary__url{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--accent);align-items:center;gap:8px;margin-top:8px;padding:10px 12px;font-size:13px;display:flex}.create-summary__list{flex-direction:column;padding:8px 18px;list-style:none;display:flex}.summary-row{border-bottom:1px solid var(--border);color:var(--accent);align-items:center;gap:10px;padding:9px 0;font-size:12px;display:flex}.summary-row:last-child{border-bottom:none}.summary-row__label{color:var(--muted);flex:1}.summary-row__value{color:var(--text);font-weight:600}.summary-row--off{color:var(--faint)}.summary-row--off .summary-row__value{color:var(--faint);font-weight:400}.create-summary__note{border:1px solid var(--warn-border);border-radius:var(--radius);background:var(--warn-soft);color:var(--warn);gap:8px;margin:0 18px;padding:10px 12px;font-size:11px;line-height:1.5;display:flex}.create-summary__note .icon{margin-top:1px}.create-summary__actions{flex-direction:column;gap:8px;padding:18px;display:flex}.danger-zone{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.stat-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:14px}.stat-box__value{color:var(--text);margin-top:4px;font-size:22px;font-weight:700}.stat-box__value--accent{color:var(--accent)}.ranking__row{justify-content:space-between;gap:12px;margin-bottom:5px;font-size:11px;display:flex}.ranking__label{color:var(--text-soft);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking__count{color:var(--faint);flex-shrink:0;font-weight:700}.status-codes{flex-wrap:wrap;gap:8px;display:flex}.status-code{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text-soft);font-family:var(--font-mono);padding:3px 9px;font-size:11px;font-weight:600}.status-code--ok{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.status-code--error{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.back-link{color:var(--muted);align-items:center;gap:7px;margin-bottom:14px;font-size:12px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--accent)}.server-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.server-head__title{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:22px;font-weight:700}@media (width<=639px){.server-head{gap:8px 12px}.server-head__title{flex:100%;font-size:19px}}.server-grid{align-items:start;gap:20px;display:grid}@media (width>=1100px){.server-grid{grid-template-columns:2fr 1fr}}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:9px 0;display:flex}.info-row:last-child{border-bottom:none}.info-row__value{min-width:0;color:var(--text);font-family:var(--font-mono);text-align:right;overflow-wrap:anywhere;font-size:12px}.info-row .eyebrow{flex-shrink:0;padding-top:2px}.servers__search{width:100%;max-width:260px}@media (width<=639px){.servers__search{max-width:none}}.vhost-cell{align-items:center;gap:12px;display:flex}.vhost-cell__icon{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--muted);padding:7px;display:flex}.vhost-cell__body{min-width:0}.vhost-cell__domain{color:var(--text);font-size:13px;font-weight:600}@media (width<=1279px){.vhost-cell__domain{overflow-wrap:anywhere;white-space:normal}.table td.table__primary{white-space:normal}}@media (width<=719px){.vhost-cell__domain,.vhost-cell__dest{overflow-wrap:anywhere}.vhost-cell__meta{flex-wrap:wrap}}.vhost-cell__domain:hover{color:var(--accent)}.vhost-cell__meta{align-items:center;gap:8px;margin-top:3px;display:flex}.vhost-cell__user{border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);border-radius:4px;align-items:center;gap:4px;padding:1px 5px;font-size:10px;display:inline-flex}.jail{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:14px}.jail__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.jail__name{color:var(--text);font-family:var(--font-mono);font-size:13px;font-weight:600}.jail__stats{color:var(--faint);flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:11px;display:flex}.jail__stats strong{color:var(--text-soft)}.jail__ips{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;display:flex}.banned-ip{border:1px solid var(--danger-border);background:var(--danger-soft);color:var(--danger);border-radius:999px;align-items:center;gap:6px;padding:2px 4px 2px 9px;font-size:11px;display:inline-flex}.banned-ip__unban{color:var(--danger);opacity:.65;border-radius:999px;padding:3px;transition:opacity .15s,background-color .15s;display:flex}.banned-ip__unban:hover:not(:disabled){background:var(--danger-border);opacity:1}.banned-ip__unban:disabled{opacity:.3}.f2b-ban{border-top:1px solid var(--border)}.f2b-ban__grid{align-items:end;gap:12px;display:grid}@media (width>=640px){.f2b-ban__grid{grid-template-columns:1fr 1fr auto}}.fw-rule__number{margin-right:8px;display:none}@media (width<=719px){.fw-rule__number{display:inline}}.fw-form{border-bottom:1px solid var(--border)}.fw-form__grid{align-items:end;gap:12px;display:grid}@media (width>=700px){.fw-form__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.fw-form__grid{grid-template-columns:repeat(3,1fr)}}.audit{gap:10px;padding:14px;display:grid}@media (width>=1200px){.audit{grid-template-columns:repeat(2,1fr)}}.audit-item{border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.audit-item__icon{color:var(--muted);margin-top:1px}.audit-item__body{flex:1;min-width:0}.audit-item__title{color:var(--text);font-size:13px;font-weight:600}.audit-item__detail{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.5}.audit-item__label{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;font-size:10px;font-weight:700}.audit-item--ok{border-left-color:var(--accent)}.audit-item--ok .audit-item__icon,.audit-item--ok .audit-item__label{color:var(--accent)}.audit-item--warn{border-left-color:var(--warn)}.audit-item--warn .audit-item__icon,.audit-item--warn .audit-item__label{color:var(--warn)}.audit-item--danger{border-left-color:var(--danger);background:var(--danger-soft)}.audit-item--danger .audit-item__icon,.audit-item--danger .audit-item__label{color:var(--danger)}.security-grid{align-items:start;gap:20px;display:grid}@media (width>=1400px){.security-grid{grid-template-columns:3fr 2fr}}.security-readonly{border-color:var(--warn-border);background:var(--warn-soft);color:var(--warn);align-items:center;gap:10px;font-size:12px;display:flex}:root{--bg:#0a0a0a;--surface:#111;--surface-2:#171717;--surface-3:#1f1f1f;--border:#262626;--border-strong:#383838;--text:#e6e6e6;--text-soft:#b4b4b4;--muted:#8a8a8a;--faint:#6b6b6b;--accent:#7bd8d4;--accent-hover:#96e3e0;--accent-soft:#7bd8d41f;--accent-border:#7bd8d44d;--danger:#d9605f;--danger-soft:#d9605f1f;--danger-border:#d9605f4d;--warn:#d1a34c;--warn-soft:#d1a34c1f;--warn-border:#d1a34c4d;--radius:8px;--radius-lg:12px;--sidebar-w:248px;--header-h:60px;--font:"Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Mono", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text-soft);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}h1,h2,h3{color:var(--text);font-weight:600;line-height:1.25}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed}input,select,textarea{font:inherit}table{border-collapse:collapse}svg{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.eyebrow{color:var(--faint);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:700}.section-label{margin-bottom:10px;display:block}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.accent-text{color:var(--accent)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stack{flex-direction:column;gap:20px;display:flex}.stack-sm{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.grid-2,.grid-3{gap:16px;display:grid}@media (width>=700px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-2-wide{gap:16px;display:grid}@media (width>=1100px){.grid-2-wide{grid-template-columns:repeat(2,1fr)}}.scroll{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;overflow:auto}.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:8px}.scroll::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media (width>=1024px){.only-mobile{display:none!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.fade-in{animation:.2s ease-out fade-in}.spin{animation:1s linear infinite spin}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap{overflow-x:auto}.table{text-align:left;white-space:nowrap;width:100%;font-size:12px}.table th{background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--faint);letter-spacing:.08em;text-transform:uppercase;padding:11px 18px;font-size:10px;font-weight:700}.table td{border-bottom:1px solid var(--border);padding:13px 18px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-2)}.table__actions{text-align:right}.table__empty{color:var(--faint);text-align:center;padding:26px}.list-btn{border-radius:var(--radius);width:100%;color:var(--muted);text-align:left;border:1px solid #0000;align-items:center;gap:10px;padding:9px 11px;transition:background-color .15s,color .15s;display:flex}.list-btn:hover{background:var(--surface-2);color:var(--text)}.list-btn--active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.list-btn__title{font-size:12px;font-weight:600}.list-btn__sub{opacity:.7;font-size:10px}.icon-btn{border-radius:var(--radius);color:var(--muted);padding:8px;transition:background-color .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--text)}@media (width<=719px){.table--cards,.table--cards tbody{white-space:normal;display:block}.table--cards thead{display:none}.table--cards tr{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:14px 16px;display:grid}.table--cards tbody tr:last-child{border-bottom:none}.table--cards tbody tr:hover{background:0 0}.table--cards td{text-align:right;border:none;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.table--cards td[data-label]:before{content:attr(data-label);color:var(--faint);font-family:var(--font);letter-spacing:.09em;text-align:left;text-transform:uppercase;flex-shrink:0;font-size:10px;font-weight:700}.table--cards td.table__primary{text-align:left;grid-area:1/1}.table--cards td.table__actions{grid-area:1/2;justify-content:flex-end}.table--cards td.table__hide-mobile{display:none}.table--cards td.table__empty{text-align:center;justify-content:center}}@media (width<=1023px){.chip-list{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overflow:auto hidden;flex-direction:row!important;gap:6px!important;max-height:none!important}.chip-list>.list-btn{border-color:var(--border);scroll-snap-align:start;flex-shrink:0;width:auto;max-width:240px}.chip-list>.list-btn--active{border-color:var(--accent-border)}.chip-list>:not(.list-btn):not(.table__empty){display:none}}@media (pointer:coarse){.btn{min-height:40px}.btn--sm{min-height:36px}.icon-btn{padding:10px}.list-btn{min-height:44px}}@media (width>=720px) and (width<=1279px){.table .table__hide-tablet{display:none}}