[data-theme=dark]{--bg:#0b0e14;--grid:#11161f;--card:#121823;--card2:#19212f;--line:#222c3a;--txt:#dfe6ef;--mut:#7d8aa0;--dim:#4e5b6e;--accent:#a3e635;--accent-ink:#1a2e05;--teal:#2dd4bf;--teal-ink:#06281f;--red:#fb6f6a;--amber:#fbbf24;--violet:#a78bfa;--violet-ink:#1e1b3a;--brand:#a3e635}[data-theme=white]{--bg:#f4f6f8;--grid:#e9edf1;--card:#fff;--card2:#f1f4f7;--line:#e2e7ec;--txt:#1b2330;--mut:#64748b;--dim:#9aa6b4;--accent:#16a34a;--accent-ink:#fff;--teal:#0d9488;--teal-ink:#fff;--red:#dc2626;--amber:#d97706;--violet:#7c3aed;--violet-ink:#fff;--brand:#16a34a}[data-theme=pink]{--bg:#fdf2f6;--grid:#fbe4ec;--card:#fff;--card2:#fdeaf1;--line:#f6d6e2;--txt:#3d1f2c;--mut:#9c6b7e;--dim:#c89aab;--accent:#2563eb;--accent-ink:#fff;--teal:#0ea5a4;--teal-ink:#fff;--red:#e11d48;--amber:#d97706;--violet:#9333ea;--violet-ink:#fff;--brand:#db2777}[data-theme=violet]{--bg:#0f0a1a;--grid:#1a1230;--card:#171029;--card2:#221635;--line:#2e2150;--txt:#e9e2f7;--mut:#9b8bbf;--dim:#5f5180;--accent:#c084fc;--accent-ink:#2a103f;--teal:#5e50f0;--teal-ink:#fff;--red:#f87189;--amber:#fbbf24;--violet:#a78bfa;--violet-ink:#1e1b3a;--brand:#c084fc}[data-theme=teal]{--bg:#06141a;--grid:#0c2028;--card:#0c1c24;--card2:#112a34;--line:#1c3b46;--txt:#d8eef2;--mut:#6f97a3;--dim:#3f5d66;--accent:#34d399;--accent-ink:#04261a;--teal:#22d3ee;--teal-ink:#053038;--red:#fb7185;--amber:#fbbf24;--violet:#818cf8;--violet-ink:#1a1f3a;--brand:#34d399}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:14px}body{background-color:var(--bg);color:var(--txt);background-image:radial-gradient(var(--grid) 1px, transparent 1px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:22px 22px;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;font-weight:600}a{color:inherit;text-decoration:none}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--dim)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.card2{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:16px}.btn{border:1px solid var(--line);background:var(--card2);color:var(--txt);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-accent:hover{opacity:.85;color:var(--accent-ink)}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-danger:hover{opacity:.85;color:#fff}.btn-sm{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:2px 8px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent)}.badge-red{background:color-mix(in srgb, var(--red) 15%, transparent);color:var(--red)}.badge-amber{background:color-mix(in srgb, var(--amber) 15%, transparent);color:var(--amber)}.badge-violet{background:color-mix(in srgb, var(--violet) 15%, transparent);color:var(--violet)}.badge-teal{background:color-mix(in srgb, var(--teal) 15%, transparent);color:var(--teal)}.badge-dim{background:color-mix(in srgb, var(--dim) 15%, transparent);color:var(--mut)}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--mut);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid color-mix(in srgb, var(--line) 50%, transparent);vertical-align:middle;padding:10px 12px}.data-table tr:hover td{background:color-mix(in srgb, var(--card2) 60%, transparent)}.data-table tr:last-child td{border-bottom:none}.input,.select,textarea.input{background:var(--card2);border:1px solid var(--line);color:var(--txt);border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:Noto Sans SC,sans-serif;font-size:13px;transition:border-color .15s}.input:focus,.select:focus,textarea.input:focus{border-color:var(--accent)}.select{cursor:pointer}.tab-bar{background:var(--card2);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.tab-item{color:var(--mut);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:6px 16px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.tab-item:hover{color:var(--txt)}.tab-item.active{background:var(--accent);color:var(--accent-ink)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:linear-gradient(90deg, var(--card2) 25%, var(--line) 50%, var(--card2) 75%);background-size:800px 100%;border-radius:6px;animation:1.4s infinite shimmer}.txt-mut{color:var(--mut)}.txt-dim{color:var(--dim)}.txt-accent{color:var(--accent)}.txt-red{color:var(--red)}.txt-amber{color:var(--amber)}.txt-teal{color:var(--teal)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.text-sm{font-size:12px}.text-xs{font-size:11px}.font-bold{font-weight:700}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-menu-trigger,.mobile-nav-backdrop,.mobile-nav-drawer{display:none}@media (max-width:767px){html{font-size:14px}body{background-size:18px 18px}.app-main{width:100%;padding:14px 12px 28px!important}.card{border-radius:13px;padding:14px}.card2{padding:12px}.input,.select,textarea.input{font-size:16px}.top-nav{height:52px!important;padding:0 12px!important}.top-nav-brand{min-width:0!important}.top-nav-subbrand,.top-nav-links,.top-nav-user,.top-nav-logout{display:none!important}.top-nav-actions{gap:8px!important;min-width:0!important}.top-nav-actions>div{white-space:nowrap;text-overflow:ellipsis;max-width:174px;overflow:hidden}.mobile-menu-trigger{border:1px solid var(--line);background:var(--card2);width:36px;height:36px;color:var(--txt);border-radius:9px;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.mobile-nav-backdrop{z-index:101;background:#0000006b;border:0;display:block;position:fixed;inset:52px 0 0}.mobile-nav-drawer{background:var(--card);border-left:1px solid var(--line);z-index:102;flex-direction:column;gap:6px;width:min(82vw,300px);height:calc(100dvh - 52px);padding:18px 14px;display:flex;position:fixed;top:52px;right:0;box-shadow:-12px 0 32px #0000002e}.mobile-nav-heading{color:var(--mut);padding:0 10px 8px;font-size:12px}.mobile-nav-link{color:var(--mut);border-radius:9px;padding:12px;font-weight:600}.mobile-nav-link.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.mobile-nav-account{border-top:1px solid var(--line);color:var(--mut);margin-top:auto;padding:12px 10px}.mobile-nav-logout{justify-content:center;width:100%;min-height:42px}.mini-program-page>div:first-child{margin-bottom:14px!important}.mini-program-page h1{font-size:20px!important}.mini-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important}.mini-kpi-grid .card{min-width:0;text-align:left!important}.mini-kpi-grid .card:first-child{order:1}.mini-kpi-grid .card:nth-child(4){order:2}.mini-kpi-grid .card:nth-child(5){order:3}.mini-kpi-grid .card:nth-child(2){order:4}.mini-kpi-grid .card:nth-child(3){order:5}.mini-kpi-grid .card:nth-child(6){order:6}.mini-kpi-grid .mono{overflow-wrap:anywhere;font-size:clamp(17px,5vw,22px)!important}.mini-primary-grid,.mini-chart-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin-bottom:10px!important}.mini-primary-grid .card,.mini-chart-grid .card{min-width:0}.mini-primary-grid .card>div:first-child,.mini-chart-grid .card>div:first-child{flex-wrap:wrap;align-items:flex-start;gap:8px}.mini-program-page input[type=date]{min-width:0}.mini-program-page>.card:last-child{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.mini-program-page>.card:last-child>div:first-child,.mini-program-page>.card:last-child table{min-width:680px}.recharts-wrapper{font-size:11px}.accounts-batch-panel>div:first-child{flex-direction:column;align-items:flex-start!important;gap:10px!important}.accounts-batch-panel .tab-bar{flex-wrap:nowrap;width:100%;overflow-x:auto;margin-left:0!important}.accounts-batch-panel .tab-item{flex:1;padding:8px 10px}.accounts-batch-panel .select,.accounts-list-card>div:first-child .select,.accounts-list-card>div:first-child .input{width:100%!important}.accounts-list-card table{min-width:640px}.accounts-page .btn{min-height:36px}.responsive-modal{max-height:calc(100dvh - 32px);overflow-y:auto;width:calc(100vw - 24px)!important;padding:20px!important}.auth-card{width:calc(100vw - 24px)!important;padding:28px 20px!important}.admin-users-page{padding:6px 0 20px!important}.admin-add-user>div{flex-direction:column;align-items:stretch!important}.admin-add-user>div>div,.admin-add-user .input{width:100%!important}.admin-users-page table{min-width:900px}}.monitoring-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.monitoring-heading h1{margin:0;font-size:22px}.monitoring-heading p,.monitoring-record-head p{color:var(--mut);margin:5px 0 0;font-size:13px}.monitoring-mode{border:1px solid color-mix(in srgb, var(--teal) 35%, var(--line));background:color-mix(in srgb, var(--teal) 8%, var(--card));color:var(--teal);white-space:nowrap;border-radius:20px;padding:6px 11px;font-size:11px}.monitoring-error{color:var(--red);margin-bottom:16px}.monitoring-module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.monitoring-module{flex-direction:column;min-height:215px;display:flex}.monitoring-module.active{border-top:3px solid var(--accent)}.monitoring-module.planned{background:color-mix(in srgb, var(--card2) 65%, var(--card));border-style:dashed}.monitoring-module-top{justify-content:space-between;align-items:center;display:flex}.monitoring-icon{background:color-mix(in srgb, var(--accent) 13%, transparent);width:34px;height:34px;color:var(--accent);border-radius:9px;place-items:center;font-weight:700;display:grid}.monitoring-icon.title{color:var(--teal);background:color-mix(in srgb, var(--teal) 13%, transparent)}.monitoring-icon.link{color:var(--amber);background:color-mix(in srgb, var(--amber) 13%, transparent)}.monitoring-icon.more{color:var(--mut);background:var(--card2)}.monitoring-state{background:var(--card2);color:var(--mut);border-radius:12px;padding:3px 8px;font-size:10px}.monitoring-state.live{color:var(--teal);background:color-mix(in srgb, var(--teal) 10%, transparent)}.monitoring-module h2{margin:15px 0 5px;font-size:15px}.monitoring-module p{color:var(--mut);min-height:38px;margin:0 0 14px;font-size:12px;line-height:1.6}.monitoring-module small{color:var(--dim);margin-top:auto;font-size:10px}.monitoring-metrics{grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:baseline;gap:4px;margin-bottom:14px;display:grid}.monitoring-metrics.compact{grid-template-columns:auto 1fr auto 1fr}.monitoring-metrics b{font-family:Space Grotesk,sans-serif;font-size:20px}.monitoring-metrics b.danger{color:var(--red)}.monitoring-metrics span{color:var(--dim);font-size:10px}.monitoring-placeholder{background:var(--card2);color:var(--dim);border-radius:8px;padding:11px;font-size:11px}.monitoring-records{padding:0;overflow:hidden}.monitoring-record-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.monitoring-record-head h2{margin:0;font-size:15px}.monitoring-tabs{gap:4px;display:flex}.monitoring-tabs button{color:var(--mut);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 10px}.monitoring-tabs button.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.badge-button{position:relative}.nav-count-badge,.tab-count-badge{background:var(--red);color:#fff;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--card);border-radius:9px;place-items:center;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:grid;position:absolute;top:-7px;right:-7px}.mobile-count-badge{background:var(--red);color:#fff;border-radius:10px;place-items:center;min-width:19px;height:19px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:grid}.monitoring-table-wrap{overflow-x:auto}.monitoring-filters{border-bottom:1px solid var(--line);background:var(--card2);align-items:flex-end;gap:12px;padding:10px 16px;display:flex}.monitoring-filters label{color:var(--mut);flex-direction:column;gap:4px;font-size:10px;display:flex}.monitoring-filters select{min-width:150px;height:32px;padding:4px 8px}.monitoring-filters>span{color:var(--dim);margin-left:auto;padding-bottom:7px;font-size:11px}.monitoring-table-wrap table{border-collapse:collapse;width:100%;min-width:850px;font-size:12px}.monitoring-table-wrap th{color:var(--mut);background:var(--card2);text-align:left;padding:10px 12px;font-weight:500}.monitoring-table-wrap td{border-top:1px solid var(--line);vertical-align:top;padding:11px 12px}.monitoring-table-wrap td small{color:var(--dim);margin-top:4px;display:block}.reason-cell{max-width:430px;line-height:1.55}.title-cell{max-width:520px;line-height:1.55}.risk-tag,.normal-tag{border-radius:5px;padding:2px 6px;font-size:10px;display:inline-block}.risk-tag{color:var(--red);background:color-mix(in srgb, var(--red) 10%, transparent)}.normal-tag{color:var(--teal);background:color-mix(in srgb, var(--teal) 10%, transparent)}.monitoring-empty{color:var(--dim);text-align:center;padding:40px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;place-items:center;padding:12px;display:grid;position:fixed;inset:0}@media (max-width:1100px) and (min-width:768px){.monitoring-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.monitoring-heading{display:block}.monitoring-mode{margin-top:10px;display:inline-block}.monitoring-module-grid{grid-template-columns:1fr;gap:10px}.monitoring-module{min-height:auto}.monitoring-record-head{flex-direction:column;align-items:flex-start;gap:12px}.monitoring-tabs{width:100%}.monitoring-tabs button{flex:1}.monitoring-filters{flex-direction:column;align-items:stretch}.monitoring-filters select{width:100%}.monitoring-filters>span{margin-left:0;padding-bottom:0}}