:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--background: #f3f6fa;--surface: #ffffff;--surface-soft: #eef3f8;--text: #172033;--muted: #667085;--primary: #123a63;--primary-strong: #0b2948;--border: #dce4ec;--success: #157347;--danger: #b42318;--shadow: 0 16px 40px rgba(25, 45, 75, .08)}:root[data-theme=dark]{color-scheme:dark;--background: #11161d;--surface: #1a222c;--surface-soft: #222c37;--text: #edf2f7;--muted: #a8b3c2;--primary: #8db9e8;--primary-strong: #b8d7f7;--border: #303c49;--success: #6bd09d;--danger: #ff9b91;--shadow: 0 16px 40px rgba(0, 0, 0, .24)}*{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%;background:#f3f6fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]){background:#11161d}}:root[data-theme=light]{background:#f3f6fa}:root[data-theme=dark]{background:#11161d}body{min-height:100vh;margin:0;background:var(--background);color:var(--text)}html:not(.session-ready) body[data-auth-protected=true]{visibility:hidden}html.session-expiring body[data-auth-protected=true]{visibility:hidden;pointer-events:none}button,input,select,a{font:inherit}a{color:inherit;text-decoration:none}button,input,select{border-radius:12px}button{cursor:pointer}.container{width:100%;max-width:none;margin:0 auto;padding-left:24px;padding-right:24px}.page-title{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.08}.page-description{max-width:720px;margin:12px 0 0;color:var(--muted);line-height:1.65}.card{border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.button,.primary-button,.secondary-button,.danger-button,.ghost-button,.icon-button,.logout{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--text);font-weight:750;line-height:1;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.primary-button{border-color:var(--primary);background:var(--primary);color:var(--surface);box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 18%,transparent)}.primary-button:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.secondary-button,.logout{border-color:var(--border);background:var(--surface);color:var(--text);box-shadow:0 1px 2px color-mix(in srgb,var(--text) 6%,transparent)}.secondary-button:hover,.logout:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--surface-soft);color:var(--primary)}.ghost-button{border-color:transparent;background:transparent;color:var(--muted)}.ghost-button:hover{background:var(--surface-soft);color:var(--text)}.danger-button{border-color:color-mix(in srgb,var(--danger) 34%,var(--border));background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger)}.danger-button:hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,var(--surface))}.icon-button{width:42px;padding:0;border-color:var(--border);background:var(--surface);color:var(--text);font-size:1.15rem}.icon-button:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--surface-soft);color:var(--primary)}.button--small{min-height:34px;padding:0 11px;border-radius:9px;font-size:.84rem}.button--large{min-height:48px;padding:0 20px}.button--block{width:100%}.button:active,.primary-button:active,.secondary-button:active,.danger-button:active,.ghost-button:active,.icon-button:active,.logout:active{transform:translateY(1px)}.button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.danger-button:focus-visible,.ghost-button:focus-visible,.icon-button:focus-visible,.logout:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.button:disabled,.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.ghost-button:disabled,.icon-button:disabled,.logout:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}dialog{width:min(520px,calc(100% - 32px));padding:0;border:0;border-radius:20px;background:transparent;color:var(--text)}dialog::backdrop{background:#080f1894;backdrop-filter:blur(4px)}.dialog-card{display:grid;gap:18px;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-header h2{margin:0}.dialog-header p{margin:6px 0 0;color:var(--muted)}.dialog-card label{display:grid;gap:8px;font-weight:700}.dialog-card input,.dialog-card select{min-height:48px;padding:0 14px;border:1px solid var(--border);background-color:var(--surface-soft);color:var(--text);outline:none}.dialog-card select{appearance:none;padding-right:44px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.dialog-card input:focus,.dialog-card select:focus{border-color:var(--primary);background-color:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.dialog-card select:disabled{cursor:not-allowed;opacity:.65}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.form-message{margin:0;color:var(--danger)}@media(max-width:640px){.container{padding-left:16px;padding-right:16px}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:root{--fixed-form-action-height: 82px}.form-page-with-fixed-actions{padding-bottom:calc(var(--fixed-form-action-height) + 40px + env(safe-area-inset-bottom))}.form-action-bar{position:fixed;right:0;bottom:0;left:220px;z-index:70;min-height:var(--fixed-form-action-height);border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 -12px 32px color-mix(in srgb,var(--text) 10%,transparent);backdrop-filter:blur(12px)}.form-action-bar__inner{display:flex;min-height:var(--fixed-form-action-height);align-items:center;justify-content:flex-end;gap:10px;padding:14px 24px calc(14px + env(safe-area-inset-bottom))}@media(max-width:820px){.form-action-bar{left:0}}@media(max-width:520px){:root{--fixed-form-action-height: 76px}.form-page-with-fixed-actions{padding-bottom:calc(var(--fixed-form-action-height) + 32px + env(safe-area-inset-bottom))}.form-action-bar__inner{padding-right:16px;padding-left:16px}.form-action-bar__inner>*{flex:1 1 0}}.dialog-actions--split,.form-action-bar__inner--split{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}.dialog-actions__main,.form-action-bar__main{display:flex;align-items:center;gap:10px;margin-left:auto}@media(max-width:560px){.dialog-actions--split,.form-action-bar__inner--split{align-items:stretch}.dialog-actions__main,.form-action-bar__main{flex:1}.dialog-actions__main>*,.form-action-bar__main>*{flex:1}}.localhost-marker{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:120;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);box-shadow:0 8px 24px color-mix(in srgb,var(--text) 12%,transparent);backdrop-filter:blur(10px);font-size:.66rem;font-weight:800;line-height:1;letter-spacing:.13em;cursor:pointer;user-select:none;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.localhost-marker:hover{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 12px 30px color-mix(in srgb,var(--text) 16%,transparent);transform:translateY(-1px)}.localhost-marker:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent),0 12px 30px color-mix(in srgb,var(--text) 16%,transparent)}.localhost-marker__dot[data-enabled=false]{background:var(--muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--muted) 16%,transparent)}.localhost-settings-dialog{width:min(540px,calc(100% - 28px))}.localhost-settings-card{gap:20px;padding:26px}.localhost-settings-card__eyebrow{display:block;margin-bottom:7px;color:var(--primary);font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.localhost-settings-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}.localhost-settings-option__icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:13px;background:var(--surface);color:var(--primary);font:850 .72rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.localhost-settings-option__content{display:grid;gap:4px}.localhost-settings-option__content strong{font-size:.94rem}.localhost-settings-option__content span{color:var(--muted);font-size:.78rem;line-height:1.45}.localhost-settings-status{padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success);font-size:.68rem;font-weight:850}.localhost-settings-status[data-enabled=false]{background:color-mix(in srgb,var(--muted) 12%,var(--surface));color:var(--muted)}.localhost-settings-card__note{margin:-4px 0 0;color:var(--muted);font-size:.76rem;line-height:1.55}@media(max-width:520px){.localhost-settings-card{padding:20px}.localhost-settings-option{grid-template-columns:auto minmax(0,1fr)}.localhost-settings-status{grid-column:2;justify-self:start}}.localhost-marker__dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 16%,transparent)}@media(max-width:520px){.localhost-marker{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));padding:6px 8px;font-size:.58rem}}.lucide-icon{display:inline-block;flex:0 0 auto;width:1em;height:1em;vertical-align:-.125em;fill:none;stroke:currentColor}.icon-button .lucide-icon,button .lucide-icon{pointer-events:none}.localhost-settings-dialog{width:min(860px,calc(100% - 28px));max-height:min(88dvh,820px)}.localhost-settings-card{max-height:min(88dvh,820px);overflow:hidden}.localhost-settings-header{flex:0 0 auto}.localhost-tabs{display:flex;gap:6px;overflow-x:auto;padding:5px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft);scrollbar-width:thin}.localhost-tabs button{min-height:36px;flex:1 0 auto;border:0;border-radius:9px;padding:0 13px;background:transparent;color:var(--muted);font-size:.75rem;font-weight:800;cursor:pointer}.localhost-tabs button:hover{color:var(--text);background:color-mix(in srgb,var(--surface) 74%,transparent)}.localhost-tabs button[aria-selected=true]{background:var(--surface);color:var(--primary);box-shadow:0 2px 9px color-mix(in srgb,var(--text) 9%,transparent)}.localhost-tab-panels{min-height:320px;flex:1 1 auto;overflow:auto;padding-right:3px}.localhost-tab-panel{display:grid;gap:14px}.localhost-tab-panel[hidden]{display:none}.localhost-diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.localhost-diagnostic-item{display:grid;gap:5px;min-width:0;padding:13px 14px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft)}.localhost-diagnostic-item span{color:var(--muted);font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.065em}.localhost-diagnostic-item strong{overflow-wrap:anywhere;font:650 .78rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.localhost-storage-section{display:grid;gap:9px}.localhost-section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px}.localhost-section-heading>div{display:grid;gap:3px}.localhost-section-heading strong{font-size:.88rem}.localhost-section-heading span{color:var(--muted);font-size:.7rem}.localhost-storage-list{display:grid;gap:8px}.localhost-storage-row{display:grid;gap:8px;min-width:0;padding:12px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.localhost-storage-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.localhost-storage-row strong{overflow:hidden;font-size:.77rem;text-overflow:ellipsis;white-space:nowrap}.localhost-storage-row span{flex:0 0 auto;color:var(--muted);font-size:.66rem}.localhost-storage-row code{display:block;max-height:92px;overflow:auto;border-radius:8px;padding:8px 9px;background:color-mix(in srgb,var(--background) 82%,var(--surface));color:var(--text);font:500 .71rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap}.localhost-empty-state{margin:0;padding:22px;border:1px dashed var(--border);border-radius:13px;color:var(--muted);text-align:center;font-size:.78rem}.localhost-sql-action{display:flex;justify-content:flex-end}.localhost-dialog-actions{flex:0 0 auto;padding-top:2px}@media(max-width:680px){.localhost-settings-dialog,.localhost-settings-card{max-height:92dvh}.localhost-diagnostic-grid{grid-template-columns:1fr}.localhost-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.localhost-dialog-actions .primary-button{grid-column:1 / -1}}.localhost-server-loading{padding:34px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center;font-size:.8rem}.localhost-server-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.localhost-donut-card{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid var(--border);border-radius:15px;background:var(--surface-soft)}.localhost-donut-card>div:last-child{display:grid;gap:5px;min-width:0}.localhost-donut-card>div:last-child>strong{font-size:.84rem}.localhost-donut-card>div:last-child>span{color:var(--muted);font-size:.7rem;line-height:1.45}.localhost-donut{--donut-percent: 0%;position:relative;display:grid;width:82px;height:82px;flex:0 0 82px;place-content:center;border-radius:50%;background:conic-gradient(var(--primary) var(--donut-percent),color-mix(in srgb,var(--border) 65%,transparent) 0);text-align:center}.localhost-donut:after{position:absolute;inset:9px;border-radius:50%;background:var(--surface);content:""}.localhost-donut strong,.localhost-donut span{position:relative;z-index:1}.localhost-donut strong{font-size:.88rem}.localhost-donut span{color:var(--muted);font-size:.58rem}.localhost-service-list,.localhost-log-list{display:grid;gap:8px}.localhost-service-row,.localhost-log-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.localhost-service-row strong,.localhost-log-row strong{font-size:.76rem}.localhost-service-row span,.localhost-log-row span{color:var(--muted);font-size:.68rem}.localhost-service-row span[data-status=active]{color:var(--success);font-weight:800}.localhost-log-row>div{display:grid;gap:3px}.localhost-log-row a{text-decoration:none}@media(max-width:680px){.localhost-server-charts{grid-template-columns:1fr}.localhost-donut{width:70px;height:70px;flex-basis:70px}}