:root{--bg:#f3f7fb;--surface:#fff;--surface2:#edf3f8;--text:#101c2d;--text2:#59697d;--text3:#7b899a;--line:rgba(16,28,45,.12);--line2:rgba(16,28,45,.22);--accent:#007f62;--accent2:#006e56;--accentButton:#007f62;--accentButton2:#006e56;--accentSoft:rgba(0,159,120,.1);--danger:#c74242;--dangerSoft:rgba(199,66,66,.1);--shadow:0 18px 60px rgba(13,30,50,.11);--sidebar:270px}html[data-theme=dark]{--bg:#07111f;--surface:#0d1b2d;--surface2:#11243a;--text:#f0f6fc;--text2:#b6c4d5;--text3:#8da0b6;--line:rgba(230,240,250,.12);--line2:rgba(230,240,250,.22);--accent:#45d7ad;--accent2:#17c99b;--accentButton:#007f62;--accentButton2:#006e56;--accentSoft:rgba(23,201,155,.12);--danger:#ff8383;--dangerSoft:rgba(255,90,90,.12);--shadow:0 18px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.55}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:11px;padding:11px 12px;outline:none;width:100%}select option{background:var(--surface);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--text3)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accentSoft)}label{display:grid;gap:6px;color:var(--text2);font-size:.78rem;font-weight:750}form{display:grid;gap:13px}.two,.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:9px 14px;background:var(--surface);color:var(--text);font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--accentButton),var(--accentButton2));color:#fff;border-color:transparent}.btn.danger{color:var(--danger);background:var(--dangerSoft);border-color:rgba(199,66,66,.2)}.alert{padding:12px 14px;border-radius:11px;margin-bottom:14px}.alert.success{background:var(--accentSoft);color:var(--accent)}.alert.danger{background:var(--dangerSoft);color:var(--danger)}.brand{display:flex;align-items:center;gap:11px}.brand img{border-radius:13px;background:#fff4cb}.brand div{display:flex;flex-direction:column}.brand strong{letter-spacing:.14em}.brand span{color:var(--text3);font-size:.72rem}.client-auth{min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(350px,.85fr) minmax(480px,1.15fr)}.auth-side{padding:34px 44px;display:flex;flex-direction:column;background:linear-gradient(145deg,#06152a,#0b3151 60%,#075043);color:#fff}.auth-side .brand span{color:rgba(255,255,255,.65)}.auth-side>div:last-child{margin:auto 0;max-width:620px}.auth-side b{color:var(--accent2);font-size:.72rem;letter-spacing:.12em}.auth-side h1{font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.05;margin:14px 0}.auth-side p,.auth-side li{color:rgba(255,255,255,.7)}.auth-side ul{padding:0;list-style:none;display:grid;gap:10px}.auth-side li{display:flex;gap:9px}.auth-main{padding:26px 36px;display:flex;flex-direction:column}.top-tools{display:flex;justify-content:flex-end;gap:8px}.top-tools select{width:auto}.auth-card{width:min(100%,620px);margin:auto;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.auth-card h2{margin:0 0 20px}.auth-card a{color:var(--accent);font-weight:800}.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}#sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;background:#071626;color:#dbe7f4;display:flex;flex-direction:column;z-index:40}#sidebar .brand{padding:0 8px 22px}#sidebar .brand span{color:#8395a9}#sidebar nav{display:grid;gap:5px}#sidebar nav a,#sidebar>div:last-child a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:#aebdd0;font-size:.8rem;font-weight:750}#sidebar nav a:hover,#sidebar nav a.active{background:rgba(23,201,155,.12);color:#fff}#sidebar nav a.active .icon{color:var(--accent2)}#sidebar>div:last-child{margin-top:auto;display:grid;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.shell>main{min-width:0}.shell header{height:78px;display:flex;align-items:center;gap:15px;justify-content:space-between;padding:12px 26px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.shell header h1{margin:2px 0 0;font-size:1.18rem}.shell header small{color:var(--text3);font-size:.66rem;letter-spacing:.1em}.shell header>button{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}.tools{display:flex;gap:7px;align-items:center}.tools select{width:auto;max-width:125px;height:42px;padding:6px 9px}.user{height:42px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-size:.75rem;font-weight:800}.content{width:min(calc(100% - 36px),1500px);margin:auto;padding:24px 0 50px}.welcome{padding:30px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#071b32,#0b3a52 65%,#08715c);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.welcome span{color:var(--accent2);font-size:.72rem;font-weight:900}.welcome h2{margin:8px 0;font-size:clamp(1.6rem,3vw,2.5rem)}.welcome p{margin:0;color:rgba(255,255,255,.68)}.welcome>.icon{width:80px;height:80px;color:rgba(255,255,255,.12)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.metrics article{min-height:140px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:flex;flex-direction:column}.metrics .icon{color:var(--accent)}.metrics strong{font-size:2rem;margin-top:auto}.metrics span{color:var(--text2);font-size:.75rem}.card{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 8px 32px rgba(9,27,45,.05)}.card h2,.card h3{margin-top:0}.empty,.hint{color:var(--text3)}.case-row{display:grid;grid-template-columns:minmax(130px,.25fr) minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 5px;border-top:1px solid var(--line)}.case-row:first-of-type{border-top:0}.case-row span{color:var(--text2);min-width:0;overflow:hidden;text-overflow:ellipsis}.case-row em{font-style:normal;color:var(--accent);font-size:.7rem;font-weight:850}.case-hero{padding:28px;border-radius:22px;background:var(--surface);border:1px solid var(--line);display:grid;grid-template-columns:1fr 260px;gap:25px}.case-hero h2{margin:8px 0}.case-hero p{color:var(--text2)}.case-hero>div:last-child{padding:18px;border-radius:16px;background:var(--surface2);display:flex;flex-direction:column;justify-content:center}.case-hero strong{font-size:2rem}.case-hero progress{width:100%;accent-color:var(--accent)}.tabs{display:flex;overflow:auto;gap:5px;margin:14px 0;padding:5px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.tabs a{padding:9px 14px;border-radius:9px;white-space:nowrap;font-size:.75rem;font-weight:800;color:var(--text2)}.tabs a.active{background:var(--accentSoft);color:var(--accent)}.timeline{padding:12px 0;border-top:1px solid var(--line)}.timeline span{float:right;color:var(--text3);font-size:.65rem}.timeline p{color:var(--text2);margin:5px 0}.doc{display:grid;grid-template-columns:1fr minmax(260px,.6fr);gap:18px;padding:16px 0;border-top:1px solid var(--line)}.doc p,.doc small{color:var(--text2)}.doc form{align-self:center}.messages{display:grid;gap:12px}.message{max-width:78%;padding:12px 14px;border-radius:5px 15px 15px 15px;background:var(--surface2)}.message.mine{margin-left:auto;border-radius:15px 5px 15px 15px;background:var(--accentSoft)}.message p{margin:5px 0;color:var(--text2)}.message small{color:var(--text3)}.messages>form{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.commercial{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface2);margin:12px 0}.commercial p,.commercial small{color:var(--text2)}.commercial form{margin-top:14px}.commercial form>div{display:flex;flex-wrap:wrap;gap:6px}.contract-body{max-height:340px;overflow:auto;padding:14px;border-radius:10px;background:var(--surface);color:var(--text2)}.overlay{display:none}
@media(max-width:1000px){.auth-shell{grid-template-columns:1fr}.auth-side{min-height:330px}.auth-side>div:last-child{margin-top:80px}.shell{display:block}#sidebar{position:fixed;transform:translateX(-102%);transition:.22s}.menu-open #sidebar{transform:none}.shell header>button{display:grid;place-items:center}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:35}.menu-open .overlay{display:block}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.auth-main{padding:18px 13px}.auth-side{padding:24px 19px}.auth-side h1{font-size:2.1rem}.auth-card{padding:21px}.two,.grid2{grid-template-columns:1fr}.tools select{max-width:88px}.user{width:42px;padding:0;justify-content:center;font-size:0}.content{width:calc(100% - 20px);padding-top:16px}.metrics{grid-template-columns:1fr 1fr}.case-hero{grid-template-columns:1fr;padding:20px}.doc{grid-template-columns:1fr}.case-row{grid-template-columns:110px minmax(0,1fr)}.case-row em{grid-column:2}.message{max-width:94%}.welcome>.icon{display:none}}
@media(max-width:420px){.metrics{grid-template-columns:1fr}.shell header{padding:10px}.shell header h1{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tools{gap:3px}.tools select{max-width:76px;padding:5px;font-size:.68rem}.card{padding:15px}.auth-side{min-height:290px}.top-tools{justify-content:space-between}.top-tools select{max-width:48%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* V4.3 multi-file document center */
.document-center{display:grid;gap:16px}.document-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.document-center-head h2{margin:0 0 5px}.document-center-head p{margin:0;color:var(--text2)}.secure-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:99px;background:var(--accentSoft);color:var(--accent);font-weight:800;font-size:.75rem;white-space:nowrap}
.client-document-request{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--surface2)}.client-document-request>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;background:var(--surface);border-bottom:1px solid var(--line)}.client-document-request>header>div{display:flex;gap:11px;align-items:flex-start}.client-document-request h3{margin:0 0 4px}.client-document-request p{margin:0;color:var(--text2)}.client-document-request>header em{font-style:normal;padding:5px 9px;border-radius:99px;background:var(--accentSoft);color:var(--accent);white-space:nowrap}
.client-file-list{padding:14px;display:grid;gap:9px}.client-file-list h4{margin:0}.client-file-row{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.client-file-row>div:first-child{width:60px;height:52px;display:grid;place-items:center;border-radius:9px;background:var(--surface2);overflow:hidden}.client-file-row img{width:100%;height:100%;object-fit:cover}.client-file-row span{min-width:0;display:grid;gap:3px}.client-file-row b{overflow-wrap:anywhere}.client-file-row small{color:var(--text3)}.client-file-row>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.multi-upload{display:grid;gap:9px;padding:14px;border-top:1px solid var(--line);background:var(--surface)}.multi-upload input[type=file]{padding:12px;border-style:dashed}.multi-upload small{color:var(--text3)}.doc-index{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--accentSoft);color:var(--accent);font-weight:900;flex:0 0 auto}
@media(max-width:720px){.document-center-head,.client-document-request>header{flex-direction:column;align-items:stretch}.client-file-row{grid-template-columns:48px minmax(0,1fr)}.client-file-row>div:first-child{width:48px;height:48px}.client-file-row>div:last-child{grid-column:1/-1;justify-content:flex-start}.secure-chip{width:max-content}}
.commercial-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.commercial-nav a{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text2)}.commercial-nav a.active{border-color:var(--accent);background:var(--accentSoft);color:var(--accent)}.commercial-nav span{min-width:28px;height:28px;display:grid;place-items:center;border-radius:99px;background:var(--surface2)}.commercial-page{display:grid;gap:12px}.commercial-page-head h2{margin:0}.commercial-page-head p{margin:4px 0 0;color:var(--text2)}.commercial-record{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface2)}.commercial-record>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px}.commercial-record>header div{display:grid;gap:3px}.commercial-record>header span{color:var(--text3)}.commercial-record>header em{font-style:normal;color:var(--accent)}.commercial-response{display:grid;gap:9px;margin-top:12px}.button-line{display:flex;gap:8px;margin-top:10px}@media(max-width:700px){.commercial-nav{grid-template-columns:repeat(2,1fr)}.commercial-record>header{flex-direction:column}}@media(max-width:430px){.commercial-nav{grid-template-columns:1fr}}