:root{color-scheme:dark;--bg: oklch(.09 .008 270);--surface: oklch(.13 .012 265);--surface-raised: oklch(.16 .016 265);--surface-soft: oklch(.18 .018 265);--line: oklch(.24 .022 265);--line-strong: oklch(.31 .028 265);--text: oklch(.94 .008 260);--text-muted: oklch(.72 .025 265);--text-soft: oklch(.55 .03 265);--primary: oklch(.78 .16 155);--primary-strong: oklch(.72 .18 152);--primary-soft: oklch(.78 .16 155 / .14);--danger: oklch(.64 .18 15);--danger-soft: oklch(.64 .18 15 / .14);--shadow: 0 14px 36px oklch(0 0 0 / .26);--shadow-sm: 0 8px 20px oklch(0 0 0 / .2);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--font: "DM Sans", "Helvetica Neue", Arial, sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{position:relative;min-height:100vh;min-width:320px;margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--text-sm);line-height:1.45;letter-spacing:0;text-rendering:optimizeLegibility}.app,.login-shell,.toast-region,.user-dialog,.confirm-dialog{position:relative;z-index:1}h1,h2,h3,p,.btn,.metric-value,.user-link,.config-link,.config-output textarea,.service-output,.logs-container{text-wrap:pretty}button,input,select,textarea{font:inherit}button{border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.62;transform:none}.login-page{display:grid;min-height:100vh;place-items:center;padding:var(--space-6);background:var(--bg)}.login-shell{width:min(100%,400px)}.login-card{padding:var(--space-8);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.login-header{margin-bottom:var(--space-6)}.login-form{display:grid;gap:var(--space-5)}.login-footer{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--line);text-align:center}.brand-lockup{display:flex;align-items:center;gap:var(--space-3)}.brand-mark{display:inline-grid;width:44px;height:44px;flex:0 0 44px;place-items:center;background:var(--primary-soft);border:1px solid oklch(.78 .16 155 / .24);border-radius:var(--radius-md);color:var(--primary);font-size:var(--text-sm);font-weight:800;letter-spacing:-.02em}.brand-text h1{margin:0;color:var(--text);font-size:var(--text-xl);font-weight:760;letter-spacing:0}.brand-text p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--text-sm)}.author-link{color:var(--text-soft);font-size:var(--text-xs);font-weight:600;text-decoration:none;transition:color .15s ease}.author-link:hover{color:var(--primary)}.field{display:grid;gap:var(--space-2)}.field label{color:var(--text-muted);font-size:var(--text-sm);font-weight:600}.field input{width:100%;height:48px;padding:0 var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-base);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.field input::placeholder{color:var(--text-soft)}.field input:hover{border-color:var(--line-strong)}.field input:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.field input:invalid:not(:placeholder-shown):not(:focus){border-color:var(--danger)}.field select{width:100%;height:48px;padding:0 var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-base);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23737d8c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.field select:hover{border-color:var(--line-strong)}.field select:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.error{min-height:20px;color:var(--danger);font-size:var(--text-sm);font-weight:500}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:48px;padding:0 var(--space-6);background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-md);color:var(--bg);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.btn-primary:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.btn-primary:active{transform:translateY(1px)}.btn-primary .btn-icon{width:18px;height:18px;flex-shrink:0}.app{display:block;min-height:100vh}.dock{position:fixed;bottom:var(--space-4);left:50%;z-index:40;display:flex;align-items:center;gap:2px;padding:3px;background:#020204e0;border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);transform:translate(-50%)}.dock-bubble{position:absolute;top:3px;bottom:3px;left:0;z-index:0;background:var(--primary-soft);border:1px solid oklch(.78 .16 155 / .26);border-radius:var(--radius-md);pointer-events:none;will-change:transform,width;transition:transform .4s cubic-bezier(.34,1.56,.64,1),width .4s cubic-bezier(.34,1.56,.64,1)}.dock-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:44px;min-width:48px;padding:var(--space-1) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-size:10px;font-weight:700;letter-spacing:0;transition:color .2s ease,transform .2s ease}.dock-item:hover{color:var(--text);transform:translateY(-2px)}.dock-item.active{color:var(--primary)}.dock-icon{display:inline-grid;width:22px;height:22px;place-items:center}.dock-icon[data-icon]:before{display:block;width:18px;height:18px;background:currentColor;content:"";-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.dock-label{line-height:1}.main{min-width:0;width:100%;max-width:none;padding:var(--space-6);padding-bottom:calc(80px + var(--space-4))}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:var(--space-5);background:#020204eb;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar-header{min-height:58px;padding-bottom:var(--space-5);border-bottom:1px solid var(--line)}.nav-list{display:grid;gap:var(--space-2);margin-top:var(--space-5)}.nav-item{position:relative;display:flex;align-items:center;width:100%;min-height:44px;gap:var(--space-3);padding:0 var(--space-3);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-weight:700;text-align:left;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.nav-item:hover{background:var(--surface);border-color:var(--line);color:var(--text)}.nav-item:active{transform:translateY(1px)}.nav-item.active{background:var(--primary-soft);border-color:#4ed58942;color:var(--primary)}.nav-item.active:before{position:absolute;left:-1px;width:3px;height:22px;background:var(--primary);border-radius:0 4px 4px 0;content:""}.nav-icon{display:inline-grid;width:28px;height:28px;flex:0 0 28px;place-items:center;background:#ffffff0a;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-soft);font-family:var(--mono);font-size:var(--text-xs);font-weight:800}.nav-item.active .nav-icon{border-color:#4ed5895c;color:var(--primary)}.nav-icon[data-icon]:before{display:block;width:15px;height:15px;background:currentColor;content:"";-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.topbar{position:sticky;top:var(--space-4);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:72px;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);background:#0a0d14db;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .24s ease,border-color .24s ease,box-shadow .24s ease}.topbar.is-running{background:var(--surface-raised);border-color:#4ed58980;box-shadow:0 0 0 1px #4ed5891a inset,0 0 22px #4ed5891f,var(--shadow-sm)}.topbar.is-stopped{background:var(--surface-raised);border-color:#e4526894;box-shadow:0 0 0 1px #e452681f inset,0 0 24px #e4526829,var(--shadow-sm)}.topbar.is-loading{border-color:#4ed58942}.eyebrow{margin:0 0 var(--space-1);color:var(--text-soft);font-size:var(--text-xs);font-weight:750;text-transform:uppercase}.topbar h1{margin:0;color:var(--text);font-size:var(--text-2xl);font-weight:760;line-height:1.1}.header-actions{display:flex;align-items:center;gap:var(--space-3);min-width:0}.view{display:none}.view.active{display:grid;gap:var(--space-5);animation:view-in .18s ease-out}@media (min-width: 1181px){#view-users.view.active{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start}#view-users .add-user-panel{position:sticky;top:112px}#view-users .add-user-panel .panel-header{margin-bottom:var(--space-3)}#view-users .add-user-panel .form-grid{grid-template-columns:1fr;gap:var(--space-3)}#view-users .add-user-panel .form-actions{display:grid;grid-template-columns:1fr 1fr}#view-users .users-panel{min-width:0}#view-users .users-list{gap:var(--space-2)}#view-users .migration-note{margin-top:var(--space-3);padding-top:var(--space-3)}}@keyframes view-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid{display:grid;grid-template-columns:minmax(280px,1.35fr) repeat(2,minmax(220px,1fr));gap:var(--space-4)}.metric-card,.panel{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.metric-card{display:flex;min-height:136px;align-items:flex-start;justify-content:space-between;gap:var(--space-5);padding:var(--space-5);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.metric-card:hover{background:#0a0d14;border-color:#4ed5892e;box-shadow:0 0 0 1px #4ed5890a inset,var(--shadow-sm)}.metric-card-primary{background:color-mix(in srgb,var(--primary-soft) 60%,var(--surface-raised));border-color:#4ed58938}.metric-card-primary:hover{background:color-mix(in srgb,var(--primary-soft) 70%,var(--surface-raised));border-color:#4ed58957}.metric-label{margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--text-sm);font-weight:700}.metric-value{display:block;color:var(--text);font-size:var(--text-4xl);font-weight:780;line-height:1}.metric-compact,.metric-domain{font-size:var(--text-2xl);line-height:1.15}.metric-domain{max-width:100%;overflow-wrap:anywhere}.metric-help{max-width:38ch;margin:var(--space-3) 0 0;color:var(--text-soft);font-size:var(--text-sm)}.metric-chip{display:inline-flex;min-height:28px;align-items:center;padding:0 var(--space-3);background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;color:var(--text-muted);font-size:var(--text-xs);font-weight:750;white-space:nowrap}.panel{padding:var(--space-5)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.panel-header h2{margin:0;color:var(--text);font-size:var(--text-lg);font-weight:760}.panel-header p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--text-sm)}.panel-actions,.form-actions,.service-actions,.actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.panel-actions{justify-content:flex-end}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.status-badge{display:inline-flex;min-height:36px;align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:#ffffff09;border:1px solid var(--line);border-radius:999px;color:var(--text-muted);font-size:var(--text-sm);font-weight:760}.status-badge span{width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 10%,transparent)}.status-running{background:#4ed58914;border-color:#4ed58938;color:var(--primary)}.status-stopped{background:#e4526814;border-color:#e452683d;color:var(--danger)}.status-muted{color:var(--text-muted)}.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:760;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled:hover{box-shadow:none;transform:none}.btn:active{transform:translateY(0)}.btn[data-icon]:before{display:inline-block;width:16px;height:16px;flex:0 0 16px;background:currentColor;content:"";-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}[data-icon=add]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%205v14'/%3E%3Cpath%20d='M5%2012h14'/%3E%3C/svg%3E")}[data-icon=check],[data-icon=enable]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20%206L9%2017l-5-5'/%3E%3C/svg%3E")}[data-icon=clear],[data-icon=close]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M18%206L6%2018'/%3E%3Cpath%20d='M6%206l12%2012'/%3E%3C/svg%3E")}[data-icon=configs]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='black'%3E%3Cpath%20d='M4%204h6v6H4zM14%204h6v6h-6zM4%2014h6v6H4zM14%2014h2v2h-2zM18%2014h2v6h-2zM14%2018h2v2h-2z'/%3E%3C/svg%3E")}[data-icon=copy]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='9'%20y='9'%20width='13'%20height='13'%20rx='2'/%3E%3Cpath%20d='M5%2015H4a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h9a2%202%200%200%201%202%202v1'/%3E%3C/svg%3E")}[data-icon=dashboard]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='black'%3E%3Cpath%20d='M4%204h7v7H4zM13%204h7v4h-7zM13%2010h7v10h-7zM4%2013h7v7H4z'/%3E%3C/svg%3E")}[data-icon=delete]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%206h18'/%3E%3Cpath%20d='M8%206V4h8v2'/%3E%3Cpath%20d='M19%206l-1%2014H6L5%206'/%3E%3Cpath%20d='M10%2011v6'/%3E%3Cpath%20d='M14%2011v6'/%3E%3C/svg%3E")}[data-icon=deploy],[data-icon=import]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2020V8'/%3E%3Cpath%20d='M7%2013l5-5%205%205'/%3E%3Cpath%20d='M5%2021h14'/%3E%3C/svg%3E")}[data-icon=disable]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M5%205l14%2014'/%3E%3C/svg%3E")}[data-icon=export]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203v12'/%3E%3Cpath%20d='M7%2010l5%205%205-5'/%3E%3Cpath%20d='M5%2021h14'/%3E%3C/svg%3E")}[data-icon=generate]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M15%204l5%205'/%3E%3Cpath%20d='M14%205l5%205'/%3E%3Cpath%20d='M4%2020l10-10'/%3E%3Cpath%20d='M5%205h.01'/%3E%3Cpath%20d='M19%2019h.01'/%3E%3Cpath%20d='M10%202h.01'/%3E%3C/svg%3E")}[data-icon=login]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h4'/%3E%3Cpath%20d='M14%2017l5-5-5-5'/%3E%3Cpath%20d='M19%2012H7'/%3E%3C/svg%3E")}[data-icon=logout]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M15%203h4a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202h-4'/%3E%3Cpath%20d='M10%2017l5-5-5-5'/%3E%3Cpath%20d='M15%2012H3'/%3E%3C/svg%3E")}[data-icon=logs]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%206h16'/%3E%3Cpath%20d='M4%2012h16'/%3E%3Cpath%20d='M4%2018h10'/%3E%3C/svg%3E")}[data-icon=manage],[data-icon=settings]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2021v-7'/%3E%3Cpath%20d='M4%2010V3'/%3E%3Cpath%20d='M12%2021v-9'/%3E%3Cpath%20d='M12%208V3'/%3E%3Cpath%20d='M20%2021v-5'/%3E%3Cpath%20d='M20%2012V3'/%3E%3Cpath%20d='M2%2014h4'/%3E%3Cpath%20d='M10%208h4'/%3E%3Cpath%20d='M18%2016h4'/%3E%3C/svg%3E")}[data-icon=reload],[data-icon=reset],[data-icon=restart]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2012a9%209%200%201%200%203-6.7'/%3E%3Cpath%20d='M3%203v6h6'/%3E%3C/svg%3E")}[data-icon=save]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M19%2021H5a2%202%200%200%201-2-2V3h11l7%207v9a2%202%200%200%201-2%202z'/%3E%3Cpath%20d='M17%2021v-8H7v8'/%3E%3Cpath%20d='M7%203v5h8'/%3E%3C/svg%3E")}[data-icon=service]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%202v10'/%3E%3Cpath%20d='M18.4%206.6a9%209%200%201%201-12.8%200'/%3E%3C/svg%3E")}[data-icon=start]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='black'%3E%3Cpath%20d='M8%205v14l11-7z'/%3E%3C/svg%3E")}[data-icon=stop]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='black'%3E%3Crect%20x='6'%20y='6'%20width='12'%20height='12'%20rx='2'/%3E%3C/svg%3E")}[data-icon=users]{--icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2'/%3E%3Ccircle%20cx='9'%20cy='7'%20r='4'/%3E%3Cpath%20d='M22%2021v-2a4%204%200%200%200-3-3.87'/%3E%3Cpath%20d='M16%203.13a4%204%200%200%201%200%207.75'/%3E%3C/svg%3E")}.btn-block{width:100%}.btn-inline{width:auto;white-space:nowrap}.btn-primary{background:var(--primary);color:var(--bg)}.btn-primary:hover{background:var(--primary-strong);box-shadow:0 10px 24px #24c3692e}.btn-secondary{background:var(--surface-soft);border-color:var(--line);color:var(--text)}.btn-secondary:hover{background:#181d27;border-color:var(--line-strong)}.btn-danger{background:var(--danger-soft);border-color:#e452684d;color:var(--danger)}.btn-danger:hover{background:#e4526833}.btn-danger:active{background:#e4526847;transform:translateY(1px)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background:#ffffff0a;border-color:transparent;color:var(--text)}.btn-ghost:active{background:#ffffff14;transform:translateY(1px)}.form-grid{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1fr) minmax(180px,1fr) auto;gap:var(--space-4);align-items:end}.settings-form,.dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.settings-summary{display:grid;grid-column:1 / -1;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md)}.settings-summary div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--space-4);padding:var(--space-4);background:#080b11;border-bottom:1px solid var(--line)}.settings-summary div:last-child{border-bottom:0}.settings-summary span{color:var(--text-muted);font-weight:700}.settings-summary strong{min-width:0;color:var(--text);font-family:var(--mono);font-size:var(--text-sm);font-weight:650;overflow-wrap:anywhere}.settings-actions{grid-column:1 / -1;justify-content:flex-end}.users-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px;margin-bottom:var(--space-4);padding:var(--space-1) var(--space-3);background:#080b11;border:1px solid var(--line);border-radius:var(--radius-md)}.users-toolbar div{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}.toolbar-actions{justify-content:flex-end}.users-toolbar .btn{min-height:44px;padding:0 var(--space-3);font-size:var(--text-sm)}.users-toolbar span,.migration-note{color:var(--text-muted);font-size:var(--text-sm)}.users-toolbar strong{color:var(--primary);font-size:var(--text-sm)}.users-list{container-type:inline-size;container-name:users-list;display:grid;gap:var(--space-3)}.user-row{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(260px,1fr) auto;align-items:center;gap:var(--space-4);min-height:88px;padding:var(--space-4);background:#0a0d13;border:1px solid var(--line);border-radius:var(--radius-md);transition:background .2s ease,border-color .2s ease}.user-row:hover{background:#0c0f17;border-color:var(--line-strong)}.user-row.is-disabled{background:#0a0d139e}.user-main{display:flex;min-width:0;align-items:center;gap:var(--space-3)}.user-avatar{display:inline-grid;width:40px;height:40px;flex:0 0 40px;place-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-xs);font-weight:800}.user-identity{min-width:0}.user-title-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.user-title-line h3{margin:0;overflow-wrap:anywhere;color:var(--text);font-size:var(--text-base);font-weight:760;line-height:1.2}.user-identity p{margin:var(--space-1) 0 0;overflow-wrap:anywhere;color:var(--text-muted);font-size:var(--text-sm)}.row-subtle{display:block;margin-top:var(--space-1);color:var(--text-soft);font-size:var(--text-xs);font-weight:500}.traffic-summary,.user-traffic{color:var(--text-soft);font-size:var(--text-xs)}.traffic-summary{align-self:end;min-height:44px;padding:var(--space-3);background:#040609;border:1px solid var(--line);border-radius:var(--radius-sm)}.reset-interval-field.is-hidden{display:none}.user-link{display:block;min-width:0;overflow:hidden;padding:var(--space-3);background:#04060a;border:1px solid var(--line);border-radius:var(--radius-sm);color:#bbc5d5;font-family:var(--mono);font-size:var(--text-xs);line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.user-actions{flex-wrap:nowrap;justify-content:flex-end;min-width:0}.migration-note{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.empty-state{display:grid;min-height:96px;place-items:center;padding:var(--space-5);color:var(--text-muted);text-align:center}.user-status{display:inline-flex;min-height:26px;align-items:center;padding:0 var(--space-3);border:1px solid var(--line);border-radius:999px;color:var(--text-muted);font-size:var(--text-xs);font-weight:760}.user-status.enabled{background:var(--primary-soft);border-color:#4ed58952;color:var(--primary)}.user-status.disabled{background:var(--danger-soft);border-color:#e452684d;color:var(--danger)}.user-status.online{background:#4188b61f;border-color:#4188b64d;color:#5197c6}.user-status.offline{background:#ffffff09;color:var(--text-soft)}.actions .btn{min-height:44px;padding:0 var(--space-3);font-size:var(--text-sm)}@container users-list (max-width: 760px){.user-row{grid-template-columns:minmax(0,1fr) auto}.user-link{grid-column:1 / -1}.user-actions{grid-column:2;grid-row:1;align-self:center}.user-actions .btn{width:44px;min-width:44px;height:44px;min-height:44px;gap:0;padding:0;font-size:0}.user-actions .btn[data-icon]:before{width:16px;height:16px}}@container users-list (max-width: 560px){.user-row{grid-template-columns:1fr}.user-actions{grid-column:auto;grid-row:auto;justify-content:flex-start}}.config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.config-card{display:grid;gap:var(--space-4);padding:var(--space-4);background:#0a0d13;border:1px solid var(--line);border-radius:var(--radius-md);transition:background .2s ease,border-color .2s ease}.config-card:hover{background:#0c0f17;border-color:var(--line-strong)}.config-card.disabled{opacity:.68}.config-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.config-card h3{margin:0;overflow-wrap:anywhere;color:var(--text);font-size:var(--text-base)}.config-card p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--text-sm)}.qr-frame{display:grid;place-items:center;padding:var(--space-3);background:#f3f5f9;border-radius:var(--radius-sm)}.qr-frame img{width:180px;height:180px;image-rendering:pixelated}.config-link,.config-output textarea{width:100%;min-height:76px;resize:vertical;padding:var(--space-3);background:#010203;border:1px solid var(--line);border-radius:var(--radius-sm);color:#bbc5d5;font-family:var(--mono);font-size:var(--text-xs);line-height:1.45;overflow-wrap:anywhere}.config-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.check-field{display:flex;min-height:44px;align-items:center;gap:var(--space-2);align-self:end;color:var(--text-muted);font-weight:650}.check-field input{width:18px;height:18px;accent-color:var(--primary)}.logs-panel{display:grid;grid-template-rows:auto minmax(0,1fr)}.logs-container{min-height:0;overflow:auto;background:#010203;border:1px solid var(--line);border-radius:var(--radius-md);color:#bbc5d5;font-family:var(--mono);font-size:var(--text-xs);line-height:1.55;white-space:pre-wrap;word-break:break-word}.logs-large{height:clamp(360px,calc(100dvh - 280px),760px);min-height:0;padding:var(--space-4)}.log-line{padding:var(--space-1) 0;border-bottom:1px solid oklch(1 0 0 / .035)}.service-actions{margin-bottom:var(--space-4)}.service-output{min-height:180px;margin:0;padding:var(--space-4);overflow:auto;background:#010203;border:1px solid var(--line);border-radius:var(--radius-md);color:#bbc5d5;font-family:var(--mono);font-size:var(--text-xs);line-height:1.55;white-space:pre-wrap}.user-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;background:transparent;border:0;color:var(--text);overflow:visible}.user-dialog::backdrop,.confirm-dialog::backdrop{background:#000001b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-card,.confirm-card{max-height:calc(100dvh - 32px);overflow:auto;padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.confirm-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;background:transparent;border:0;color:var(--text)}.confirm-card{display:grid;gap:var(--space-5);border-color:#e4526857}.confirm-content{display:grid;gap:var(--space-3)}.confirm-content h2{margin:0;color:var(--text);font-size:var(--text-xl)}.confirm-content p{margin:0;color:var(--text-muted)}.config-output{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-4);margin-top:var(--space-4)}.config-output img{width:220px;height:220px;padding:var(--space-3);background:#f3f5f9;border-radius:var(--radius-sm)}.dialog-actions{justify-content:flex-end;margin-top:var(--space-4)}.toast-region{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:50;display:grid;width:min(360px,calc(100vw - 32px));gap:var(--space-3)}.toast{padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow);color:var(--text);font-size:var(--text-sm)}.toast.success{border-color:#4ed5895c}.toast.error{border-color:#e4526866}@media (max-width: 1180px){.app{grid-template-columns:1fr}.main{width:100%;padding:var(--space-4);padding-bottom:calc(80px + var(--space-4))}.topbar{top:var(--space-4)}.dashboard-grid{grid-template-columns:1fr 1fr}.metric-card-primary{grid-column:1 / -1}.user-row{grid-template-columns:minmax(220px,1fr)}.user-actions{justify-content:flex-start}}@media (max-width: 760px){body{font-size:var(--text-base)}.login-page{padding:var(--space-4)}.lock-panel{padding:var(--space-5)}.dashboard-page{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.dock{left:var(--space-3);right:var(--space-3);bottom:calc(var(--space-3) + env(safe-area-inset-bottom));border-radius:var(--radius-lg);padding:3px;gap:2px;transform:none;width:auto}.dock-item{min-width:0;flex:1;padding:var(--space-1);gap:1px}.dock-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.dock-icon{width:24px;height:24px}.main{padding:var(--space-4) var(--space-3);padding-bottom:calc(80px + var(--space-4) + env(safe-area-inset-bottom))}.topbar,.panel-header{align-items:stretch;flex-direction:column}.topbar{position:relative;top:0;padding:var(--space-4)}.header-actions{display:grid;grid-template-columns:1fr;gap:var(--space-2);justify-content:stretch}.status-badge{width:100%;justify-content:center}.dashboard-grid,.config-grid,.form-grid,.settings-form,.dialog-grid,.config-output{grid-template-columns:1fr}.metric-card{min-height:116px;padding:var(--space-4)}.panel{padding:var(--space-4)}.metric-value{font-size:var(--text-3xl)}.metric-compact,.metric-domain{font-size:var(--text-2xl)}.panel-actions,.form-actions,.service-actions,.users-toolbar,.actions,.config-card-actions{display:grid;grid-template-columns:1fr}.btn,.btn-inline{width:100%;min-height:44px;font-size:var(--text-base)}.field input,.field select,.field textarea,.form-grid input{min-height:44px;font-size:var(--text-base)}.users-toolbar{padding:var(--space-4)}.user-actions{display:flex;flex-wrap:nowrap;justify-content:flex-start}.user-actions .btn,.user-actions .btn-inline{width:44px;min-width:44px;height:44px;min-height:44px;gap:0;padding:0;font-size:0}.user-actions .btn[data-icon]:before{width:16px;height:16px}.user-link{white-space:normal}.settings-summary div{grid-template-columns:1fr;gap:var(--space-2)}.logs-large{height:min(480px,calc(100dvh - 300px));min-height:300px}.user-dialog,.confirm-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.dialog-card,.confirm-card{max-height:calc(100dvh - 16px);padding:var(--space-4)}.config-output img{width:min(100%,220px);height:auto;justify-self:center}.qr-frame img{width:min(180px,100%);height:auto}.toast-region{right:var(--space-4);bottom:calc(96px + env(safe-area-inset-bottom));left:var(--space-4);width:auto}}@media (max-width: 420px){.main{padding-right:var(--space-2);padding-left:var(--space-2);padding-bottom:calc(72px + var(--space-4) + env(safe-area-inset-bottom))}.panel,.topbar,.metric-card,.user-row,.config-card{padding:var(--space-3)}.dock{left:var(--space-2);right:var(--space-2);padding:2px;gap:1px;transform:none;width:auto}.dock-item{min-height:40px;padding:2px var(--space-1)}.dock-icon{width:22px;height:22px}.metric-chip{padding:0 var(--space-2)}}@media (prefers-reduced-motion: reduce){body{animation:none!important}*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}