:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#20232b;background:#f5f6f8;font-synthesis:none;text-rendering:optimizeLegibility;--primary: #e24b35;--teal: #16877a;--indigo: #4f6bed;--line: #e5e7eb;--muted: #7a818d;--surface: #fff}.image-field-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center}.image-preview{width:72px;height:72px;display:grid;place-items:center;overflow:hidden;border:1px solid #dfe4ea;border-radius:8px;background:#f7f9fb;color:#8a94a1}.image-preview img{width:100%;height:100%;object-fit:cover}.image-field-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.upload-control{position:relative;height:40px;padding:0 13px;display:inline-flex;align-items:center;gap:6px;overflow:hidden;border:1px solid #dfe4ea;border-radius:7px;background:#fff;color:#4f5b68;font-size:13px;font-weight:700;cursor:pointer}.upload-control input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.field-error{color:#c9384d!important}@media(max-width:640px){.image-field-row{grid-template-columns:58px minmax(0,1fr)}.image-preview{width:58px;height:58px}.image-field-actions{grid-template-columns:1fr}.upload-control{justify-content:center}}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f6f8}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#f5f6f8}.login-aside{background:#222a36;color:#f8fafc;padding:clamp(36px,8vw,110px);display:flex;flex-direction:column;justify-content:center}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--primary);color:#fff;border-radius:10px;box-shadow:0 8px 20px #0002}.brand-mark.small{width:32px;height:32px;border-radius:8px}.eyebrow{margin:0 0 12px;color:#8b93a1;font-size:11px;font-weight:700;letter-spacing:.12em}.login-aside h1{font-size:clamp(30px,4vw,52px);line-height:1.14;letter-spacing:0;margin:22px 0 18px;max-width:580px}.login-aside h1 span{color:#ff977f}.muted-on-dark{color:#abb4c1;line-height:1.8;max-width:460px}.login-proof{display:flex;gap:36px;margin-top:58px}.login-proof div{display:grid;gap:6px}.login-proof strong{font-size:14px}.login-proof small{color:#8893a3}.login-panel{display:grid;place-items:center;padding:36px}.login-card{width:min(410px,100%);background:var(--surface);border:1px solid #e2e4e8;padding:42px;border-radius:14px;box-shadow:0 18px 50px #1e273514}.login-heading{display:flex;gap:10px;align-items:center}.login-heading div:last-child{display:grid;gap:2px}.login-heading small{color:var(--muted);font-size:12px}.login-card h2{font-size:28px;margin:42px 0 8px;letter-spacing:0}.muted{color:var(--muted);margin:0}.stack-lg{display:grid;gap:18px}.stack-xl{display:grid;gap:22px}.login-card form{margin-top:28px}.field,label{display:grid;gap:8px;color:#353a44;font-size:13px;font-weight:600}.field small{font-weight:400;color:var(--muted)}input,textarea,select{width:100%;border:1px solid #dfe2e7;background:#fff;border-radius:8px;color:#282c34;padding:10px 12px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e24b3517}.btn{border:1px solid transparent;border-radius:8px;min-height:38px;padding:0 14px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-size:13px;font-weight:700;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--primary);color:#fff}.btn.ghost{background:#fff;border-color:#dfe2e7;color:#4a505b}.btn.full{width:100%;min-height:44px}.login-foot{border-top:1px solid var(--line);padding-top:18px;margin:30px 0 0;color:#9298a2;font-size:12px}.alert{display:flex;align-items:center;gap:8px;border-radius:8px;padding:10px 12px;font-size:13px}.alert.error{background:#fff1ef;color:#b63521;border:1px solid #ffd5ce}.alert.success{background:#ecfaf5;color:#187256;border:1px solid #c4efdf}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;background:#202832;color:#e7ebf2;display:flex;flex-direction:column;flex:none;transition:width .2s}.sidebar-head{height:74px;display:flex;align-items:center;gap:10px;padding:0 22px;border-bottom:1px solid #ffffff12}.side-name{display:grid;gap:3px}.side-name strong{font-size:15px}.side-name small{font-size:11px;color:#96a0ae}.sidebar nav{padding:20px 14px;display:grid;gap:22px}.nav-group{display:grid;gap:4px}.nav-label{color:#788493;font-size:11px;padding:0 12px 5px}.nav-group a,.nav-logout{display:flex;align-items:center;gap:11px;height:40px;padding:0 12px;border-radius:8px;color:#aab3c0;font-size:13px}.nav-group a:hover,.nav-group a.active{background:#ffffff12;color:#fff}.nav-group a.active{box-shadow:inset 3px 0 0 var(--primary)}.sidebar-bottom{margin-top:auto;padding:16px 14px;border-top:1px solid #ffffff12;display:grid;gap:12px}.sync-state{font-size:11px;color:#8f9aa8;padding:0 12px;display:flex;align-items:center;gap:7px}.online-dot{width:6px;height:6px;background:#37c98b;border-radius:50%}.nav-logout{border:0;background:transparent;width:100%;text-align:left}.nav-logout:hover{color:#ff9e8d}.app-shell.collapsed .sidebar{width:76px}.app-shell.collapsed .side-name,.app-shell.collapsed .nav-label,.app-shell.collapsed .nav-group a span,.app-shell.collapsed .sync-state{display:none}.app-shell.collapsed .sidebar-head{justify-content:center;padding:0}.app-shell.collapsed .nav-group a,.app-shell.collapsed .nav-logout{justify-content:center}.main-shell{min-width:0;flex:1}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 32px}.icon-btn{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#68717d;display:inline-grid;place-items:center}.icon-btn:hover{background:#f0f2f4;color:#252a32}.icon-btn.danger{color:#c34e3f}.menu-btn,.mobile-close{display:none}.breadcrumbs{display:flex;gap:10px;color:#9299a4;font-size:13px}.breadcrumbs strong{color:#30353d}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fbe3de;color:#b93827;font-weight:800;font-size:12px}.user-info{display:grid;gap:2px}.user-info strong{font-size:12px}.user-info small{font-size:11px;color:var(--muted)}.content{max-width:1440px;margin:auto;padding:34px 38px 60px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.page-intro h1{font-size:30px;line-height:1;margin:0;letter-spacing:0}.draft-pill,.status-pill,.panel-tag,.role{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#68717d;background:#f0f2f4;border-radius:999px;padding:5px 9px}.draft-pill span{width:6px;height:6px;border-radius:50%;background:#d9972d}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;align-items:flex-start;gap:14px}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px}.metric-icon.coral{color:#bd3f2c;background:#fff0ec}.metric-icon.teal{color:#167c70;background:#eaf8f4}.metric-icon.indigo{color:#455bd2;background:#eef0ff}.metric-icon.amber{color:#a16d16;background:#fff8e5}.metric-label{color:var(--muted);font-size:12px;margin-bottom:7px}.metric strong{display:block;font-size:26px;line-height:1}.metric small{display:block;color:#9aa0a9;font-size:11px;margin-top:9px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;min-width:0}.chart-panel{min-height:360px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-head h2{font-size:16px;margin:0 0 6px;letter-spacing:0}.panel-head p{font-size:12px;color:var(--muted);margin:0}.panel-tag{color:#17785f;background:#ecfaf5}.panel-tag svg{color:#22a879}.text-link{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-size:12px;font-weight:700}.chart-wrap{height:265px}.data-rows{display:grid}.data-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #eff0f2}.data-row:first-child{border-top:0}.row-avatar{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:#f2f3f6;color:#606977;font-size:12px;font-weight:700}.row-main{display:grid;gap:4px;min-width:0;flex:1}.row-main strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-main small,.cell-sub{font-size:11px;color:var(--muted);display:block;margin-top:4px}.data-row time{color:#a0a6ae;font-size:11px;white-space:nowrap}.loading{height:180px;display:flex;justify-content:center;align-items:center;gap:8px;color:var(--muted);font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.search-box{width:min(360px,100%);display:flex;align-items:center;gap:8px;border:1px solid #dfe2e7;border-radius:8px;padding-left:11px;color:#8a929e}.search-box input{border:0;box-shadow:none;padding-left:0}.search-box input:focus{box-shadow:none}.search-box .icon-btn{margin-left:auto}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;min-width:600px}th{text-align:left;color:#8b929d;font-size:11px;font-weight:700;letter-spacing:.02em;padding:0 12px 12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #eff0f2;color:#4f5661;vertical-align:top}td strong{color:#2b3038;font-size:13px}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.table-foot{display:flex;justify-content:space-between;align-items:center;padding-top:16px;color:var(--muted);font-size:12px}.pager{display:flex;align-items:center;gap:10px}.pager button{border:1px solid var(--line);background:#fff;border-radius:6px;color:#59616d;padding:5px 9px;font-size:11px}.pager button:disabled{opacity:.4;cursor:not-allowed}.inline-select{padding:5px 8px;font-size:11px;min-width:84px}.feedback-cell{max-width:380px;white-space:normal;line-height:1.6}.settings-tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:16px}.settings-tabs button{border:0;background:transparent;color:#838b96;padding:10px 14px;border-bottom:2px solid transparent;white-space:nowrap;font-size:13px}.settings-tabs button.active{color:var(--primary);font-weight:700;border-bottom-color:var(--primary)}.config-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fffdf8;border:1px solid #f2e8c7;border-radius:8px;color:#77705f;font-size:12px}.config-status>div:first-child{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.status-dot.draft{background:#d9972d}.status-dot.live{background:#1da878}.status-divider{width:1px;height:15px;background:#ddd4bd;margin:0 4px}.config-actions{display:flex;gap:8px}.settings-section{margin-bottom:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px}.form-grid .toggle{align-self:end}.toggle{display:flex;align-items:center;gap:9px;min-height:39px;cursor:pointer}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{width:34px;height:20px;border-radius:20px;background:#dfe2e7;padding:3px;transition:.2s}.toggle-track span{display:block;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:.2s}.toggle input:checked+.toggle-track{background:var(--primary)}.toggle input:checked+.toggle-track span{transform:translate(14px)}.array-list{display:grid;gap:12px}.array-item{border:1px solid #ebecef;border-radius:8px;padding:15px}.array-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.array-top>div{display:flex;align-items:center;gap:12px}.array-top strong{font-size:13px}.json-editor{min-height:620px;width:100%;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6;background:#202832;color:#dce3ec;border-color:#202832}.theme-options{display:flex;flex-wrap:wrap;gap:12px}.theme-option{min-width:150px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;color:#4a505b}.theme-option span{width:20px;height:20px;border-radius:5px}.theme-option svg{margin-left:auto;color:var(--primary)}.theme-option.selected{border-color:var(--primary);box-shadow:0 0 0 2px #e24b3518}.api-meta{display:flex;align-items:center;gap:10px;padding:12px;background:#f7f8fa;color:#666f7c;border-radius:7px;font-family:monospace;font-size:12px;margin-bottom:14px}.api-meta>span:first-child{background:#eaf8f4;color:#147963;border-radius:4px;padding:4px 6px;font-family:inherit;font-size:10px;font-weight:700}.api-meta .status-pill{margin-left:auto}.api-preview pre{max-height:660px;overflow:auto;background:#202832;color:#dce3ec;border-radius:8px;padding:18px;font-size:11px;line-height:1.6}.status-pill.good{background:#ecfaf5;color:#17785f}.status-pill.good span{width:6px;height:6px;border-radius:50%;background:#25af7c}.role{font-size:11px}.role.owner{background:#fff0ec;color:#b93827}.role.editor{background:#eef0ff;color:#455bd2}.role.viewer{background:#f0f2f4;color:#697280}.cell-sub{font-weight:400}.mobile-close{margin-left:auto}.array-item .form-grid{margin-top:2px}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-screen{grid-template-columns:1fr}.login-aside{display:none}.login-panel{min-height:100vh}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;transform:translate(-100%);box-shadow:15px 0 35px #0003}.sidebar.mobile-open{transform:translate(0)}.mobile-close,.menu-btn{display:inline-grid}.collapse-btn{display:none}.content{padding:28px 22px 50px}.topbar{padding:0 20px}.breadcrumbs{font-size:12px}.user-info{display:none}}@media(max-width:680px){.login-card{padding:28px}.metric-grid,.grid-2,.form-grid{grid-template-columns:1fr}.metric{padding:16px}.page-intro h1{font-size:26px}.content{padding:22px 15px 40px}.topbar{height:62px;padding:0 14px}.config-status{align-items:flex-start;flex-direction:column}.config-actions{width:100%}.config-actions .btn{flex:1}.panel{padding:17px}.chart-panel{min-height:320px}.login-panel{padding:18px}.toolbar{align-items:stretch;flex-direction:column}.search-box{width:100%}}html,body,#root{background:#f1f5f9}.sidebar{width:232px;background:#f8fafc;color:#0f172a;border-right:1px solid #e2e8f0}.sidebar-head{height:82px;padding:0 18px;border-bottom-color:#e2e8f0}.sidebar .brand-mark,.page-banner-logo{background:#5b4bea;box-shadow:0 8px 18px #5b4bea2b}.side-name strong{color:#18212f}.side-name small,.nav-label,.sync-state{color:#8993a2}.nav-group a,.nav-logout{color:#526071}.nav-group a:hover,.nav-group a.active{color:#5144dc;background:#e9e8ff}.nav-group a.active{box-shadow:inset 3px 0 #5b4bea}.sidebar-bottom{border-top-color:#e2e8f0}.main-shell{background:#f1f5f9}.topbar{height:56px;margin:26px 24px 0;border:1px solid #e2e8f0;border-radius:10px;padding:0 16px;box-shadow:0 1px 3px #0f172a0a}.topbar-search{width:min(440px,46%);margin:0 auto;display:flex;align-items:center;gap:8px;border-radius:9px;padding:0 12px;color:#95a0ae;background:#f1f5f9}.topbar-search input{border:0;box-shadow:none;background:transparent;padding-left:0}.content{max-width:1440px;padding:24px 32px 60px}.page-banner{min-height:80px;display:flex;align-items:center;gap:14px;padding:16px 22px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0f172a0f}.page-banner-logo{width:42px;height:42px;display:grid;place-items:center;color:#fff;border-radius:10px}.page-banner strong,.page-banner small{display:block}.page-banner strong{font-size:16px}.page-banner small{color:#7c8797;font-size:12px;margin-top:5px}.preview-banner{display:flex;align-items:center;gap:8px;margin-top:20px;padding:12px 16px;border:1px solid #a9e7ee;border-radius:9px;background:#e8fbfd;color:#1393a2;font-size:12px;font-weight:600}.page-intro{margin:24px 0 28px}.page-intro h1{font-size:30px;color:#0f172a}.page-desc{margin:9px 0 0;color:#7c8797;font-size:13px}.metric{min-height:134px;border:0;border-radius:14px;box-shadow:0 1px 3px #0f172a0f}.metric.coral{background:#eeecff}.metric.teal{background:#ddf7f4}.metric.indigo{background:#dff6f5}.metric.amber{background:#f0eaff}.metric-icon.coral{color:#fff;background:#5b4bea}.metric-icon.teal,.metric-icon.indigo{color:#16877a;background:#b8eeea}.metric-icon.amber{color:#8b5cf6;background:#ded3ff}.panel,.array-item{border-color:#e2e8f0;box-shadow:0 1px 3px #0f172a0f}.settings-section .panel-head{margin:-22px -22px 20px;padding:18px 22px;border-bottom:1px solid #e2e8f0}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-tabs{border:0;margin-bottom:18px;gap:7px}.settings-tabs button{border:1px solid #e2e8f0;border-radius:999px;background:#fff;padding:8px 13px}.settings-tabs button.active{border-color:#c6c2ff;background:#e9e8ff;color:#5144dc}.settings-tabs.is-hidden{display:none}.integration-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #b8e6df;border-radius:9px;background:#effbf7;color:#16665d}.integration-banner div{display:grid;gap:4px}.integration-banner span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#289787}.integration-banner strong{font-size:13px}.integration-banner i{padding:6px 9px;border-radius:999px;background:#d9f7ed;color:#167a68;font-size:11px;font-style:normal;font-weight:700;white-space:nowrap}.module-nav{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 18px;padding:13px 15px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;box-shadow:0 1px 3px #0f172a0a}.module-nav a{padding:6px 9px;border-radius:5px;color:#667085;background:#f8fafc;font-size:12px;font-weight:650}.module-nav a:hover{color:#5144dc;background:#eeecff}.settings-section{scroll-margin-top:16px}.array-head-actions{display:flex;align-items:center;gap:12px}.array-head-actions .toggle{min-height:32px;font-size:12px}.array-top .form-grid{padding-left:0}.content-workspace-header{display:flex;align-items:center;gap:14px;min-height:86px;padding:14px 18px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:0 1px 3px #0f172a0f}.content-workspace-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;flex:none}.content-workspace-header.indigo .content-workspace-icon{color:#5144dc;background:#eeecff}.content-workspace-header.coral .content-workspace-icon{color:#d45442;background:#fff0ec}.content-workspace-header.teal .content-workspace-icon{color:#13877c;background:#e3f8f4}.content-workspace-header.amber .content-workspace-icon{color:#a86d18;background:#fff6df}.content-workspace-header.violet .content-workspace-icon{color:#7b56cd;background:#f2ebff}.content-workspace-header.blue .content-workspace-icon{color:#2178bb;background:#e6f3ff}.content-workspace-copy{display:grid;gap:4px;min-width:0;flex:1}.content-eyebrow{color:#98a2b3;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.content-workspace-copy strong{color:#1d2939;font-size:17px}.content-workspace-copy small{color:#7c8797;font-size:11px}.content-workspace-meta{display:flex;align-items:center;gap:16px;color:#7c8797;font-size:11px;white-space:nowrap}.content-workspace-meta b{color:#344054;font-size:15px;margin-right:3px}.content-workspace-meta .status-dot{margin-right:5px}.workspace-preview{min-height:32px}.content-preview-card{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);align-items:center;gap:18px;min-height:178px;padding:14px 18px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:0 1px 3px #0f172a0f}.content-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;align-self:stretch;padding:7px 0}.content-preview-head>div{display:grid;gap:5px}.content-preview-head span:first-child{color:#98a2b3;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.content-preview-head strong{color:#344054;font-size:14px}.preview-live{display:inline-flex;align-items:center;gap:5px;color:#1c9b73;font-size:11px;white-space:nowrap}.preview-live i{width:6px;height:6px;border-radius:50%;background:#25b886}.phone-preview{justify-self:end;width:min(100%,430px);padding:8px 10px 10px;border:1px solid #dbe2eb;border-radius:17px;background:#f8fafc;box-shadow:inset 0 0 0 1px #fff,0 8px 18px #0f172a0d}.phone-notch{width:70px;height:4px;margin:0 auto 7px;border-radius:99px;background:#d2d9e3}.phone-body{display:grid;gap:7px;padding:9px;border-radius:11px;background:#fff}.phone-brand,.phone-input,.phone-item{display:flex;align-items:center;gap:7px}.phone-brand{color:#344054;font-size:11px}.phone-brand>span{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:#fff;background:#5b4bea;font-size:10px}.phone-brand b{flex:1;font-size:11px}.phone-hero{display:grid;gap:3px;padding:10px;border-radius:8px;background:#f1efff}.phone-hero small{color:#6f62da;font-size:9px}.phone-hero strong{color:#344054;font-size:12px}.phone-input{padding:6px;border:1px solid #e4e7ec;border-radius:7px;color:#98a2b3;font-size:9px}.phone-input span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.phone-input button{border:0;border-radius:5px;padding:5px 8px;color:#fff;background:#5b4bea;font-size:9px;font-weight:700}.phone-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.phone-item{min-width:0;padding:7px;border:1px solid #edf0f4;border-radius:7px}.phone-item>span{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;color:#5b4bea;background:#f1efff;font-size:8px}.phone-item>div{min-width:0;flex:1}.phone-item b,.phone-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-item b{color:#475467;font-size:9px}.phone-item small{margin-top:2px;color:#98a2b3;font-size:8px}.section-heading{display:flex;align-items:flex-start;gap:10px;min-width:0}.section-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#5b4bea;background:#f1efff;flex:none}.section-collapse{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e5e7eb;border-radius:7px;color:#7c8797;background:#fff}.section-collapse:hover{color:#5144dc;border-color:#c6c2ff;background:#fafaff}.settings-section.is-collapsed .panel-head{margin-bottom:0}.array-index{display:inline-grid;place-items:center;width:25px;height:20px;margin-right:7px;border-radius:5px;color:#5144dc;background:#f1efff;font-size:10px}.compact-icon{width:26px;height:26px;color:#98a2b3}.compact-icon:disabled{opacity:.35;cursor:not-allowed}.compact-icon:hover:not(:disabled){color:#5144dc;background:#f1efff}.array-top>div{gap:4px}.array-top .toggle{margin-left:7px}.settings-section .panel-head{align-items:center}.settings-section .panel-head h2{display:flex;align-items:center}.settings-section .form-grid{padding-left:40px}.database-banner{min-height:66px;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #b9edf0;border-radius:10px;background:#effcfd;color:#176d76}.database-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#d3f5f5;color:#0e8997;flex:none}.database-copy{display:grid;gap:4px;min-width:0;flex:1}.database-copy strong{font-size:13px;color:#126a73}.database-copy small{color:#5a8990;font-size:11px}.database-banner .btn{min-height:32px;color:#147782;border-color:#a8dfe2;background:#fff}.section-kicker{display:flex;align-items:center;gap:10px;margin:2px 0 -8px;color:#667085;font-size:13px;font-weight:800}.section-kicker:before{content:"";width:4px;height:16px;border-radius:3px;background:#5b4bea}.dashboard-third-row,.insight-grid,.overview-grid{display:grid;gap:15px}.dashboard-third-row{grid-template-columns:1fr 1fr}.insight-grid{grid-template-columns:1.1fr .85fr 1.05fr}.overview-grid{grid-template-columns:1.1fr 1fr 1fr}.compact-chart,.hot-stores-panel,.region-panel,.latest-panel,.overview-panel{min-height:0}.compact-chart{min-height:285px}.compact-wrap{height:174px}.panel-caption{color:#98a2b3;font-size:11px}.bar-summary{display:flex;gap:22px;margin:-2px 0 4px;color:#98a2b3;font-size:11px}.bar-summary strong{margin-right:4px;color:#1f2937;font-size:17px}.hot-store-list,.region-list,.system-list{display:grid;gap:12px}.hot-store-row{display:grid;grid-template-columns:20px minmax(90px,1fr) minmax(75px,1.3fr) 34px;align-items:center;gap:9px;font-size:12px}.hot-rank{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#f1efff;color:#5b4bea;font-size:11px;font-weight:800}.hot-store-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#485467}.hot-bar{height:6px;overflow:hidden;border-radius:99px;background:#edf0f4}.hot-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c6cf4,#5b4bea)}.hot-store-row strong{text-align:right;color:#364152;font-size:12px}.text-button{display:inline-flex;align-items:center;gap:4px;margin-top:17px;padding:0;border:0;background:transparent;color:#5b4bea;font-size:12px;font-weight:700}.panel-icon-muted{color:#98a2b3}.region-row,.system-list>div{display:flex;align-items:center;gap:9px;color:#5f6b7a;font-size:12px}.region-row strong,.system-list em{margin-left:auto;font-style:normal;color:#344054;font-weight:700}.region-dot{width:8px;height:8px;border-radius:50%;background:#5b4bea}.dot-1{background:#16b3a3}.dot-2{background:#f3a849}.dot-3{background:#ee6b65}.dot-4{background:#55a6e8}.overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:3px 0 14px}.overview-stats div{padding-right:8px;border-right:1px solid #edf0f4}.overview-stats div:last-child{border-right:0}.overview-stats strong{display:block;color:#202938;font-size:19px}.overview-stats span{display:block;margin-top:4px;color:#98a2b3;font-size:11px}.overview-progress{height:6px;overflow:hidden;border-radius:99px;background:#edf0f4}.overview-progress span{display:block;height:100%;border-radius:inherit;background:#5b4bea}.overview-foot{margin:10px 0 0;color:#98a2b3;font-size:11px}.status-ok{color:#1c9b73!important}.status-ok:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#25b886}.quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-links a{display:flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid #edf0f4;border-radius:7px;color:#536174;font-size:11px}.quick-links a:hover{border-color:#c6c2ff;color:#5144dc;background:#fafaff}.list-panel{padding:18px 20px 14px}.toolbar{align-items:center;margin-bottom:15px}.toolbar-actions{display:flex;align-items:center;gap:8px}.search-box{width:min(420px,100%);min-height:38px;background:#fff}.search-submit{min-height:30px;margin-right:4px;padding:0 13px}.admin-table{min-width:920px}.admin-table th{background:#f8fafc;color:#667085;padding:11px 10px;border-bottom-color:#e7ebf1}.admin-table td{padding:10px;font-size:12px;vertical-align:middle}.admin-table th:first-child,.admin-table td:first-child{padding-left:10px}.select-cell{width:38px;text-align:center!important}.select-cell input{width:14px;height:14px;accent-color:#5b4bea}.user-cell{display:flex;align-items:center;gap:9px;min-width:170px}.table-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#5b4bea;background:#eeecff;font-size:12px;font-weight:800;flex:none}.user-cell>span:last-child{min-width:0}.user-cell strong{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono-cell{color:#667085;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.count-cell{color:#5144dc}.table-action{padding:4px 8px;border:0;border-radius:5px;background:#f1efff;color:#5144dc;font-size:11px;font-weight:700}.table-action:hover{background:#e4e1ff}.tenant-switcher{display:flex;align-items:center;gap:7px;min-width:170px;height:34px;padding:0 9px;border:1px solid #e5e7eb;border-radius:7px;background:#fff;color:#667085}.tenant-switcher select{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#344054;font-size:12px;font-weight:700}.saas-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.saas-summary>div{display:flex;align-items:center;gap:12px;min-height:76px;padding:15px 17px;border:1px solid #e8eaf0;border-radius:8px;background:#fff;color:#5b4bea}.saas-summary span{display:grid;gap:3px;color:#7b8494;font-size:11px}.saas-summary strong{color:#202938;font-size:22px;line-height:1}.tenant-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.72fr);gap:15px;align-items:start}.tenant-list-panel .admin-table{min-width:760px}.tenant-form-panel{position:sticky;top:78px}.plan-pill{display:inline-flex;padding:4px 8px;border-radius:5px;background:#f1f3f7;color:#667085;font-size:11px;font-weight:700}.plan-pill.pro{background:#eeecff;color:#5747dc}.plan-pill.enterprise{background:#e8f8f5;color:#138474}@media(max-width:1100px){.insight-grid,.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.latest-panel{grid-column:span 2}.tenant-layout{grid-template-columns:1fr}.tenant-form-panel{position:static}}@media(max-width:1000px){.topbar{margin:14px 16px 0}.content{padding:20px 22px 50px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-workspace-meta{display:none}}@media(max-width:680px){.topbar{margin:10px 10px 0}.content{padding:16px 15px 40px}.form-grid{grid-template-columns:1fr}.content-workspace-header{align-items:flex-start;flex-wrap:wrap}.workspace-preview{margin-left:56px}.settings-section .form-grid{padding-left:0}.module-nav{max-height:98px;overflow:auto}.array-head-actions{width:100%;justify-content:space-between}.content-preview-card{grid-template-columns:1fr}.phone-preview{justify-self:stretch;width:100%}.dashboard-third-row,.insight-grid,.overview-grid{grid-template-columns:1fr}.latest-panel{grid-column:auto}.database-banner{align-items:flex-start;flex-wrap:wrap}.database-banner .btn{margin-left:48px}.toolbar-actions{justify-content:flex-end}.saas-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-switcher{min-width:130px}}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-soft: #eff6ff;--line: #dbe4f0;--muted: #64748b;--surface: #ffffff;color:#172033}html,body,#root{background:#f4f7fb}body{color:#172033}.sidebar{background:linear-gradient(180deg,#fff,#f7faff);border-right:1px solid #dbe4f0;box-shadow:10px 0 28px #1e40af0f}.sidebar-head{border-bottom-color:#e5edf7}.sidebar .brand-mark,.page-banner-logo{background:linear-gradient(145deg,#3b82f6,#1d4ed8);box-shadow:0 8px 18px #2563eb42,inset 0 1px #ffffff47}.side-name strong,.page-banner strong{color:#172033}.nav-group a,.nav-logout{color:#52637a;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.nav-group a:hover,.nav-logout:hover{color:#1d4ed8;background:#edf4ff;transform:translate(2px)}.nav-group a.active{color:#1d4ed8;background:linear-gradient(100deg,#e7f0ff,#f4f8ff);box-shadow:inset 3px 0 #2563eb,0 5px 14px #2563eb1f}.topbar{background:#fffffff5;border-color:#dbe4f0;box-shadow:0 5px 18px #1e40af12}.topbar-search,.search-box{border-color:#dbe4f0;background:#f8fbff;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.topbar-search:focus-within,.search-box:focus-within{border-color:#7aa7f8;background:#fff;box-shadow:0 0 0 3px #2563eb1f,0 5px 14px #2563eb14}.icon-btn:hover{color:#1d4ed8;background:#edf4ff}.avatar{background:#e7f0ff;color:#1d4ed8;box-shadow:inset 0 0 0 1px #cfe0ff}.page-banner,.content-workspace-header,.content-preview-card,.panel,.metric,.array-item,.module-nav,.database-banner,.login-card{border-color:#dbe4f0;box-shadow:0 2px 5px #1e40af0f,0 14px 32px #1e40af0f}.page-banner,.content-workspace-header,.content-preview-card,.panel,.metric,.array-item,.database-banner,.login-card{border-radius:12px}.metric{background:linear-gradient(145deg,#fff,#f8fbff)}.metric-icon.coral,.metric-icon.indigo,.metric-icon.amber,.metric-icon.teal{color:#1d4ed8;background:#e7f0ff}.panel-head h2,.page-intro h1,.content-workspace-copy strong{color:#172033}input,textarea,select,.tenant-switcher{border-color:#d5dfec;border-radius:9px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input:focus,textarea:focus,select:focus,.tenant-switcher:focus-within{border-color:#6394f2;box-shadow:0 0 0 3px #2563eb21,0 5px 14px #2563eb14}.btn{border-radius:9px;border-color:#d5dfec;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,background-color .14s ease}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 6px 14px #1e40af21}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 5px #1e40af1f}.btn.primary{border-color:#2563eb;background:linear-gradient(145deg,#3b82f6,#1d4ed8);box-shadow:0 5px 12px #2563eb3d,inset 0 1px #ffffff38}.btn.ghost{background:#fff;color:#334155}.btn.danger,.icon-btn.danger{color:#c24141}.btn.danger{border-color:#f2caca;background:#fff6f6}.btn.danger:hover:not(:disabled),.icon-btn.danger:hover:not(:disabled){background:#fff0f0;color:#b42318}.admin-table{border:1px solid #dbe4f0;border-radius:9px;border-collapse:separate;border-spacing:0;overflow:hidden}.admin-table th,table th{background:#eef3f9;color:#475569;border-bottom-color:#d5dfec}.admin-table tbody tr:nth-child(2n),table tbody tr:nth-child(2n){background:#fbfdff}.admin-table tbody tr,table tbody tr{transition:background-color .14s ease}.admin-table tbody tr:hover,table tbody tr:hover{background:#eef6ff}.admin-table td,table td{border-bottom-color:#e8eef5}.table-action{color:#1d4ed8;background:#e8f1ff;transition:background-color .14s ease,transform .14s ease}.table-action:hover{color:#1e40af;background:#dbeafe;transform:translateY(-1px)}.pager button,.section-collapse{border-color:#d5dfec;border-radius:8px;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}.pager button:hover:not(:disabled),.section-collapse:hover{color:#1d4ed8;background:#edf4ff;box-shadow:0 4px 10px #2563eb1a}.settings-tabs button.active{border-color:#a9c7fb;background:#e7f0ff;color:#1d4ed8;box-shadow:0 4px 10px #2563eb1a}.config-status{border-color:#c9dcfa;background:#f2f7ff;color:#49627f}.alert{border-radius:9px;box-shadow:0 3px 10px #1e40af0f}.alert.success{border-color:#b9e7d4;background:#f0fbf6}.alert.error{border-color:#f2caca;background:#fff7f7}.loading{border-radius:10px;background:linear-gradient(90deg,#f3f7fc 25%,#eaf1fa 37%,#f3f7fc 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.phone-preview{border-color:#cfdceb;box-shadow:inset 0 0 0 1px #fff,0 12px 26px #1e40af1a}.phone-brand>span,.phone-input button{background:linear-gradient(145deg,#3b82f6,#1d4ed8)}