:root{font-family:Microsoft YaHei,Arial,sans-serif;color:#14213a;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #cbd5e1;border-radius:4px;background:#fff;padding:9px 14px;color:#183153}button:disabled{opacity:.6;cursor:not-allowed}.primary{border-color:#0754af;background:#0754af;color:#fff;font-weight:700}.auth-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef4ff,#f7f8fc)}.auth-card{width:390px;background:#fff;border:1px solid #dce3ef;box-shadow:0 18px 45px #1f3c6d1a;padding:36px;border-radius:12px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:#0754af;color:#fff;font-weight:800;border-radius:4px}.auth-card h1{font-size:24px;margin:14px 0 4px}.auth-card p{color:#667085;margin:0 0 25px}.auth-card form,label{display:grid;gap:7px}.auth-card form{gap:17px}.auth-card input,.modal input,.modal select,.modal textarea{border:1px solid #bfcade;border-radius:4px;padding:10px;width:100%}.form-error{color:#b42318!important;font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{width:240px;flex:none;background:#fff;border-right:1px solid #dce3ef;display:flex;flex-direction:column}.wordmark{display:flex;gap:12px;align-items:center;padding:26px 23px}.wordmark small,.account small{display:block;color:#667085;margin-top:4px}.sidebar nav{display:grid;gap:4px;padding-top:20px}.sidebar a{color:#344054;text-decoration:none;padding:15px 24px;border-left:4px solid transparent}.sidebar a.active{background:#edf3fc;color:#0754af;font-weight:700;border-left-color:#0754af}.account{margin-top:auto;padding:22px;border-top:1px solid #e3e8f1}.account button{margin-top:15px;border:0;padding:0;color:#475467}.content{min-width:0;flex:1;padding:0 24px}.topbar{height:76px;display:flex;gap:22px;align-items:center;border-bottom:1px solid #dce3ef}.topbar h1{font-size:25px;margin-right:auto}.search{width:min(440px,42vw);display:flex;gap:8px;align-items:center;border:1px solid #bfcade;background:#fff;padding:0 12px}.search input{border:0;outline:0;width:100%;padding:11px 0}.filters{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #bdcae0;background:#fff;margin:20px 0 24px}.clear{margin-left:auto;color:#0754af;border:0}.metric-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.metric-row>div{border:1px solid #c7d1e2;border-radius:5px;background:#fff;padding:16px;display:grid;gap:8px;border-left:4px solid #d3dbe8}.metric-row small{color:#475467}.metric-row strong{font-size:30px;color:#0754af}.metric-row .alert{border-left-color:#c31b1b}.metric-row .alert strong{color:#c31b1b}.metric-row .success{border-left-color:#218739}.metric-row .success strong{color:#218739}.table-wrap{border:1px solid #bcc9dd;background:#fff;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th,td{padding:16px;border-bottom:1px solid #e6eaf0;white-space:nowrap}th{font-weight:700;color:#344054;background:#fafbfd}tbody tr{cursor:pointer}tbody tr:hover{background:#f4f8ff}.badge{display:inline-block;background:#eaf2ff;color:#0754af;padding:3px 7px;border-radius:3px;font-size:12px}.drawer{position:fixed;right:0;top:0;width:min(520px,90vw);height:100vh;background:#fff;border-left:1px solid #cbd5e1;box-shadow:-10px 0 28px #1822302b;padding:24px;overflow:auto;z-index:4}.drawer header,.modal header,.modal footer{display:flex;justify-content:space-between;align-items:center}.drawer h2,.modal h2{margin:0}.icon-button{border:0;font-size:27px;padding:0 5px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cad4e3;margin:24px 0}.detail-grid div{padding:14px;border-bottom:1px solid #e1e7f0}.detail-grid span{display:block;color:#667085;font-size:12px;margin-bottom:5px}.drawer h3{font-size:15px;margin-top:26px}.timeline{border-left:2px solid #0754af;padding:4px 0 4px 12px;font-size:14px}.modal-backdrop{position:fixed;inset:0;background:#10182866;display:grid;place-items:center;z-index:5}.modal{background:#fff;width:min(650px,94vw);padding:24px;border-radius:8px;box-shadow:0 16px 35px #0003}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.form-grid label{display:grid;gap:7px}.form-grid .wide{grid-column:span 2}.modal footer{justify-content:flex-end;gap:10px}@media(max-width:950px){.sidebar{width:190px}.metric-row{grid-template-columns:repeat(2,1fr)}.topbar{gap:10px}.search{width:250px}}@media(max-width:700px){.sidebar{display:none}.content{padding:0 12px}.topbar h1{font-size:20px}.metric-row{grid-template-columns:1fr 1fr}.filters{overflow:auto}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:span 1}}.inline-form{display:grid;gap:9px}.inline-form textarea,.inline-form input{width:100%;border:1px solid #bfcade;border-radius:4px;padding:9px}.inline-form label{display:grid;gap:5px;font-size:13px}.timeline button{margin-left:8px;padding:3px 7px;font-size:12px}.field-error{color:#b42318;font-size:14px;margin:0}.required-hint{margin:14px 0 0;color:#475467}.required-hint b,.modal label>b{color:#b42318}.modal small{color:#667085;font-size:12px}.modal{max-height:94vh;overflow:auto}.sidebar nav button{border:0;border-radius:0;text-align:left;background:transparent;color:#344054;padding:15px 24px;border-left:4px solid transparent}.sidebar nav button.active{background:#edf3fc;color:#0754af;font-weight:700;border-left-color:#0754af}.management{padding:34px;max-width:900px}.management h1{margin-top:0}.review-card{display:grid;gap:10px;background:#fff;border:1px solid #d5deed;padding:18px;margin:14px 0;border-radius:5px}.review-card span{color:#667085}.review-card textarea{min-height:76px;width:100%;padding:8px;border:1px solid #bfcade}.setting-row{display:grid;grid-template-columns:1fr 130px;gap:18px;align-items:center;background:#fff;border:1px solid #d5deed;padding:14px;margin:10px 0}.setting-row input{padding:8px;border:1px solid #bfcade;border-radius:4px}
