:root{color:#15243b;--navy:#102a43;--blue:#1877f2;--mint:#dff8ec;--line:#dce5ef;--muted:#748196;--surface:#fff;background:#f4f7fb;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}.app{min-height:100vh;display:flex}aside{color:#dbe7f5;background:#0e2239;flex-direction:column;width:260px;padding:26px 18px 18px;display:flex}.brand{letter-spacing:1.8px;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.brand-mark{color:#fff;background:#2c8df3;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.dealer{align-items:center;gap:11px;margin:42px 4px 30px;display:flex}.avatar{color:#176246;background:#d6f5e6;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.dealer strong{white-space:nowrap;text-overflow:ellipsis;max-width:155px;font-size:12px;display:block;overflow:hidden}.dealer small{color:#93a9c0;margin-top:4px;font-size:11px;display:block}nav{gap:6px;display:grid}nav button{text-align:left;color:#9db1c7;background:0 0;border-radius:10px;align-items:center;gap:11px;padding:12px 11px;font-size:13px;display:flex}nav button.active,nav button:hover{color:#fff;background:#183b5e}nav button span{background:#27577f;border-radius:20px;margin-left:auto;padding:1px 7px;font-size:11px}.side-bottom{margin-top:auto}.v8-status{border-top:1px solid #254059;align-items:center;gap:10px;padding:14px 11px;display:flex}.v8-status strong,.v8-status small{display:block}.v8-status strong{color:#d9f8e8;font-size:12px}.v8-status small{color:#7993ab;margin-top:3px;font-size:11px}.dot,.status-dot{background:#32cf86;border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 0 4px #32cf8621}.logout{color:#7993ab;background:0 0;padding:12px 11px;font-size:12px}.auth{background:#0e2239;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-art{color:#fff;background:radial-gradient(circle at 80% 15%,#245783,#0000 44%),#0e2239;flex-direction:column;justify-content:center;padding:12vh 12%;display:flex}.auth-art h1{letter-spacing:-2px;margin:36px 0 18px;font-size:64px;line-height:1.12}.auth-art p{color:#a9c3dc;font-size:18px}.signal{gap:8px;display:flex}.signal span{background:#47e0a0;border-radius:50%;width:8px;height:8px}.signal span:nth-child(2){opacity:.6}.signal span:nth-child(3){opacity:.25}.auth-flow{color:#a9c3dc;align-items:center;gap:13px;margin-top:85px;font-size:12px;display:flex}.auth-panel{background:#f8fbff;flex-direction:column;justify-content:center;padding:10%;display:flex}.auth-copy{margin:64px 0 34px}.eyebrow{letter-spacing:1.6px;text-transform:uppercase;color:#6e839c;font-size:11px;font-weight:750}.auth-copy h2{color:#142a44;margin:9px 0 10px;font-size:31px}.auth-copy p{color:#77869a;max-width:340px}.auth-panel label{color:#40546c;font-size:12px;font-weight:700}.auth-panel input{margin-top:8px}.app main{flex:1;min-width:0;max-height:100vh;padding:34px 46px 54px;overflow:auto}header{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.app h1{letter-spacing:-.7px;margin:6px 0 0;font-size:30px}.header-actions{align-items:center;gap:10px;display:flex}.network,.user-chip{border:1px solid var(--line);color:#52667d;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;display:flex}.network.on{color:#168055}.network.off{color:#c36a22}.user-chip{background:0 0;border:0}.workspace{grid-template-columns:minmax(0,760px) 300px;align-items:start;gap:28px;max-width:1100px;display:grid}.form-column{min-width:0}.section-head{justify-content:space-between;align-items:center;margin:0 0 12px;display:flex}.section-head>div{align-items:center;gap:12px;display:flex}.section-head h2{color:#18314e;margin:0;font-size:16px}.section-head p{color:var(--muted);margin:2px 0 0;font-size:12px}.step{color:#2078ed;background:#e2efff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.required,.photo-count{color:#9ba9b7;font-size:11px}.second{margin-top:28px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 4px 16px #1e426409}label{color:#445970;margin-bottom:17px;font-size:12px;font-weight:650;display:block}label>span{color:#eb6b4a}input,textarea,select{color:#172d45;background:#fbfdff;border:1px solid #d8e2ec;border-radius:7px;outline:none;width:100%;margin-top:7px;padding:10px 11px}input:focus,textarea:focus,select:focus{border-color:#80b7f5;box-shadow:0 0 0 3px #1877f21a}input[readonly]{color:#6e8095;background:#f2f6fa}textarea{resize:vertical;min-height:92px}.query-row{gap:8px;display:flex}.query-row input{margin-top:7px}.primary,.secondary{border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:750;display:inline-flex}.primary{color:#fff;background:#1877f2;box-shadow:0 6px 14px #1877f22e}.primary:hover{background:#0e66d7}.secondary{color:#176ad4;white-space:nowrap;background:#ecf4fe}.full{width:100%;margin-top:24px}.grid.two{grid-template-columns:1fr 1fr;gap:0 15px;display:grid}.grid .wide{grid-column:1/-1}.inline-state{border-radius:7px;align-items:center;gap:7px;margin:-4px 0 16px;padding:9px 10px;font-size:12px;display:flex}.inline-state.success{color:#1f8b61;background:#e8f8ef}.inline-state.warning{color:#b97515;background:#fff6e5}.inline-state.error{color:#c14b3a;background:#fff0ed}.inline-state.loading{color:#54748f;background:#eef5fb}.panel-title{color:#40546c;margin:0 0 12px;font-size:12px;font-weight:750}.segmented,.fee-switch{border:1px solid #d8e2ec;border-radius:7px;margin-top:7px;display:flex;overflow:hidden}.segmented button,.fee-switch button{color:#7b8a9b;background:#fff;flex:1;padding:9px 5px;font-size:12px}.segmented button.selected,.fee-switch button.selected{color:#146ede;background:#e8f2ff;font-weight:700}.checks{gap:7px;margin-top:7px;display:flex}.checks button{color:#687c93;background:#f2f6fa;border-radius:7px;align-items:center;gap:4px;padding:8px 12px;font-size:12px;display:flex}.checks button.checked{color:#20855c;background:#e8f8ef}.result-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:7px;margin-bottom:18px;display:grid}.result-options button{text-align:left;color:#62748a;background:#fff;border:1px solid #dce5ef;border-radius:9px;align-items:flex-start;gap:9px;padding:12px;display:flex}.result-options button.chosen{color:#1c7c56;background:#effaf4;border-color:#4aa97f;box-shadow:0 0 0 2px #d7f1e3}.result-options strong,.result-options small{display:block}.result-options small{color:#8493a3;margin-top:3px;font-size:11px}.fee-block{border-top:1px solid #e7edf3;margin-top:10px;padding-top:18px}.fee-switch{max-width:310px;margin-bottom:14px}.fee-fields{margin-top:3px}.upload-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.upload-grid button{color:#6f8297;background:#f9fcff;border:1px dashed #b8c9dc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:112px;display:flex}.upload-grid button:hover{color:#1877f2;background:#f3f8ff;border-color:#3288ec}.upload-grid span{font-size:12px;font-weight:700}.upload-grid small{font-size:10px}.submit-row{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.submit-row>div{color:#8291a1;align-items:center;gap:7px;font-size:11px;display:flex}.preview{position:sticky;top:0}.preview-head{color:#9aacbe;justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.preview-head h3{color:#18314e;margin:5px 0 0;font-size:16px}.preview-card,.rule-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:19px}.preview-status{color:#248260;align-items:center;gap:7px;font-size:11px;display:flex}.preview-card h3{color:#19334e;white-space:nowrap;text-overflow:ellipsis;margin:17px 0 3px;font-size:18px;overflow:hidden}.preview-card p{color:#788ba0;margin:0 0 20px;font-size:12px}.preview-line,.preview-result{color:#7a8a9b;justify-content:space-between;padding:9px 0;font-size:12px;display:flex}.preview-line strong{color:#344d68;font-weight:700}.preview-divider{background:#e8edf2;height:1px;margin:6px 0}.preview-result strong.accent{color:#1b875c}.rule-card{color:#216ca2;background:#eef8ff;border-color:#d4eafa;gap:10px;margin-top:12px;display:flex}.rule-card strong{font-size:12px}.rule-card p{color:#5d809d;margin:4px 0 0;font-size:11px}.offline-banner{color:#af6a24;background:#fff4e8;border:1px solid #f8ddbc;border-radius:10px;align-items:center;gap:11px;margin:-10px 0 20px;padding:12px 15px;display:flex}.offline-banner strong,.offline-banner span{display:block}.offline-banner span{color:#b9804c;margin-top:2px;font-size:11px}.toast{color:#fff;background:#172f4b;border-radius:9px;align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:flex;position:fixed;bottom:28px;right:30px;box-shadow:0 10px 30px #102a4330}.records-view{max-width:1100px}.stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.stats>div{border:1px solid var(--line);background:#fff;border-radius:11px;padding:16px 18px}.stats small,.stats strong{display:block}.stats small{color:#7f8fa1;font-size:11px}.stats strong{color:#18314e;margin-top:5px;font-size:27px}.records-layout{grid-template-columns:1fr 1fr;gap:14px;display:grid}.record-list,.detail-panel{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.record-row{text-align:left;background:#fff;border-bottom:1px solid #edf1f5;align-items:center;gap:11px;width:100%;padding:16px;display:flex}.record-row:last-child{border-bottom:0}.record-row:hover,.record-row.selected{background:#f5f9fe}.record-icon{color:#2078ed;background:#eaf3ff;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.record-main{flex:1;min-width:0}.record-main strong,.record-main span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.record-main strong{color:#263e58;font-size:12px}.record-main span{color:#8b9bad;margin-top:3px;font-size:11px}.record-meta{align-items:center;gap:8px;display:flex}.record-meta>span,.tag{border-radius:20px;padding:4px 7px;font-size:10px}.green{color:#1e8b60;background:#e8f8ef}.orange{color:#b97021;background:#fff2de}.detail-panel{min-height:300px;padding:23px}.detail-top{justify-content:space-between;align-items:flex-start;display:flex}.detail-top h2{margin:7px 0;font-size:20px}.detail-grid{grid-template-columns:1fr 1fr;gap:18px;margin:26px 0;display:grid}.detail-grid small,.detail-grid strong{display:block}.detail-grid small{color:#8594a3;font-size:11px}.detail-grid strong{color:#324b66;margin-top:4px;font-size:13px}.official-note{color:#237b59;background:#edf8f2;border-radius:9px;gap:10px;padding:14px;display:flex}.official-note strong{font-size:12px}.official-note p{color:#63917b;margin:4px 0 0;font-size:11px}.empty{text-align:center;color:#a0adba;place-content:center;height:250px;display:grid}.empty h3{color:#687b90;margin:12px 0 3px;font-size:14px}.empty p{margin:0;font-size:11px}@media (width<=1050px){aside{width:220px}.app main{padding:28px 25px}.workspace{grid-template-columns:1fr}.preview{display:none;position:static}}@media (width<=700px){.app{display:block}aside{width:100%;height:auto;padding:15px 16px}aside .dealer,aside nav,.side-bottom{display:none}.app main{padding:22px 15px}.app h1{font-size:25px}header{align-items:flex-start}.header-actions .user-chip{display:none}.grid.two,.result-options{grid-template-columns:1fr}.upload-grid{grid-template-columns:1fr 1fr}.submit-row{flex-direction:column;align-items:flex-start;gap:14px}.records-layout{grid-template-columns:1fr}.detail-panel{min-height:260px}.auth{grid-template-columns:1fr}.auth-art{min-height:45vh;padding:50px 30px 35px}.auth-art h1{margin:28px 0 12px;font-size:44px}.auth-flow{margin-top:34px}.auth-panel{min-height:55vh;padding:42px 30px}.auth-copy{margin:30px 0}.auth-panel h2{font-size:27px}}.append-panel{border-top:1px solid #e6edf3;margin-top:18px;padding-top:16px}.append-panel textarea{resize:vertical;width:100%;min-height:88px;margin:10px 0}.append-history{white-space:pre-line;color:#526579;background:#f6f9fc;border-radius:7px;margin:10px 0;padding:10px;font-size:13px;line-height:1.6}.append-upload{color:#166edc;cursor:pointer;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:inline-flex}.append-upload input{display:none}.append-photos{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.append-photos div{color:#65788c;width:76px;font-size:10px}.append-photos img{object-fit:cover;background:#edf3f9;border-radius:6px;width:76px;height:58px;margin-bottom:4px;display:block}.admin-shell{background:#f4f7fb;min-height:100vh;display:flex}.admin-shell main{flex:1;min-width:0;max-height:100vh;padding:34px 46px;overflow:auto}.admin-label{letter-spacing:1.5px;color:#6f91b0;text-transform:uppercase;margin:13px 4px 28px;font-size:10px}.admin-auth{background:#0e2239;place-items:center;min-height:100vh;display:grid}.admin-auth-panel{background:#f8fbff;border-radius:16px;width:min(440px,100% - 36px);padding:42px;box-shadow:0 20px 70px #07152480}.admin-auth-panel .auth-copy{margin:48px 0 28px}.admin-auth-panel label{margin-bottom:15px;display:block}.admin-auth-panel .auth-note{color:#7e91a3;align-items:center;gap:7px;margin-top:17px;font-size:11px;display:flex}.admin-content{max-width:1100px}.admin-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.admin-stats>div,.admin-panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:19px}.admin-stats small,.admin-stats strong,.admin-stats span{display:block}.admin-stats small{color:#8291a2;font-size:11px}.admin-stats strong{color:#18314e;margin:6px 0;font-size:29px}.admin-stats span{color:#1e8b60;font-size:11px}.admin-panel-head,.admin-toolbar{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.admin-panel-head h3,.admin-toolbar h3{color:#18314e;margin:0;font-size:16px}.admin-panel-head p,.admin-toolbar p{color:#8493a3;margin:4px 0 0;font-size:11px}.text-btn{color:#1d73df;background:0 0;align-items:center;gap:4px;font-size:11px;display:flex}.admin-toolbar{align-items:center}.admin-toolbar .primary{padding:9px 13px;font-size:12px}.search-box{border:1px solid var(--line);color:#8b9bad;background:#fff;border-radius:8px;align-items:center;gap:7px;width:280px;padding:0 10px;display:flex}.search-box input{box-shadow:none;border:0;margin:0;padding:9px 0;font-size:11px}.filter-tabs{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.filter-tabs button{color:#71849a;background:#fff;padding:8px 12px;font-size:11px}.filter-tabs button.selected{color:#146ede;background:#e8f2ff;font-weight:700}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:#8b9aaa;border-bottom:1px solid var(--line);white-space:nowrap;background:#f8fafc;padding:10px;font-weight:600}td{color:#536980;white-space:nowrap;border-bottom:1px solid #edf1f5;padding:13px 10px}td strong,td small{display:block}td strong{color:#304966}td small{color:#8b99a8;margin-top:3px;font-size:10px}.repair-task{border-bottom:1px solid #edf1f5;gap:13px;padding:15px 0;display:flex}.repair-task:last-child{border-bottom:0}.task-icon{color:#bd741e;background:#fff2df;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid}.repair-task strong{color:#29435e;font-size:13px}.repair-task p{color:#8998a8;margin:5px 0 9px;font-size:11px}@media (width<=700px){.admin-shell{display:block}.admin-shell aside{width:100%;height:auto}.admin-shell aside nav,.admin-shell aside .dealer,.admin-shell aside .side-bottom{display:none}.admin-shell main{padding:22px 15px}.admin-stats{grid-template-columns:1fr}.admin-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.search-box{width:100%}.admin-panel{overflow:auto}}.wizard-steps{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.wizard-steps button{color:#8191a2;text-align:left;background:#edf3f9;border-radius:8px;align-items:center;gap:8px;padding:10px 9px;font-size:11px;display:flex}.wizard-steps button span{color:#6f8298;background:#dce7f1;border-radius:50%;place-items:center;width:23px;height:23px;font-weight:800;display:grid}.wizard-steps button.active{color:#166edc;background:#e7f2ff;font-weight:750}.wizard-steps button.active span{color:#fff;background:#1877f2}.wizard-hidden{display:none!important}@media (width<=700px){.wizard-steps{grid-template-columns:repeat(2,1fr)}}.form-column.offline-disabled .panel,.form-column.offline-disabled .wizard-steps,.form-column.offline-disabled .submit-row{opacity:.58;pointer-events:none}.category-block{background:#fbfdff;border:1px solid #dfe9f2;border-radius:9px;margin-top:4px;padding:14px 14px 2px}.category-title{align-items:center;gap:9px;margin-bottom:10px;display:flex}.category-title span{color:#1d72d5;font-size:13px;font-weight:800}.category-title small{color:#8595a5;font-size:11px}.category-hint{color:#8493a3;background:#f4f8fc;border-radius:8px;padding:12px;font-size:12px}.photo-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.photo-item{color:#577089;background:#f8fbfe;border:1px solid #dbe6f0;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:flex}.photo-item button{color:#708297;background:#e7eef5;border-radius:50%;width:18px;height:18px;font-size:15px;line-height:15px}.photo-item button:hover{color:#c55243;background:#ffe7e2}.upload-tile{color:#6f8297;cursor:pointer;background:#f9fcff;border:1px dashed #b8c9dc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:112px;display:flex;position:relative}.upload-tile:hover{color:#1877f2;background:#f3f8ff;border-color:#3288ec}.upload-tile input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.photo-item img{object-fit:cover;border-radius:5px;width:28px;height:28px}.task-actions{margin-top:10px}.task-actions .secondary{padding:7px 10px;font-size:11px}.official-form{background:#f7fafc;border:1px solid #dfe8f1;border-radius:8px;max-width:520px;margin-top:12px;padding:13px}.official-form label{margin-bottom:10px;display:block}.official-form textarea{min-height:64px}.official-form .primary{padding:8px 11px;font-size:11px}
