:root{--blue:#2d63e8;--ink:#252b3b;--muted:#8b93a5;--line:#edf0f5;--bg:#f5f7fb;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.5 Inter,"Microsoft YaHei",sans-serif;color:var(--ink)}a{color:var(--blue);text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid var(--line);padding:26px 16px;z-index:3}.brand{display:block;color:#202738;font-size:20px;font-weight:800;padding:0 12px}.sidebar>small{display:block;color:#a3a9b6;padding:2px 12px 24px}.nav-label{font-size:10px;color:#a4abba;letter-spacing:1.3px;font-weight:700;padding:18px 13px 7px}.nav{display:block;padding:11px 13px;color:#697286;border-radius:9px;margin:2px 0;font-weight:600}.nav.sel,.nav:hover{background:#edf3ff;color:var(--blue)}.sidebar-bottom{position:absolute;bottom:22px;left:28px;color:#475168;font-weight:700}.sidebar-bottom span{font-size:12px;color:#9299a8;font-weight:400}.main{margin-left:250px;min-height:100vh}.top{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:24px}.hamb{border:0;background:transparent;font-size:20px;color:#6e7687}.search{color:#a3a9b6;border:1px solid var(--line);border-radius:9px;padding:8px 12px;width:min(430px,50vw)}.search input{border:0;outline:0;width:85%;font:inherit}.topright{margin-left:auto;display:flex;align-items:center;gap:18px}.pill{background:#eaf8f0;color:#36a36a;padding:6px 10px;border-radius:20px;font-size:11px}.avatar{background:#eaf0ff;color:var(--blue);font-weight:700;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.page{padding:30px 36px;max-width:1500px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.crumb{font-size:12px;color:#a1a8b6;margin-bottom:8px}.heading h1{font-size:25px;margin:0 0 4px;letter-spacing:-.4px}.heading p,.panel-head p{color:var(--muted);font-size:13px;margin:0}.date-chip{background:white;border:1px solid var(--line);border-radius:24px;padding:10px 16px;color:#697286;font-size:12px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.quick>a{display:flex;align-items:center;gap:12px;border-radius:12px;padding:15px;background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:0 2px 4px #293b5805}.quick-primary{background:var(--blue)!important;color:white!important}.quick b{display:grid;place-items:center;width:40px;height:40px;background:#eef2ff;color:var(--blue);font-size:20px;border-radius:10px}.quick-primary b{background:#ffffff30;color:white}.quick span{display:grid}.quick strong{font-size:13px}.quick small{color:#989faf;font-size:11px}.quick-primary small{color:#dbe4ff}.quick i{margin-left:auto;font-size:20px;color:#a4abba;font-style:normal}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 5px #293b5804}.metric{padding:18px 20px;min-height:151px}.metric-icon{height:37px;width:37px;border-radius:10px;display:grid;place-items:center;margin-bottom:12px;font-size:17px}.blue{background:#edf2ff;color:#3466e8}.green{background:#eaf8f2;color:#31a77a}.orange{background:#fff4e6;color:#e99a31}.purple{background:#f2ecff;color:#9271db}.metric label,.metric small{display:block;color:#9299a9;font-size:12px}.metric>strong{display:block;font-size:27px;margin:3px 0 0;letter-spacing:-.5px}.metric small{font-size:11px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:17px}.panel{padding:21px 22px}.panel h2{font-size:15px;margin:0 0 4px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head>a{font-size:12px}.feed{display:flex;gap:12px;padding:14px 0;border-top:1px solid #f1f3f7}.feed-icon{width:34px;height:34px;border-radius:10px;background:#eef3ff;color:var(--blue);display:grid;place-items:center;flex:none}.feed strong,.task-row strong{font-size:13px}.feed p{margin:3px 0;color:#687185;font-size:12px}.feed small,.task-row small{font-size:11px;color:#a0a7b4}.tag{font-size:10px;background:#f0f4ff;color:#5279d6;padding:3px 7px;border-radius:12px;margin-left:5px;font-weight:500}.empty{text-align:center;color:#a0a7b4;padding:34px 12px;font-size:13px}.task-row{display:flex;gap:12px;align-items:center;border-top:1px solid #f1f3f7;padding:13px 0}.task-row>div{display:grid;gap:3px}.check{color:#bdc4d1}.task-status{margin-left:auto;background:#fff7e9;color:#d99732;border-radius:12px;padding:4px 8px;font-size:10px}.funnel{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.funnel h3{font-size:13px;margin:0 0 12px}.funnel-bars{height:92px;display:flex;align-items:end;gap:12px;padding:0 12px}.funnel-bars span{flex:1;background:linear-gradient(0deg,#2d63e8,#80a3ff);border-radius:5px 5px 0 0}.funnel-labels{display:flex;justify-content:space-around;color:#9299a9;font-size:10px;padding-top:6px}footer{text-align:center;color:#aab0bc;font-size:11px;padding:10px 20px 24px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:var(--blue);color:white;padding:10px 16px;font:600 13px inherit;cursor:pointer}.button.light{background:#f2f4f8;color:#606b80}.toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px}.toolbar form{display:flex;gap:8px}.toolbar input,.form-grid input,.form-grid select,.stack-form input,.stack-form select,.stack-form textarea{padding:10px 12px;border:1px solid #e5e9f0;border-radius:8px;background:#fff;font:inherit;outline-color:#9cb6ff}.muted{color:var(--muted);font-size:12px}.table-wrap{overflow:auto}.table-wrap.panel{padding:20px 22px}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;color:#9098a8;background:#fafbfc;font-size:11px;font-weight:600;padding:12px}td{padding:13px 12px;border-top:1px solid #f0f2f6;color:#626c7e;font-size:12px}td small{display:block;color:#a0a7b4;font-size:10px;margin-top:3px}.customer-name{font-size:13px;font-weight:700;color:#34405a}.level{padding:4px 8px;border-radius:12px;font-size:10px}.level.A{background:#fff0ed;color:#df705d}.level.B{background:#fff7e8;color:#d59636}.level.C{background:#eef3ff;color:#5679d0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.form-grid>label,.stack-form label{display:grid;gap:7px;font-weight:600;font-size:12px;color:#667084}.form-grid label b{color:#e3685c}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:16px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:20px}.detail-grid div{display:grid;gap:4px}.detail-grid small{color:#9ba2af;font-size:11px}.detail-grid b{font-size:13px}.spaced{margin-top:28px!important;margin-bottom:12px!important}.stack-form{display:grid;gap:13px;margin:15px 0}.stack-form textarea{resize:vertical}.bar-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.bar-row>span{width:75px;color:#737d90}.bar-row>div{flex:1;height:8px;border-radius:6px;background:#f0f2f7}.bar-row i{display:block;background:#5180f1;border-radius:6px;height:100%}.bar-row>b{width:20px;text-align:right}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(at 20% 20%,#e8efff,transparent 42%),#f5f7fb}.login-card{width:min(400px,calc(100% - 30px));padding:38px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 15px 50px #34518a12;display:grid;gap:11px}.login-logo{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#edf2ff;color:var(--blue);font-size:24px}.login-card h1{font-size:22px;margin:7px 0 0}.login-card p{margin:0 0 12px;color:var(--muted)}.login-card label{font-size:12px;color:#606b7e;font-weight:600}.login-card input{padding:12px;border:1px solid #e5e9f0;border-radius:8px;font:inherit;margin-bottom:6px}.login-card button{margin-top:9px;padding:12px;border:0;border-radius:8px;background:var(--blue);color:white;font:600 14px inherit}.error{background:#fff0ee;color:#d86358;padding:9px;border-radius:7px;font-size:12px}@media(max-width:1000px){.sidebar{width:215px}.main{margin-left:215px}.page{padding:24px}.quick,.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:.2s}.open .sidebar{transform:translateX(0)}.main{margin-left:0}.top{padding:0 16px}.page{padding:20px 15px}.grid2{grid-template-columns:1fr}.quick{grid-template-columns:1fr 1fr}.metrics{gap:9px}.metric{padding:14px;min-height:135px}.metric>strong{font-size:23px}.date-chip{display:none}.form-grid{grid-template-columns:1fr}.form-actions{grid-column:auto}}