:root{color-scheme:light;--bg:#f4f6fb;--panel:#fff;--line:#e4e9f2;--text:#202b43;--muted:#77839b;--green:#118b78;--blue:#5268e8;--red:#d85168;--amber:#ab791a;font:14px/1.55 "Segoe UI Variable",Inter,"Segoe UI",system-ui,sans-serif}body{background:var(--bg);color:var(--text)}button{background:#fff;border-color:#dbe2ed;color:#44516c;border-radius:9px;font-size:12px;font-weight:600;padding:10px 15px;box-shadow:0 1px 2px #14254404}button:hover{background:#f4f6ff;border-color:#c0cae6;color:#3549bc}.primary{background:#4b5fe5;border-color:#4b5fe5;color:#fff;box-shadow:0 4px 10px #4b5fe51c}.primary:hover{background:#3f51cc;border-color:#3f51cc;color:#fff}input,select,textarea{color:#26334d;background:#fff;border-color:#dbe2ed;border-radius:8px;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#8090f1;outline:3px solid #566de512}label{color:#586781;font-size:11px;font-weight:600}p{color:var(--muted)}h1{font-size:29px;letter-spacing:-1px;line-height:1.2}h2{letter-spacing:-.6px}h3{font-size:14px}aside{width:234px;background:#111a2c;border:0;color:#fff;padding:25px 16px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#34415d #111a2c}.main{margin-left:234px;width:calc(100% - 234px)}aside .brand{padding-left:9px;font-size:15px}.brand-icon{background:#5469ed;color:white;border:0;box-shadow:0 6px 18px #02051028;width:32px;height:36px}.brand-icon svg{width:23px;height:23px}.brand>span:last-child{color:#8291af}.workspace-label{color:#5c6c8a;font-size:8px;letter-spacing:1.5px;margin-top:34px}nav button{color:#98a8c6;font-size:11px;padding:10px 13px;border-radius:8px;font-weight:500;box-shadow:none}nav button:hover{background:#1b2942;color:#dce4f7;border:0}nav button.active{background:#4f63df;color:#fff;box-shadow:0 5px 14px #060c1b22}nav button>span{display:flex;align-items:center;width:18px}nav button svg{width:17px;height:17px}nav small{background:#283551;color:#a4b8e1}.nav-divider{color:#5c6c8a;font-size:8px;letter-spacing:1.5px;margin-top:22px}.enterprise-nav{gap:4px}.mini-status{background:#17243a;border-color:#28364d;color:#899fbd;font-size:9px}.mini-status .pulse{background:#5dc9ae;box-shadow:none}.profile b{color:#d7e1f5}.profile small{color:#7185a7}.profile button{color:#a4b2ce;box-shadow:none}.avatar{background:#233554;border-color:#344767;color:#c5d2eb}header{height:72px;background:#ffffffdf;backdrop-filter:blur(12px);border-color:var(--line);padding:0 34px;position:sticky;top:0;z-index:5}.breadcrumb{font-size:10px;color:#9aa5b9}.breadcrumb b{color:#4a5872}.breadcrumb span{color:#c6cdda}.header-right{gap:12px}.header-right #clock{color:#8692a9;font-size:10px}main{padding:30px 34px;max-width:1600px}.page-head{margin-bottom:25px}.page-head p{max-width:650px;font-size:12px;margin-top:9px}.eyebrow{color:#6c7ea5;font-size:8px;letter-spacing:1.6px;margin-bottom:11px}.pill{background:#e8f7f1;border-color:#cbeadd;color:#168362;border-radius:6px;font-size:9px;font-weight:600;padding:4px 8px}.pill.warning{background:#fff6df;border-color:#f4e5ba;color:#a77c25}.pill.danger{background:#ffedf0;border-color:#f4d3db;color:#c34f69}.pill.neutral{background:#f0f3fa;border-color:#e1e7f2;color:#7b88a2}.panel{border-radius:12px;border-color:var(--line);box-shadow:0 3px 12px #1a315403}.panel-head{padding:19px 22px;border-color:#edf0f6;background:#fff}.panel-head p{color:#96a0b3;font-size:10px}.panel-body{padding:22px}.stats{gap:15px;margin-bottom:23px}.stat{padding:23px;background:white;border-radius:12px;border-color:var(--line);box-shadow:0 3px 12px #1a315403}.stat-value{font-size:30px;color:#24304b;letter-spacing:-1px}.stat-label{color:#8591a8;font-size:10px;margin-bottom:14px}.stat-detail{color:#a0aabe;font-size:9px;margin-top:9px}.stat-mark{background:#f0f2fd;color:#7180d9;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;top:18px;right:18px}.stat-mark svg{width:16px;height:16px}.grid-two{grid-template-columns:1.55fr 1fr;gap:20px}.metric-line{color:#465573;font-size:11px}.metric-line span{color:#8491a7}.metric-line b{font-weight:600}th{background:#f9fafe;color:#9aa4b8;border:0;font-size:8px;letter-spacing:1px;padding:13px 20px}td{border-color:#f0f2f8;color:#7a879e;font-size:11px;padding:17px 20px}td strong{color:#35425e;font-size:11px;font-weight:600}td small{color:#a0aabd;font-size:9px}.row-link:hover{background:#fafbff}.site-circle{background:#f0f2fe;border-color:#e2e7ff;color:#6b7cd8}.clip{max-width:260px}.tabs{border-color:#e0e6f1;gap:26px}.tabs button{color:#9aa5b9;box-shadow:none;font-size:11px;padding-bottom:14px}.tabs button.active{color:#5267d9;border-color:#5267d9}.notice{background:#eef7fb;border-color:#dcebf3;color:#738ca1;font-size:11px;border-radius:9px}.notice.warning{background:#fff9ec;border-color:#f3e8ce;color:#ad9259}.notice.error{background:#fff0f3;border-color:#f7d9e1;color:#b66f83}.notice code{color:inherit}.chart-grid{stroke:#edf0f7}.chart-area{fill:#5268e80a}.chart-line{stroke:#7283e5;stroke-width:2}.chart-blocked{stroke:#de869b}.chart-labels{color:#a3acc0}.legend{font-size:9px;color:#909ab0}.legend span:before{background:#7384e6}.legend span+span:before{background:#dd8a9d}.empty{padding:45px 25px}.empty-symbol{color:#b2bce4;background:#f5f6fe;border:1px dashed #e0e5f7;width:58px;height:58px;display:grid;place-items:center;border-radius:16px;margin:0 auto 18px}.empty h3{font-size:15px;color:#495877}.empty p{font-size:11px;color:#a0aabc;line-height:1.8}.help-text{color:#98a3b8;font-size:10px}.setting-row{border-color:#edf0f6}.setting-row p{color:#929eb4}.filters input,.filters select{background:white}.error{color:#c9536e}dialog{background:white;color:var(--text);border-color:#e0e5f1;border-radius:15px;box-shadow:0 30px 80px #0b16344d;width:min(670px,94vw)}dialog::backdrop{background:#111a354d;backdrop-filter:blur(5px)}.modal-head{border-color:#edf0f6;padding:22px 26px}.modal-head h2{font-size:18px}.modal-head button{color:#a1aabd;box-shadow:none}.modal-head button:hover{color:#4c5f80}.modal-head+#modal-content{padding:8px 26px 26px}.form-actions{border-top:1px solid #eef1f7;padding-top:18px}.danger{color:#c75673}.big-code,.result-json{background:#f6f8fd;border-color:#e3e8f4;color:#6676a0}.alert-card{border-color:#edf0f6;padding:20px 0}.alert-card p{font-size:11px;color:#8e9ab0}.small-time{font-size:16px!important}.portal-switch{color:#5268d6}.login-shell{background:#f8faff}.login-story,.admin-portal .login-story{background:radial-gradient(ellipse at 0% 100%,#263568 0%,transparent 65%),#121d36;color:#fff;padding:48px 60px;border:0;position:relative;overflow:hidden}.login-story:after{content:'';position:absolute;width:350px;height:350px;border:1px solid #879ef316;transform:rotate(35deg);border-radius:60px;right:-180px;top:12%}.login-story .brand{color:#fff}.login-story .eyebrow{color:#8196d0}.story-copy h1{font-size:clamp(36px,4.4vw,61px);color:#f4f6ff;letter-spacing:-2px}.story-copy p{color:#8495ba;font-size:13px;line-height:2}.story-grid{color:#657ca7;font-size:11px;gap:18px}.story-bottom{color:#647da9;font-size:10px}.login-form-wrap{background:#f8faff}.login-form{max-width:360px}.login-form h2{font-size:32px;color:#283650;font-weight:650;letter-spacing:-1.2px}.login-form p{font-size:12px;color:#94a0b8;line-height:1.8}.login-form .eyebrow,.admin-portal .login-form .eyebrow{color:#8697c7}.login-form input{height:44px}.login-note{color:#a7b1c4;font-size:10px}.login-form .primary{padding:13px 16px}.profile button{background:transparent}.pulse{background:#41b295;box-shadow:none}footer{border-color:#e5eaf3;color:#a5aec2;font-size:8px;letter-spacing:.7px}.loading{color:#9ba7be}.spinner{border-color:#dce3f5;border-top-color:#7183e5}#toast{background:#213551;border-color:#435b7f;color:#fff;box-shadow:0 12px 30px #182b5030;border-radius:10px}.theme-button{width:32px;height:32px;padding:6px;display:grid;place-items:center}.theme-button svg{width:16px;height:16px}.hero-panel{display:flex;justify-content:space-between;gap:25px;padding:29px 30px;border-radius:14px;background:#18284c;color:#fff;margin-bottom:24px;position:relative;overflow:hidden}.hero-panel .eyebrow{color:#7995c7;margin-bottom:12px}.hero-panel h1{font-size:30px;color:#f3f6ff;margin-bottom:11px;letter-spacing:-1px}.hero-panel p{color:#93a5ca;font-size:11px;line-height:1.8;max-width:490px}.hero-panel .actions{margin-top:22px}.hero-panel .primary{background:#6378ee;border-color:#6378ee;font-size:10px;padding:11px 17px}.hero-panel .hero-secondary{background:#ffffff08;color:#9fb3db;border-color:#ffffff1c;font-size:10px;padding:11px 17px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:180px;width:220px;align-self:stretch}.hero-ring{width:130px;height:130px;border:1px solid #738fd624;position:absolute;border-radius:50%}.hero-ring:before{content:'';position:absolute;inset:15px;border:1px dashed #738fd629;border-radius:50%}.hero-shield{width:70px;height:82px;background:#4968b43b;border:1px solid #5c7cd85e;border-radius:20px 20px 32px 32px;display:grid;place-items:center;color:#819eff;box-shadow:0 0 60px #5974df18}.hero-shield svg{width:34px;height:34px}.hero-tag{position:absolute;bottom:21px;right:0;color:#89c6b0;background:#1d3d4b;border:1px solid #42756d55;font-size:9px;padding:7px 10px;border-radius:8px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-label h3{font-size:12px;color:#7888a2}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px}.quick-card{display:flex;align-items:center;gap:14px;background:white;border:1px solid var(--line);padding:18px;border-radius:11px;text-align:left;box-shadow:0 3px 12px #1a315403;transition:.2s}.quick-card:hover{transform:translateY(-2px);background:#fff;border-color:#bcc7f0;box-shadow:0 7px 18px #395a9e0b}.quick-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#f1f3ff;color:#7182df;flex-shrink:0}.quick-icon svg{width:18px;height:18px}.quick-card b{display:block;font-size:11px;color:#52617c;font-weight:600}.quick-card small{display:block;color:#a1abc0;font-size:9px;margin-top:4px;font-weight:400}.quick-arrow{margin-left:auto;color:#b3bdd4;font-weight:400}.onboarding-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.onboard-step{padding:18px;background:#fafbfe;border:1px solid #edf0f8;border-radius:10px;position:relative}.onboard-num{font-size:9px;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#eef1fc;color:#7e8dd0;margin-bottom:14px}.onboard-step.done .onboard-num{background:#e7f5ef;color:#57a38b}.onboard-step h3{font-size:11px;color:#56647f;margin-bottom:6px}.onboard-step p{font-size:9px;color:#a4adc0;line-height:1.8;margin-bottom:15px}.onboard-step button{padding:6px 9px;font-size:9px;border-radius:6px}.list-avatar{width:34px;height:34px;display:grid;place-items:center;background:#f0f3fc;border:1px solid #e5eaf7;border-radius:10px;color:#8192c2;font-size:11px;margin-right:10px;flex-shrink:0}.customer-identity{display:flex;align-items:center}.customer-toolbar{display:flex;justify-content:space-between;gap:15px;padding:16px 20px;border-bottom:1px solid #edf0f6}.customer-toolbar input{margin:0;max-width:280px;font-size:11px;background:#fafbfe}.customer-toolbar select{margin:0;max-width:170px;font-size:11px}.table-actions{display:flex;gap:6px;align-items:center}.table-actions button{font-size:9px;padding:6px 10px;white-space:nowrap}.customer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-tile{padding:14px;background:#f8faff;border:1px solid #e8edf7;border-radius:8px;font-size:11px}.detail-tile span{display:block;font-size:9px;color:#a0abc0;margin-bottom:5px}.detail-tile b{font-weight:500;overflow-wrap:anywhere}.password-tools{display:flex;gap:7px;margin-top:8px}.password-tools button{font-size:10px;padding:6px 10px}.success-box{background:#edf8f2;border:1px solid #d4ecdf;border-radius:10px;padding:18px;margin:18px 0;color:#5b967a;font-size:11px}.credential-row{margin:12px 0}.credential-row span{display:block;color:#99a7bc;font-size:10px;margin-bottom:5px}.credential-row code{display:block;background:#f6f8fd;border:1px solid #e4eaf6;border-radius:7px;padding:12px;color:#516284;overflow-wrap:anywhere}.guide-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.guide-step{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid #eef1f7}.guide-step:last-child{border-bottom:0}.guide-step h3{font-size:12px;margin:0 0 7px;color:#596986}.guide-step p{font-size:11px;line-height:1.9;color:#96a2b9}.guide-step .onboard-num{flex-shrink:0;margin:0}.flow-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px;background:#f7f9fe;border:1px solid #e5ebf7;border-radius:10px;margin-bottom:24px;font-size:10px;color:#8494b2}.flow-strip b{color:#5b6cb0;font-weight:600}.flow-arrow{color:#b9c4dc}.warning-inline{font-size:10px;color:#a18c5f;background:#fff9ee;padding:12px;border-radius:8px;margin-top:15px}.customer-profile-button{font-size:9px!important}.guide-link{color:#7387ce}.muted{color:#94a0b7}
.panel-head p,.help-text,.stat-detail,.onboard-step p,.quick-card small,td small,.guide-step p,.login-form p,.login-note,.credential-row span{color:#6c7a92}.quick-card small,.onboard-step p{font-size:10px}.customer-toolbar input::placeholder{color:#8796ac}.panel-head p{font-size:10px}.hero-panel .eyebrow{color:#9eb4df}.hero-panel p{color:#adbfdf}.hero-panel .hero-secondary{color:#c0cfec}.login-story .story-copy p{color:#a3b3d1}.login-story .story-grid{color:#9bafd1}aside{overflow:hidden}aside>.brand{flex-shrink:0}aside nav{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#34415d #111a2c}.workspace-label{margin-top:24px;margin-bottom:12px;flex-shrink:0}.sidebar-bottom{flex-shrink:0;margin-top:14px;padding-top:0}.mini-status{margin:0 0 12px;padding:10px}.profile{padding:0 3px}
@media(max-width:1100px){aside{width:210px}.main{margin-left:210px;width:calc(100% - 210px)}main{padding:25px}.hero-panel{padding:25px}.hero-art{min-width:130px;width:150px}.onboarding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card{padding:14px;gap:9px}.quick-card small{font-size:10px}.guide-grid{grid-template-columns:1fr}}
@media(max-width:760px){aside{position:relative;width:100%;height:auto;padding:16px}.main{margin:0;width:100%}main{padding:20px 15px}header{height:55px;padding:0 16px;position:relative}.hero-panel{padding:24px;display:block}.hero-panel h1{font-size:27px}.hero-art{display:none}.hero-panel .actions{flex-wrap:wrap}.quick-grid{grid-template-columns:1fr;gap:10px}.quick-card{padding:15px}.quick-card small{font-size:10px}.onboarding-grid{grid-template-columns:1fr 1fr}.grid-two,.guide-grid{grid-template-columns:1fr}.customer-toolbar{flex-wrap:wrap}.customer-toolbar input,.customer-toolbar select{max-width:none;flex:1}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:17px}.stat-value{font-size:26px}.login-form-wrap{background:#f8faff}.flow-strip{font-size:9px;padding:14px}.customer-detail-grid{grid-template-columns:1fr}}