:root{color:#17201d;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f1;font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-loading{justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:2px solid #dce5e1;border-top-color:#276a57;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{background:#f4f6f5;grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr);min-height:100vh;display:grid}.login-panel{flex-direction:column;justify-content:center;width:100%;max-width:500px;padding:64px clamp(28px,8vw,120px);display:flex}.login-brand,.sidebar-brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;letter-spacing:0;background:#276a57;border-radius:7px;justify-content:center;align-items:center;width:42px;height:42px;font-size:25px;font-weight:700;display:flex}.brand-mark-small{border-radius:6px;width:34px;height:34px;font-size:20px}.brand-name{letter-spacing:0;font-size:17px;font-weight:700;display:block}.brand-caption{color:#77837e;margin-top:1px;font-size:11px;display:block}.login-copy{margin:78px 0 34px}.eyebrow,.topbar-kicker,.aside-kicker{color:#276a57;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.login-copy h1{letter-spacing:0;word-break:keep-all;margin:12px 0 16px;font-size:clamp(34px,3.5vw,48px);line-height:1.08}.login-copy p{color:#66716d;max-width:390px;margin:0;font-size:15px;line-height:1.7}.login-form{gap:12px;display:grid}.login-field{gap:7px;min-width:0;display:grid}.login-form label{color:#35433e;font-size:13px;font-weight:600}.input-with-icon{color:#8b9892;background:#fff;border:1px solid #d4ddda;border-radius:6px;align-items:center;gap:10px;padding:0 14px;display:flex}.input-with-icon:focus-within{border-color:#276a57;box-shadow:0 0 0 3px #276a571f}.input-with-icon input{background:0 0;border:0;outline:0;width:100%;min-height:48px}.input-with-action{padding-right:6px}.password-toggle{color:#7c8983;background:0 0;border:0;border-radius:5px;flex:0 0 36px;justify-content:center;align-items:center;height:36px;display:inline-flex}.password-toggle:hover{color:#35433e;background:#edf1ef}.primary-button{color:#fff;background:#276a57;border:0;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:48px;margin-top:9px;padding:0 18px;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}.primary-button:hover:not(:disabled){background:#1f5748;transform:translateY(-1px)}.primary-button:disabled,.send-code-button:disabled{cursor:not-allowed;opacity:.56}.login-forgot{color:#276a57;background:0 0;border:0;justify-self:end;margin-top:-3px;padding:0;font-size:12px}.reset-code-row{grid-template-columns:minmax(0,1fr) 126px;gap:8px;display:grid}.reset-code-row .input-with-icon{min-width:0}.reset-code-row input{font-variant-numeric:tabular-nums;letter-spacing:0;min-width:0;font-family:Cascadia Mono,Consolas,monospace}.send-code-button{color:#276a57;white-space:nowrap;background:#fff;border:1px solid #c9d4cf;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:0;padding:0 10px;font-size:12px;font-weight:650;display:inline-flex}.send-code-button:hover:not(:disabled){background:#edf3f0;border-color:#8fb1a4}.helper-text,.login-footer{color:#83908a;margin:0;font-size:12px;line-height:1.6}.text-button{color:#276a57;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;margin-top:4px;font-size:13px;display:inline-flex}.login-footer{border-top:1px solid #dce4e1;margin-top:50px;padding-top:18px}.login-aside{color:#fff;background:#17201d;min-height:100vh;padding:15vh clamp(40px,8vw,150px);display:flex;position:relative;overflow:hidden}.aside-content{align-self:center;max-width:440px;position:relative}.aside-kicker{color:#8cc6b0}.aside-content h2{letter-spacing:0;margin:22px 0;font-size:clamp(31px,4vw,58px);line-height:1.1}.aside-content p{color:#b5c5be;max-width:330px;font-size:15px;line-height:1.8}.aside-rule{opacity:.65;background:#6caa91;width:68px;height:1px;margin:48px 0 18px}.aside-meta{color:#92a79e;font-size:12px}.app-shell{background:#eef2f1;min-height:100vh;display:flex}.sidebar{color:#fff;background:#17201d;flex-direction:column;flex:0 0 232px;min-height:100vh;padding:25px 15px 18px;display:flex}.sidebar .brand-caption{color:#8fa29a}.sidebar-nav{margin-top:57px}.mobile-settings{display:none}.nav-item{color:#acbcb5;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:11px;width:100%;padding:12px 13px;font-size:13px;display:flex}.nav-item-active{color:#fff;background:#2d5f50}.nav-item-quiet{margin-top:11px}.nav-item:hover{color:#fff}.sidebar-bottom{margin-top:auto}.admin-profile{border-top:1px solid #ffffff1c;align-items:center;gap:10px;padding:20px 10px 10px;display:flex}.avatar{color:#b9e0d0;background:#315c4e;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.admin-profile-copy{min-width:0}.admin-profile-copy strong,.admin-profile-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-profile-copy strong{color:#e8efec;font-size:11px;font-weight:500}.admin-profile-copy span{color:#82948c;margin-top:3px;font-size:11px}.main-content{width:100%;min-width:0;padding:34px clamp(22px,4vw,64px) 58px}.topbar{justify-content:space-between;align-items:flex-start;margin-bottom:36px;display:flex}.topbar h1{letter-spacing:0;margin:7px 0 0;font-size:30px}.topbar-actions{align-items:center;gap:14px;display:flex}.connection-status{color:#66716d;align-items:center;gap:7px;font-size:12px;display:inline-flex}.status-pulse{background:#43a179;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #43a17926}.icon-button{color:#53615b;background:#fff;border:1px solid #d9e1de;border-radius:5px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-button:hover:not(:disabled){color:#276a57;border-color:#8fb1a4}.notice{border-radius:5px;align-items:center;gap:9px;margin:-17px 0 25px;padding:11px 13px;font-size:13px;display:flex}.notice-error{color:#b9473f;background:#fff0ef;border:1px solid #f2ceca}.notice-success{color:#276a57;background:#e9f3ef;border:1px solid #c7ddd4}.notice-close{background:0 0;border:0;width:24px;height:24px;margin-left:auto}.stats-row{border-top:1px solid #d8e1dd;border-bottom:1px solid #d8e1dd;grid-template-columns:repeat(4,1fr);margin-bottom:34px;display:grid}.stat-block{min-height:92px;padding:18px 26px 16px 0}.stat-block+.stat-block{border-left:1px solid #d8e1dd;padding-left:26px}.stat-label{color:#74817b;margin-bottom:11px;font-size:12px;display:block}.stat-value{color:#26332e;letter-spacing:0;font-size:28px;font-weight:600}.stat-green{color:#267859}.stat-blue{color:#3a6c96}.stat-coral{color:#bd5b53}.table-panel{background:#fff;border:1px solid #dce4e1;border-radius:7px;overflow:hidden}.table-toolbar{border-bottom:1px solid #e4e9e7;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.table-toolbar h2{margin:0 0 5px;font-size:17px}.table-subtitle{color:#87928d;font-size:12px}.search-form{color:#89958f;background:#f4f7f6;border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;min-width:240px;padding:0 10px;display:flex}.search-form:focus-within{background:#fff;border-color:#9dbbae;box-shadow:0 0 0 3px #276a5714}.search-form input{background:0 0;border:0;outline:0;width:100%;min-height:36px}.clear-search{color:#89958f;background:0 0;border:0;padding:2px;display:flex}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{color:#89958f;letter-spacing:0;text-align:left;white-space:nowrap;background:#fbfcfc;padding:12px 18px;font-size:11px;font-weight:600}td{color:#405049;white-space:nowrap;border-top:1px solid #edf0ef;padding:15px 18px;font-size:12px}tr:hover td{background:#fcfdfd}.row-busy{opacity:.55}.user-cell{align-items:center;gap:10px;display:flex}.user-cell strong,.user-cell span{display:block}.user-cell strong{color:#293932;font-size:13px;font-weight:600}.user-cell span{color:#9aa59f;margin-top:4px;font-size:10px}.user-avatar{color:#276a57;background:#e0ede8;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.table-select{appearance:none;border:1px solid #0000;border-radius:4px;padding:6px 24px 6px 9px;font-size:11px;font-weight:600}.table-select:focus{outline:2px solid #276a5733}.plan-free{color:#66736d;background:#f0f3f1}.plan-pro{color:#3a6c96;background:#eef3f8}.status-active{color:#267859;background:#eaf5ef}.status-suspended{color:#b9473f;background:#fff0ef}.role-toggle{color:#86928c;background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;font-size:11px;display:inline-flex}.role-toggle-on{color:#276a57}.role-dot{background:#bbc5c0;border-radius:50%;width:7px;height:7px}.date-cell{color:#7e8b85;font-variant-numeric:tabular-nums}.table-state{color:#89958f;text-align:center;height:230px}.table-state svg,.table-state strong,.table-state span{margin:7px auto;display:block}.table-state svg{color:#94b5a7}.table-state strong{color:#53615b;font-size:14px}.table-state span{font-size:12px}.table-footer{color:#8a9690;border-top:1px solid #e4e9e7;justify-content:space-between;align-items:center;padding:14px 18px;font-size:11px;display:flex}.pagination{align-items:center;gap:10px;display:flex}.pagination .icon-button{width:28px;height:28px}.icon-spinning{animation:.8s linear infinite spin}.section-state{color:#78857f;justify-content:center;align-items:center;gap:10px;min-height:260px;display:flex}.primary-compact,.secondary-button{white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:12px;font-weight:650;display:inline-flex}.primary-compact{color:#fff;background:#276a57;border:1px solid #276a57}.primary-compact:hover:not(:disabled){background:#1f5748}.secondary-button{color:#46564f;background:#fff;border:1px solid #ccd7d2}.secondary-button:hover:not(:disabled){color:#276a57;border-color:#8fb1a4}.section-heading{color:#718079;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-heading h2{color:#26332e;margin:0 0 5px;font-size:17px}.section-heading span{color:#87928d;font-size:12px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.summary-panel,.provider-list-section,.route-section,.settings-section{background:#fff;border:1px solid #dce4e1;border-radius:7px;padding:22px 24px}.overview-wide{grid-column:1/-1}.summary-list,.config-list{margin:0}.summary-list>div,.config-list>div{border-top:1px solid #edf0ef;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.summary-list dt,.config-list dt{color:#74817b;font-size:12px}.summary-list dd,.config-list dd{color:#2d3c35;margin:0;font-size:13px;font-weight:650}.metric-strip{border-top:1px solid #e5eae8;border-bottom:1px solid #e5eae8;grid-template-columns:repeat(4,1fr);display:grid}.metric-strip>div{gap:7px;padding:18px;display:grid}.metric-strip>div+div{border-left:1px solid #e5eae8}.metric-strip span{color:#85918b;font-size:11px}.metric-strip strong{font-size:20px}.inline-warning{color:#a95c35;align-items:center;gap:7px;margin-top:17px;font-size:12px;display:flex}.provider-list-section{margin-bottom:22px}.provider-list{border-top:1px solid #e5eae8}.provider-row{grid-template-columns:8px minmax(220px,1fr) 100px auto;align-items:center;gap:15px;min-height:74px;padding:12px 0;display:grid}.provider-row+.provider-row{border-top:1px solid #edf0ef}.provider-indicator{background:#43a179;border-radius:50%;width:8px;height:8px}.provider-indicator-off{background:#aeb9b4}.provider-main{min-width:0}.provider-main>span{color:#84908a;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;display:block;overflow:hidden}.provider-title{align-items:center;gap:9px;display:flex}.provider-title strong{font-size:13px}.provider-row code,.host-list code{color:#5f6e67;font-family:Cascadia Mono,Consolas,monospace;font-size:11px}.badge{color:#728079;background:#eef1f0;border-radius:4px;padding:3px 6px;font-size:10px}.badge-active{color:#267859;background:#e9f4ef}.row-actions{gap:7px;display:flex}.danger-button:hover:not(:disabled){color:#b9473f;border-color:#d9a7a2}.empty-panel{color:#83908a;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:160px;display:flex}.empty-panel strong{color:#53615b;font-size:13px}.route-grid{border-top:1px solid #e5eae8}.route-row{grid-template-columns:100px minmax(170px,1fr) minmax(170px,1fr) auto;align-items:end;gap:14px;padding:17px 0;display:grid}.route-row+.route-row{border-top:1px solid #edf0ef}.route-row label,.settings-form label{gap:7px;min-width:0;display:grid}.route-row label>span,.settings-form label>span{color:#66746e;font-size:11px;font-weight:600}.route-row select,.settings-form input{color:#35433e;background:#fff;border:1px solid #d3ddda;border-radius:5px;outline:0;width:100%;min-height:38px;padding:0 11px}.route-row select:focus,.settings-form input:focus{border-color:#78a18f;box-shadow:0 0 0 3px #276a5714}.plan-marker{gap:3px;display:grid}.plan-marker strong{font-size:13px}.plan-marker span{color:#9aa59f;font-size:9px}.modal-backdrop{z-index:20;background:#0c141175;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:#f8faf9;border-radius:7px;width:100%;max-width:620px;max-height:calc(100vh - 40px);padding:25px;overflow-y:auto;box-shadow:0 22px 55px #111f1a33}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex}.modal-header h2{margin:7px 0 0;font-size:21px}.settings-form{gap:16px;display:grid}.form-grid{grid-template-columns:1fr 160px;gap:13px;display:grid}.toggle-row{align-items:center;gap:9px!important;display:flex!important}.toggle-row input{accent-color:#276a57;width:16px;min-height:auto}.modal-actions{justify-content:flex-end;gap:9px;margin-top:8px;display:flex}.segmented-control{background:#e3e9e6;border-radius:5px;margin-bottom:18px;padding:3px;display:inline-flex}.segmented-control button{color:#68766f;background:0 0;border:0;border-radius:4px;min-height:32px;padding:0 15px;font-size:12px}.segmented-control .segment-active{color:#276a57;background:#fff;font-weight:650;box-shadow:0 1px 2px #1c2a2417}.logs-panel table{min-width:920px}.details-cell{text-overflow:ellipsis;max-width:260px;overflow:hidden}.settings-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.service-list{border-top:1px solid #e5eae8}.service-status{color:#65736d;border-bottom:1px solid #edf0ef;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;min-height:51px;font-size:12px;display:grid}.service-status strong{align-items:center;gap:5px;font-size:11px;display:flex}.service-ready{color:#267859}.service-missing{color:#b9473f}.host-list{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.host-list code{background:#eff3f1;border-radius:4px;padding:6px 8px}@media (width<=900px){.login-shell{grid-template-columns:1fr}.login-panel{max-width:600px;margin:0 auto;padding:48px 28px}.login-copy{margin-top:64px}.login-aside{display:none}.sidebar{flex-basis:190px}.settings-layout{grid-template-columns:1fr}.route-row{grid-template-columns:80px 1fr 1fr}.route-save{grid-column:2/-1;justify-self:end}}@media (width<=440px){.reset-code-row{grid-template-columns:1fr}.send-code-button{min-height:44px}}@media (width<=640px){.app-shell{display:block}.sidebar{min-height:auto;padding:14px 16px}.sidebar-nav{scrollbar-width:none;gap:4px;margin-top:18px;display:flex;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-bottom{margin-top:18px}.admin-profile{display:none}.nav-item-quiet{margin-top:4px}.sidebar-nav .nav-item{flex:none;width:auto}.sidebar-nav .mobile-settings{display:flex}.sidebar-bottom>.nav-item:first-child{display:none}.main-content{padding:26px 16px 36px}.topbar{margin-bottom:28px}.topbar-actions{gap:8px}.connection-status{display:none}.topbar h1{font-size:26px}.stats-row{grid-template-columns:repeat(2,1fr)}.stat-block{min-height:74px;padding:14px 16px}.stat-block+.stat-block{padding-left:16px}.stat-block:nth-child(3){border-top:1px solid #d8e1dd;border-left:0}.stat-block:nth-child(4){border-top:1px solid #d8e1dd}.stat-value{font-size:23px}.table-toolbar{flex-direction:column;align-items:flex-start;gap:18px;padding:18px}.search-form{width:100%;min-width:0}.table-footer{flex-direction:column;align-items:flex-start;gap:12px}.pagination{align-self:flex-end}.overview-grid{grid-template-columns:1fr}.overview-wide{grid-column:auto}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip>div:nth-child(3){border-top:1px solid #e5eae8;border-left:0}.metric-strip>div:nth-child(4){border-top:1px solid #e5eae8}.provider-row{grid-template-columns:8px minmax(0,1fr) auto}.provider-row>code{display:none}.row-actions{grid-column:2/-1;justify-content:flex-end}.route-row{grid-template-columns:1fr;align-items:stretch}.route-save{grid-column:auto;justify-self:stretch}.form-grid{grid-template-columns:1fr}}