:root{--bg:#f5f7fa;--surface:#fff;--nav:#11233b;--nav2:#1a304c;--text:#18283c;--muted:#718096;--line:#e6ebf1;--green:#16965d;--greenbg:#ecf9f2;--amber:#b87918;--blue:#2563eb}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.shell{min-height:100vh;display:flex}.sidebar{background:var(--nav);color:#c9d5e2;flex-direction:column;gap:28px;width:244px;min-width:244px;padding:22px 13px;display:flex}.brand{color:#fff;align-items:center;gap:11px;padding:4px 13px;font-size:17px;font-weight:750;display:flex}.brandicon{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.sidehint{color:#7990aa;text-transform:uppercase;letter-spacing:2px;margin:0 0 11px;padding:0 15px;font-size:11px}.navitem{color:#bbcadb;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;margin:3px 0;padding:13px 14px;font-size:13px;display:flex}.navitem:hover{background:var(--nav2)}.navitem.active{color:#fff;background:#254867;box-shadow:inset 3px 0 #26c784}.navicon{text-align:center;width:22px;font-size:18px}.asidefoot{color:#9cb0c5;border-top:1px solid #29405b;margin-top:auto;padding:12px;font-size:11px;line-height:1.8}.content{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex}.crumb{color:var(--muted);font-size:12px}.topright{color:#64748b;align-items:center;gap:12px;font-size:12px;display:flex}.circle{width:32px;height:32px;color:var(--blue);background:#ebf4ff;border-radius:50%;place-items:center;font-weight:700;display:grid}.main{max-width:1530px;margin:0 auto;padding:30px}.head{justify-content:space-between;align-items:start;gap:18px;margin-bottom:23px;display:flex}.head h1{letter-spacing:-.5px;margin:0 0 9px;font-size:25px}.sub{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.actions{flex-wrap:wrap;gap:9px;display:flex}.btn{background:var(--green);border:1px solid var(--green);color:#fff;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:650}.btn:hover{filter:brightness(.96)}.btn.secondary{color:#334155;background:#fff;border-color:#d8e2eb}.btn.warn{color:#a36300;background:#fff8e9;border-color:#f1d6aa}.btn.danger{color:#bb3030;background:#fff4f3;border-color:#f3d0ce}.btn.small{padding:7px 10px;font-size:11px}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:21px;box-shadow:0 4px 16px #1d335106}.panel h3{margin:0 0 16px;font-size:15px}.sectionrow{justify-content:space-between;align-items:center;margin:20px 0 11px;display:flex}.sectionrow h3{margin:0;font-size:15px}.tag{color:#5d7084;background:#edf2f7;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:650;display:inline-block}.tag.on{background:var(--greenbg);color:#158354}.tag.off{color:#a86f1e;background:#fff3e5}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric{padding:20px}.metric .val{letter-spacing:-1px;margin:11px 0 4px;font-size:27px;font-weight:780}.metric .lab{color:#728398;font-size:12px}.metric .note{color:#9aabbc;margin-top:6px;font-size:11px}.muted{color:var(--muted)}.two{grid-template-columns:1.45fr 1fr;gap:16px;display:grid}.two.equal{grid-template-columns:1fr 1fr}.formrow{grid-template-columns:1fr 1fr;gap:13px;display:grid}.field{margin-bottom:15px}.field label{margin-bottom:8px;font-size:12px;font-weight:650;display:block}.field input,.field select,.field textarea{color:#27364a;background:#fff;border:1px solid #dce3ed;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-size:12px}.field textarea{resize:vertical;min-height:74px}.field small{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.5;display:block}.tablewrap{overflow:auto}.tbl{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.tbl th{color:#728398;white-space:nowrap;background:#f8fafc;padding:13px 11px;font-weight:600}.tbl td{border-top:1px solid var(--line);vertical-align:middle;padding:14px 11px}.tbl .link{color:#2275c8}.toolgroup{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:11px;margin-bottom:16px;display:flex}.search{border:1px solid var(--line);background:#fff;border-radius:8px;width:260px;max-width:100%;padding:10px 12px;font-size:12px}.help{color:#8292a5;font-size:11px;line-height:1.7}.splitEditor{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.phone{background:#fff9ed;border:7px solid #26394f;border-radius:31px;flex-direction:column;align-items:center;width:242px;height:390px;margin:auto;padding:53px 18px 22px;display:flex;position:relative}.phone:before{content:"";background:#26394f;border-radius:20px;width:74px;height:13px;position:absolute;top:9px}.wa{color:#1bbd67;font-size:62px;line-height:1}.phone h2{color:#13ae64;text-align:center;margin:15px 0 6px;font-size:20px}.phone p{color:#464c52;text-align:center;white-space:pre-line;margin:7px 0 16px;font-size:13px}.wbtn{color:#fff;background:#e8a33f;border:none;border-radius:7px;width:100%;padding:12px;font-size:13px;font-weight:700}.previewBox{background:linear-gradient(145deg,#f3f7fb,#e8eef6);border-radius:10px;place-items:center;min-height:435px;padding:15px;display:grid}.badgebar{align-items:center;gap:7px;display:flex}.rulebox{color:#687d92;background:#f7fafc;border:1px solid #e8eef4;border-radius:9px;padding:13px;font-size:12px;line-height:1.65}.pillrow{flex-wrap:wrap;gap:9px;display:flex}.pill{color:#42556b;background:#fff;border:1px solid #dce4ed;border-radius:8px;padding:10px 14px;font-size:12px}.pill.sel{color:#128d54;background:#f0fbf5;border-color:#9dd7ba}.separator{background:var(--line);height:1px;margin:16px 0}.barline{align-items:center;gap:11px;margin:14px 0;display:flex}.barline span{color:#6a7a8a;width:108px;font-size:12px}.bartrack{background:#e8eef4;border-radius:9px;flex:1;height:10px;overflow:hidden}.barfill{background:#43ad82;border-radius:9px;height:100%}.barline b{text-align:right;width:38px;font-size:11px}.checklist{margin:0;padding:0;list-style:none}.checklist li{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:11px 0;font-size:12px;display:flex}.checklist input{accent-color:var(--green)}.statusdot{background:#22b973;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.statusdot.amber{background:#d79b37}.footnote{color:#8a99a9;margin-top:20px;font-size:11px;line-height:1.7}.toast{color:#fff;z-index:99;background:#142b42;border-radius:10px;max-width:360px;padding:13px 18px;font-size:12px;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 30px #142b4250}.empty{color:#8190a0;text-align:center;padding:25px}.mono{font-family:ui-monospace,Consolas,monospace;font-size:11px}.hidden{display:none!important}@media (max-width:1050px){.grid4{grid-template-columns:repeat(2,1fr)}.two,.splitEditor{grid-template-columns:1fr}.sidebar{width:205px;min-width:205px}.main{padding:20px}}@media (max-width:700px){.shell{display:block}.sidebar{width:100%;min-width:0;padding:12px;display:block}.brand{padding:6px}.sidenav{display:flex;overflow:auto}.sidehint,.asidefoot{display:none}.navitem{min-width:130px;padding:10px;font-size:11px}.topbar{height:52px;padding:0 15px}.main{padding:15px}.head{display:block}.actions{margin-top:12px}.grid4{grid-template-columns:repeat(2,1fr)}.formrow{grid-template-columns:1fr}.metric{padding:12px}.metric .val{font-size:21px}}.login{max-width:420px;margin:12vh auto;padding:32px}.error{color:#b91c1c;background:#fff1f2;border-radius:8px;margin:12px 0;padding:12px;font-size:13px}.landing{background:#fff9ed;place-items:center;min-height:100vh;padding:24px;display:grid}.landing-card{text-align:center;width:360px;max-width:100%}.landing-card h1{color:#13ae64;font-size:28px}.landing-card p{white-space:pre-line;line-height:1.7}.logo{object-fit:contain;width:84px;height:84px}.consent{z-index:5;background:#fff;border-top:1px solid #ddd;padding:20px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0001}.consent p{margin:0 0 12px;font-size:13px;line-height:1.7}.landing .privacy{margin-top:28px}.privacy a,.privacy button{color:#64748b;cursor:pointer;background:0 0;border:0;font-size:12px;text-decoration:underline}.empty{border:1px dashed #dce4ed;border-radius:10px;margin:15px 0}.chart{border-bottom:1px solid #eee;align-items:flex-end;gap:8px;height:210px;display:flex}.chartcol{text-align:center;flex:1;min-width:30px}.chartbars{justify-content:center;align-items:flex-end;gap:4px;height:170px;display:flex}.chartbars i{background:#9cd9c0;border-radius:4px 4px 0 0;width:22px;max-width:35%;min-height:1px}.chartbars i:last-child{background:#268964}.notice{margin-bottom:18px}.logdetail{word-break:break-word;max-width:330px}.buttonlink{text-decoration:none;display:inline-block}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #16965d15;border-color:#16965d!important}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #16965d}.logo-small{object-fit:contain;width:65px;height:65px}.checklist label{align-items:center;gap:10px;display:flex}.privacy-page{max-width:760px;margin:50px auto;padding:24px;line-height:1.9}
