:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#15211f;background:#f4f7f6;--teal: #10b8a6;--teal-dark: #087f75;--lemon: #f5d85f;--coral: #ff7a68;--line: #dce7e4;--muted: #66736f}*{box-sizing:border-box}body{margin:0;min-width:1180px}button,input,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{background:#0c2a27;color:#e9fffb;padding:22px 16px;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:12px}.brand.compact{margin-bottom:22px}.brandMark{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--teal),#76e0d5);color:#072421;font-weight:900}.brand strong{display:block;font-size:16px}.brand span:not(.brandMark){color:#a8cbc6;font-size:12px}.navItem{width:100%;height:42px;border:0;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#d8f3ef;background:transparent;cursor:pointer;text-align:left}.navItem:hover,.navItem.active{background:#10b8a629;color:#fff}.sidebarFooter{margin-top:auto;display:flex;gap:10px;align-items:center;padding:12px;border-radius:8px;background:#ffffff12;color:#bfe7e2;font-size:12px}.workspace{padding:22px 28px 34px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.eyebrow{color:var(--teal-dark);font-size:12px;font-weight:700;text-transform:uppercase}h1{margin:3px 0 0;font-size:28px;letter-spacing:0}h2{margin:0;font-size:18px}.topActions{display:flex;align-items:center;gap:10px}.iconText,.ghost,.primary,.secondary{height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;display:inline-flex;align-items:center;gap:8px;padding:0 13px;cursor:pointer}.primary{border:0;color:#062421;background:var(--teal);font-weight:800}.secondary{color:var(--teal-dark);font-weight:800}.primary:disabled,.secondary:disabled{opacity:.65;cursor:not-allowed}.ghost{color:var(--muted)}.miniButton{height:30px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--teal-dark);padding:0 9px;cursor:pointer;font-weight:800;display:inline-flex;align-items:center;gap:5px}.loading{display:inline-flex;align-items:center;gap:6px;color:var(--teal-dark)}.loading svg{animation:spin 1s linear infinite}.error,.formError{color:#bf3e31}@keyframes spin{to{transform:rotate(360deg)}}.stack{display:grid;gap:16px}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.compactGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center}.metric span{grid-row:span 2;width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:#e8fbf8;color:var(--teal-dark)}.metric p{margin:0;color:var(--muted);font-size:13px}.metric strong{font-size:24px}.twoColumn{display:grid;grid-template-columns:1.45fr .9fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:8px}.panelTitle{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.panelTitle span{color:var(--muted);font-size:13px}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.flow div{border-left:4px solid var(--teal);background:#f6fbfa;padding:12px;border-radius:6px}.flow strong,.flow span{display:block}.flow span{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}.systemGrid{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:18px;margin:0}.systemGrid dt{color:var(--muted)}.systemGrid dd{margin:0;font-weight:800}.checkGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}.checkItem{border:1px solid var(--line);border-radius:8px;padding:11px;background:#fbfdfd}.checkItem span,.checkItem em{display:block;color:var(--muted);font-size:12px;font-style:normal}.checkItem strong{display:block;margin:5px 0;font-size:14px}.diagnosticList{padding:12px 16px 16px;display:grid;gap:10px}.diagnosticItem{border-left:3px solid var(--coral);background:#fff8f6;border-radius:6px;padding:10px 11px}.diagnosticItem strong,.diagnosticItem span,.diagnosticItem em{display:block}.diagnosticItem span{color:#53615d;margin-top:4px;line-height:1.4}.diagnosticItem em,.empty{color:var(--muted);font-size:12px;font-style:normal;margin:0}.grantBar{display:grid;grid-template-columns:1.1fr .85fr .9fr 1.2fr 132px;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;align-items:end}.grantBar label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.lineServerForm{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.35fr 144px 132px;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;align-items:end}.lineServerForm label:not(.checkToggle){display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.formHint{min-height:38px;border:1px solid #dff0ec;border-radius:8px;background:#f7fcfb;padding:7px 10px;display:flex;flex-direction:column;justify-content:center;gap:2px}.formHint strong{font-size:12px;color:var(--teal-dark)}.formHint span{font-size:12px;color:var(--muted);line-height:1.35}.advancedFields{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border-top:1px solid var(--line);padding-top:12px}.advancedFields .checkToggle{align-self:end}.adminUserForm{display:grid;grid-template-columns:1fr 1fr 1fr 132px;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;align-items:end}.adminUserForm label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.checkToggle{height:38px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#40504c;font-size:13px;background:#fbfdfd}.checkToggle input{width:16px;height:16px;padding:0}.autoRegisterToggle{border-color:#10b8a673;background:#effbf8;color:var(--teal-dark)}.nodeFlow{grid-template-columns:repeat(3,minmax(0,1fr))}.rowActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notice{color:var(--teal-dark);margin:-4px 0 0;font-size:13px;font-weight:700}.permissionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 18px 18px}.permissionCard{border:1px solid var(--line);border-radius:8px;background:#fbfdfd;padding:14px;display:grid;gap:7px}.permissionCard.elevated{border-color:#10b8a673;background:#f0fbf9}.permissionCard strong{font-size:15px}.permissionCard span{color:#40504c;line-height:1.45}.permissionCard em{color:var(--muted);font-style:normal;font-size:12px}.permissionChips{display:flex;flex-wrap:wrap;gap:6px}.permissionChips span{min-height:24px;display:inline-flex;align-items:center;border-radius:999px;padding:0 9px;background:#e8fbf8;color:var(--teal-dark);font-size:12px;font-weight:800}.inlineSelect{height:32px;min-width:118px}.passwordReset{display:grid;grid-template-columns:minmax(120px,1fr) 54px;gap:6px;align-items:center}.passwordReset input{height:32px}.permissionEmpty{padding:18px}.planDetails{padding:14px 16px 18px;display:grid;gap:12px}.planDetails .systemGrid{padding:0}.planDetails pre{margin:0;white-space:pre-wrap;background:#102a27;color:#dffbf7;border-radius:8px;padding:12px;font-size:12px;line-height:1.5}.planDetails ul{margin:0;padding-left:18px;color:#40504c;line-height:1.55;font-size:13px}input,select{width:100%;border:1px solid var(--line);border-radius:8px;height:38px;padding:0 11px;background:#fff;color:#15211f}input:focus,select:focus{outline:2px solid rgba(16,184,166,.18);border-color:var(--teal)}.compactButton{justify-content:center}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center}.search{display:flex;align-items:center;gap:8px;width:360px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 10px}.search input{border:0;padding:0}.search input:focus{outline:0}.hint,.subtle{color:var(--muted);font-size:12px}.subtle{display:block;margin-top:3px}.tablePanel{overflow:hidden}table{width:100%;border-collapse:collapse;background:#fff}th{text-align:left;height:42px;padding:0 14px;color:#53615d;font-size:12px;background:#f7faf9;border-bottom:1px solid var(--line)}td{height:56px;padding:9px 14px;border-bottom:1px solid #edf3f1;font-size:14px;vertical-align:middle}tbody tr:hover{background:#fbfdfd}.pill{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 9px;background:#fff1ef;color:#a83e32;font-size:12px;font-weight:800}.pill.ok{background:#e7fbf7;color:var(--teal-dark)}.bar{width:96px;height:8px;border-radius:999px;background:#e7eeec;display:inline-block;overflow:hidden;margin-right:8px;vertical-align:middle}.bar i{height:100%;display:block;background:linear-gradient(90deg,var(--teal),var(--lemon));border-radius:inherit}.loginPage{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,rgba(16,184,166,.24),transparent 32%),#f4f7f6}.loginPanel{width:380px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;box-shadow:0 24px 60px #0f2a271f}.loginPanel label{display:block;margin-top:14px;color:var(--muted);font-size:13px}.field{margin-top:7px;display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 10px}.field input{border:0;padding:0}.field input:focus{outline:0}.loginPanel .primary{width:100%;justify-content:center;margin-top:16px}
