:root{--red:#cf2330;--ink:#20232c;--muted:#7a7f8d;--line:#e9ebef;--bg:#f6f7fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 'Segoe UI','Microsoft YaHei',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}aside{position:fixed;width:232px;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column}.brand{padding:0 12px 35px}.logo{height:51px;width:174px;overflow:hidden;position:relative}.logo img{position:absolute;width:184px;top:-65px;left:-5px}.brand span{display:block;color:var(--muted);font-size:12px;letter-spacing:3px;margin-top:9px}.nav-caption{font-size:11px;letter-spacing:2px;color:#a0a4af;padding:0 15px 10px}nav button{width:100%;border:0;background:white;text-align:left;color:#646a78;padding:13px 16px;border-radius:8px;margin:3px 0;display:flex;gap:13px;align-items:center}nav button.active{color:var(--red);background:#fff0f1;font-weight:600}nav button:hover{background:#f7f7f9}.nav-icon{font-size:19px;width:22px}.aside-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 10px 0}.preview-dot{font-weight:600}.preview-dot:before{content:'';display:inline-block;background:var(--red);width:7px;height:7px;border-radius:50%;margin-right:8px}.aside-bottom p{font-size:12px;color:var(--muted)}.quiet{background:none;border:0;color:var(--muted);padding:0}.workspace{margin-left:232px}header{height:78px;background:white;border-bottom:1px solid var(--line);padding:0 38px;display:flex;justify-content:space-between;align-items:center;color:#777d8a}header b{padding:0 13px;color:#c8cbd2;font-weight:400}.header-right{display:flex;gap:12px;align-items:center}.demo{background:#fff2f3;color:var(--red);border:1px solid #f6d4d7;border-radius:5px;padding:3px 10px;font-size:12px}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f0e5e6;color:var(--red);font-weight:600}main{padding:32px 38px;max-width:1600px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}h1{font-size:27px;letter-spacing:-.5px;margin:0 0 4px}h2{font-size:17px;margin:0}h3{font-size:15px;margin:0 0 14px}p{margin:4px 0;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--red);margin-bottom:7px}.button{border:1px solid var(--line);background:white;border-radius:7px;padding:9px 17px;color:var(--ink)}.button.primary{background:var(--red);border-color:var(--red);color:white;box-shadow:0 3px 7px #cf233020}.button.small{padding:5px 10px;font-size:13px}.actions{display:flex;gap:8px;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:20px 22px;position:relative}.stat-label{color:var(--muted);font-size:14px}.stat strong{display:block;font-size:28px;font-weight:650;margin:9px 0}.stat small{color:var(--muted)}.stat.featured{background:var(--red);color:white;border-color:var(--red)}.stat.featured .stat-label,.stat.featured small{color:#ffe0e3}.stat-icon{position:absolute;right:20px;top:20px;color:#b6bac4}.grid{display:grid;grid-template-columns:1.8fr 1fr;gap:22px;margin-bottom:23px}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-body{padding:22px}.chart{height:170px;display:flex;align-items:end;gap:22px;padding:15px 10px 0;border-bottom:1px solid var(--line)}.chart-column{height:100%;flex:1;display:flex;align-items:end;justify-content:center;gap:6px;position:relative}.bar{background:#edb3b9;border-radius:4px 4px 0 0;width:23%;min-width:10px}.bar.red{background:var(--red)}.chart-labels{display:flex;padding:9px 10px;color:var(--muted);font-size:12px}.chart-labels span{flex:1;text-align:center}.legend{display:flex;gap:18px;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--red);margin-right:5px}.legend i.pale{background:#edb3b9}.task-row{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:12px}.task-row:last-child{border:0}.task-row input{accent-color:var(--red)}.task-row strong{font-size:14px}.task-row p{font-size:12px}.badge{display:inline-block;padding:3px 9px;border-radius:5px;font-size:12px;background:#eef7f2;color:#24815b;white-space:nowrap}.badge.red{background:#fff0f1;color:var(--red)}.badge.amber{background:#fff6e5;color:#a57522}.badge.gray{background:#f0f2f6;color:#6c7381}.toolbar{padding:16px 22px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}input,select,textarea{border:1px solid #dfe2e8;border-radius:6px;padding:9px 11px;background:white;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #cf233010}.search{width:300px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#fafbfc;color:#8a8e99;font-size:12px;font-weight:500;padding:12px 22px}td{padding:16px 22px;border-bottom:1px solid #f0f1f4}tbody tr:last-child td{border:0}tbody tr:hover{background:#fdfafb}.client{display:flex;align-items:center;gap:11px}.client-avatar{width:36px;height:36px;background:#f3eef0;color:#9e4b55;border-radius:9px;display:grid;place-items:center;font-weight:600}.client small{display:block;color:var(--muted);font-size:12px}.link{color:var(--red);background:none;border:0;padding:0;font-weight:600;text-align:left}.money{font-variant-numeric:tabular-nums;font-weight:600}.table-foot{padding:14px 22px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.course{padding:23px;border-top:3px solid var(--red)}.course h2{margin:15px 0 10px}.course .meta{display:flex;justify-content:space-between;margin-top:22px;padding-top:15px;border-top:1px solid var(--line)}footer{display:flex;justify-content:space-between;margin:0 38px;padding:18px 0;border-top:1px solid var(--line);font-size:12px;color:#969ba6}dialog{border:none;border-radius:14px;width:min(740px,95vw);max-height:90vh;padding:0;box-shadow:0 25px 90px #20232c30}dialog::backdrop{background:#15182766;backdrop-filter:blur(3px)}.modal-head{padding:22px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.close{border:0;background:#f4f5f7;border-radius:50%;width:30px;height:30px;font-size:20px}.modal-body{padding:25px 28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:13px;margin-bottom:5px;color:#656b78}.field input,.field select,.field textarea{width:100%}.field.full{grid-column:1/-1}.form-section{font-size:13px;font-weight:600;color:var(--red);margin:20px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.modal-footer{padding:17px 28px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.detail-summary div{padding:15px;background:#f8f9fb;border-radius:7px}.detail-summary strong{display:block;font-size:19px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.info-grid small{color:var(--muted);display:block}.timeline{border-left:2px solid #f2d8dc;padding-left:18px;margin:16px 0}.timeline article{margin:15px 0}.timeline small{color:var(--muted)}.empty{padding:40px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#252a35;color:white;padding:12px 24px;border-radius:8px;display:none;z-index:10}.notice{background:#fff6f6;color:#a34b52;border:1px solid #f5dfe1;border-radius:7px;padding:12px;margin-bottom:20px;font-size:13px}@media(max-width:1100px){aside{width:190px;padding:25px 12px}.workspace{margin-left:190px}main{padding:25px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:23px}.grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}header{padding:0 25px}.logo{width:155px}.logo img{width:165px;top:-58px}}@media(max-width:700px){aside{position:static;width:auto;padding:15px}.brand{padding:0 5px 12px;display:flex;align-items:center;gap:15px}.brand span{font-size:11px}nav{display:flex;overflow:auto}nav button{width:auto;white-space:nowrap;padding:10px}.nav-caption,.aside-bottom{display:none}.workspace{margin:0}header{height:55px;padding:0 16px}.header-right>span:last-child{display:none}main{padding:22px 16px}.heading{gap:15px}h1{font-size:23px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:23px}.toolbar{flex-wrap:wrap}.search{width:100%}.cards{grid-template-columns:1fr}.form-grid,.info-grid{grid-template-columns:1fr}.header-right{gap:8px}.form-grid .full{grid-column:auto}footer{margin:0 16px}.detail-summary{grid-template-columns:1fr}.actions{flex-wrap:wrap}}
.search-results button{display:block;width:100%;text-align:left;background:white;border:1px solid #e9ebef;padding:10px;border-radius:5px}.search-results button:hover,.search-results button:focus{background:#fff0f1}.search-results small{display:block;color:#7a7f8d}.search-results:empty{display:none}progress{accent-color:#cf2330;width:110px}aside{overflow-y:auto}.aside-bottom{padding-top:12px}nav button{padding-top:10px;padding-bottom:10px}