:root{--ink:#12233f;--muted:#71809a;--line:#e9eef6;--bg:#f5f8fc;--card:#fff;--accent:#2369e8;--soft:#e9f0ff;--nav:#101d35;--shadow:0 12px 35px #20355d0d}*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans SC',sans-serif;color:var(--ink);background:var(--bg);font-size:14px}body[data-theme=dark]{--ink:#e5edf8;--muted:#94a4bd;--line:#2b3b55;--bg:#121b2b;--card:#192538;--accent:#50a3ff;--soft:#203755;--nav:#0a1220;--shadow:none}body[data-theme=pink]{--ink:#44233e;--muted:#947589;--line:#f1dfe9;--bg:#fff7fb;--card:#fff;--accent:#df437d;--soft:#ffe7f0;--nav:#37152d;--shadow:0 12px 35px #7d193d0c}#app{display:flex;min-height:100vh}aside{width:236px;background:var(--nav);color:#cbd5e8;padding:28px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:11px;align-items:center;color:#fff;font-weight:800;font-size:19px;padding:0 10px 36px}.brand i{font-style:normal;background:var(--accent);width:31px;height:31px;border-radius:9px;display:grid;place-items:center}.brand small{display:block;font:10px 'DM Mono';color:#8293b0;margin-top:2px}nav{display:grid;gap:5px}nav button{border:0;background:transparent;color:#aebcd4;text-align:left;padding:12px 11px;border-radius:8px;font:500 14px inherit;cursor:pointer}nav button b{font-size:17px;font-weight:400;width:30px;display:inline-block}nav button.on,nav button:hover{background:#ffffff14;color:white}nav em{float:right;font-style:normal;font-size:10px;color:#83b1ff}.sidebar-foot{margin-top:auto;color:#71809a;font-size:11px;padding:8px}main{margin-left:236px;width:calc(100% - 236px)}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:var(--card)}.crumb{font-size:16px;font-weight:700}.tools{display:flex;align-items:center;gap:12px}.tools select,.theme{border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:8px 11px;border-radius:7px;font:13px inherit}.theme{cursor:pointer}.avatar{border:0;border-radius:50%;background:var(--accent);color:white;width:34px;height:34px}.page{padding:36px 42px;max-width:1500px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.welcome p,.list-head p{color:var(--muted);margin:0 0 6px}.welcome h1{font-size:30px;line-height:1.34;margin:0;letter-spacing:-1px}.primary{border:0;background:var(--accent);color:white;border-radius:7px;padding:10px 15px;font:600 13px inherit;cursor:pointer}.large{padding:13px 20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metrics>div,.panel,.customer{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:11px}.metrics>div{padding:20px}.metrics span{display:block;color:var(--muted)}.metrics strong{display:block;font:800 31px 'DM Mono';margin:8px 0}.metrics small{color:#87a0bd}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.panel{padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-title h2{font-size:16px;margin:0}.panel-title span{color:var(--muted);font-size:12px}.bars{height:145px;border-bottom:1px solid var(--line);display:flex;gap:7px;align-items:end;padding:0 2px}.bars span{display:block;background:#dfe7f3;flex:1;border-radius:4px 4px 0 0;min-width:5px}.bars span.hot{background:var(--accent)}.legend{font-size:12px;color:var(--muted);margin-top:13px}.legend i{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:5px}.todo{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.todo input{accent-color:var(--accent)}.todo b,.todo small{display:block}.todo small{color:var(--muted);margin-top:3px;font-size:12px}.priority{margin-left:auto;font-size:11px}.priority.high{color:#df3f53}.list-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.list-head h1{font-size:26px;margin:0 0 6px}.search{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px 14px;max-width:440px;display:flex;gap:9px;margin-bottom:20px}.search input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font:14px inherit}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.customer{padding:19px}.customer-title{display:flex;justify-content:space-between;gap:8px}.customer h3{font-size:16px;margin:0 0 5px}.customer p{font-size:12px;color:var(--muted);margin:0}.level{font:700 11px 'DM Mono';padding:4px 6px;border-radius:4px;height:max-content}.level.A{background:#ffe5e7;color:#c62b42}.level.B{background:#fff1cc;color:#a66f00}.level.C{background:#dff7e7;color:#16834d}.chips{display:flex;gap:5px;flex-wrap:wrap;margin:19px 0 12px}.chips span{font-size:11px;color:var(--muted);background:var(--bg);padding:4px 7px;border-radius:4px}.customer-meta{display:grid;gap:6px;color:var(--muted);font-size:12px;min-height:38px}.actions{border-top:1px solid var(--line);padding-top:13px;margin-top:14px;display:flex;gap:7px}.ghost{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:7px;padding:8px 10px;font:12px inherit;cursor:pointer}.empty{color:var(--muted);text-align:center;padding:18px}.large-empty{grid-column:1/-1;background:var(--card);border:1px dashed var(--line);border-radius:10px;padding:50px}.text{background:none;border:0;color:var(--accent);cursor:pointer}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rules{display:grid;gap:12px;margin-bottom:20px}.rules label{display:grid;grid-template-columns:90px 80px 1fr;gap:8px;align-items:center}.rules input{padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}.rules small{color:var(--muted)}.fieldrows>div{display:grid;grid-template-columns:1fr 36px 36px 36px 36px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.fieldrows small{color:var(--muted);font-size:11px}.switch input{display:none}.switch i{display:block;width:27px;height:16px;border-radius:10px;background:#c9d3e1;position:relative}.switch i:after{content:'';width:12px;height:12px;background:white;border-radius:50%;position:absolute;left:2px;top:2px;transition:.2s}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{left:13px}.modal{position:fixed;inset:0;background:#0d1c3588;display:grid;place-items:center;padding:20px;z-index:3}.modal form{width:min(640px,100%);max-height:90vh;overflow:auto;background:var(--card);border-radius:12px;padding:24px;box-shadow:0 15px 80px #0004}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{margin:0}.modal-head button{background:none;border:0;color:var(--muted);font-size:24px}.modal label{display:block;font-size:12px;font-weight:600;margin-bottom:13px}.modal input,.modal select{display:block;margin-top:5px;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);font:14px inherit}.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check{font-weight:400;color:var(--muted);margin-top:7px}.check input{display:inline;width:auto;margin:0 4px 0 0}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.hint{font-size:12px;color:var(--muted)}.full{width:100%;margin-top:6px}@media(max-width:900px){aside{width:62px;padding:20px 8px}.brand{padding:0 6px 30px}.brand span,nav button:not(.on){font-size:0}.brand small,.sidebar-foot{display:none}nav button{font-size:0;text-align:center}nav button b{width:auto;font-size:18px}main{margin-left:62px;width:calc(100% - 62px)}.page,header{padding-left:24px;padding-right:24px}.cards{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{padding:0 15px}.page{padding:25px 15px}.tools select{max-width:100px}.welcome h1{font-size:23px}.split,.settings-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.metrics{gap:9px}.metrics>div{padding:14px}.metrics strong{font-size:23px}.large{padding:10px}.two,.form-fields{grid-template-columns:1fr}}