:root{--navy:#102536;--ink:#172535;--blue:#2f6f8e;--gold:#d7a84c;--orange:#e7792d;--paper:#f3f6f7;--muted:#667984;--line:#d8e1e4;--green:#3e8065;--red:#a84f49;--shadow:0 18px 55px rgba(14,37,52,.1);--sans:"Microsoft YaHei","PingFang SC",sans-serif;--serif:"Noto Serif SC","Songti SC",serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 var(--sans)}button,input,select,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;background:#fff;padding:9px 14px}.skip-link:focus{top:12px}.topbar{min-height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(215,168,76,.6);color:#f0d99d;font:700 25px Georgia}.brand b,.brand small{display:block}.brand b{font-size:16px}.brand small{font-size:8px;letter-spacing:.14em;color:#92a8b5}.topbar nav{display:flex;align-items:center;gap:22px}.topbar nav a{color:#abc0cb;text-decoration:none}.topbar nav button{padding:8px 12px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff}.login-panel{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:35px;background:radial-gradient(circle at 72% 18%,#dce9ed,transparent 38%)}.login-card{width:min(520px,100%);padding:42px;background:#fff;border-top:4px solid var(--gold);box-shadow:var(--shadow)}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.16em}.login-card h1{margin:0;font:500 34px var(--serif)}.login-card>p:not(.eyebrow),.reconciliation-form>p{color:var(--muted)}label{display:block;font-size:12px;font-weight:700}.login-card label{margin-top:17px}input,select,textarea{width:100%;margin-top:6px;padding:11px 12px;border:1px solid #c7d3d7;background:#fff;color:var(--ink);outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,111,142,.1)}.primary,.secondary,.ghost{min-height:42px;padding:9px 17px;border:1px solid transparent;font-weight:700}.primary{background:var(--orange);color:#fff}.secondary{background:#fff;border-color:#b8c6cc;color:var(--ink)}.ghost{background:transparent;border-color:#71838d;color:#fff}.login-card .primary{width:100%;margin-top:23px}.message{min-height:22px;margin:9px 0 0;color:var(--red);font-size:12px}button:disabled{opacity:.55;cursor:wait}.workspace{padding-bottom:70px}.hero{padding:54px clamp(22px,6vw,90px) 46px;display:flex;align-items:end;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#e8eef0,#f8f9f9)}.hero h1{margin:0;font:500 clamp(32px,4vw,52px) var(--serif)}.hero p:not(.eyebrow){margin:14px 0 8px;color:var(--muted)}.hero small{color:#74858e}.hero .ghost{border-color:#9cacb3;color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:0 clamp(22px,6vw,90px);background:var(--navy);color:#fff}.metrics article{padding:22px 25px;border-right:1px solid rgba(255,255,255,.12)}.metrics article:last-child{border:0}.metrics span,.metrics small{display:block}.metrics span{font-size:11px;color:#a8bbc5}.metrics strong{font:500 27px var(--serif);color:#f0d99d}.metrics small{font-size:9px;color:#7f96a2}.card{background:#fff;border:1px solid var(--line);box-shadow:0 10px 35px rgba(20,50,67,.05)}.toolbar{margin:30px clamp(22px,6vw,90px) 16px;padding:17px 20px;display:grid;grid-template-columns:minmax(260px,1fr) 210px auto auto;align-items:end;gap:12px}.toolbar input,.toolbar select{margin-top:3px}.sync-status{padding-bottom:11px;color:var(--green);font-size:10px}.reconciliation-form{margin:0 clamp(22px,6vw,90px) 16px;padding:24px}.form-title,.section-head,.detail-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.form-title h2,.section-head h2,.detail-head h2{margin:0;font:500 27px var(--serif)}.form-title h3{margin:0;font:500 20px var(--serif)}.text-button{border:0;background:transparent;color:var(--blue);font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:17px 0}.form-grid .wide{grid-column:span 2}.work-layout{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1.75fr);gap:16px;margin:0 clamp(22px,6vw,90px)}.order-panel{padding:23px;min-height:680px}.detail-panel{padding:28px;min-height:680px}.section-head>span{font-size:11px;color:var(--muted)}.order-list{display:grid;gap:7px;margin-top:18px;max-height:920px;overflow:auto}.order-row{width:100%;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:#f8fafb;text-align:left}.order-row:hover,.order-row.active{border-color:var(--blue);background:#eaf2f5}.order-row b,.order-row small{display:block}.order-row small{margin-top:3px;color:var(--muted);font-size:10px}.status{padding:4px 7px;background:#e8edef;color:#596c77;font-size:9px;font-style:normal}.status.paid,.status.completed,.status.issued{background:#e2f0e9;color:#327056}.status.pending,.status.partially_paid,.status.requested,.status.approved{background:#fff0da;color:#8e5b17}.status.failed,.status.rejected,.status.refunded,.status.voided{background:#f2e7e5;color:#955049}.empty-state{display:grid;place-items:center;text-align:center;min-height:240px;padding:30px;border:1px dashed #c6d2d6}.empty-state b{font:500 21px var(--serif)}.empty-state p{margin:4px 0;color:var(--muted);font-size:12px}.empty-state.small{min-height:105px}.detail-head{padding-bottom:18px;border-bottom:1px solid var(--line)}.detail-head h2{font-size:31px}.detail-head p:not(.eyebrow){margin:5px 0;color:var(--muted)}.finance-status{padding:8px 12px;background:var(--navy);color:#fff;font-size:10px;font-weight:800}.gate-banner{margin:17px 0;padding:13px 16px;border-left:4px solid var(--gold);background:#fff8e9;color:#6f5522}.gate-banner.ready{border-color:var(--green);background:#edf7f1;color:#2f654f}.gate-banner.blocked{border-color:var(--orange);background:#fff2e8;color:#874c25}.ledger-section{padding:28px 0;border-bottom:1px solid var(--line)}.ledger-section:last-child{border-bottom:0}.section-head.compact{align-items:end}.section-head.compact h3{display:inline;margin:0;font:500 22px var(--serif)}.section-head.compact p{margin:4px 0 0;color:var(--muted);font-size:11px}.step-no{display:inline-block;margin-right:9px;color:var(--orange);font-size:10px;font-weight:800}.business-form{margin:19px 0;padding:22px;background:#eef3f4;border-left:4px solid var(--blue)}.invoice-card,.receipt-card{margin-top:16px;padding:19px;border:1px solid var(--line);border-left:4px solid var(--green);background:#fbfcfc}.invoice-card h4,.receipt-card h4,.record h4,.batch-card h3{margin:4px 0;font:500 18px var(--serif)}.invoice-card p,.receipt-card p,.record p,.batch-card p{margin:2px 0;color:var(--muted);font-size:10px}.money-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.money-grid div{padding:9px;background:#f0f4f5}.money-grid span,.money-grid b{display:block}.money-grid span{color:var(--muted);font-size:9px}.money-grid b{font-size:13px}.record-list{display:grid;gap:9px;margin-top:16px}.record{padding:16px 18px;display:grid;grid-template-columns:1fr .8fr auto;align-items:center;gap:18px;border:1px solid var(--line);background:#fbfcfc}.record-actions{display:flex;flex-wrap:wrap;gap:7px}.record-actions button{min-height:34px;padding:6px 10px}.reconciliation-history{margin:22px clamp(22px,6vw,90px) 0;padding:25px}.batch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.batch-card{padding:18px;background:#f6f8f8;border-top:3px solid var(--blue)}.batch-card .difference{color:var(--red)}.batch-card .balanced{color:var(--green)}.toast{position:fixed;right:24px;bottom:24px;z-index:90;max-width:380px;padding:13px 18px;background:var(--green);color:#fff;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:var(--red)}@media(max-width:1120px){.work-layout{grid-template-columns:1fr}.order-panel{min-height:0}.order-list{max-height:360px}.metrics{grid-template-columns:repeat(2,1fr)}.batch-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.topbar{padding:12px 18px}.brand small,.topbar nav a{display:none}.hero,.detail-head,.section-head.compact{align-items:stretch;flex-direction:column}.toolbar{grid-template-columns:1fr}.metrics{margin:0 18px}.toolbar,.reconciliation-form,.reconciliation-history{margin-left:18px;margin-right:18px}.work-layout{margin:0 18px}.detail-panel,.order-panel{padding:20px}.form-grid,.record{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.money-grid{grid-template-columns:repeat(2,1fr)}.batch-grid{grid-template-columns:1fr}}@media(max-width:480px){.metrics{grid-template-columns:1fr}.metrics article{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.section-head.compact button,.record-actions button{width:100%}.brand b{font-size:13px}}