:root{--ink:#17231e;--muted:#6e7973;--line:#e3e8e4;--paper:#fbfcfa;--green:#26745d;--green-dark:#185c49;--mint:#e8f3ee;--amber:#d89124;--amber-bg:#fff5df;--violet:#6257b6;--violet-bg:#efedff;--red:#b65243;--red-bg:#fbecea;--blue:#3274a6;--shadow:0 10px 30px rgba(28,48,39,.06)}
*{box-sizing:border-box}body{margin:0;background:#f1f4f1;color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px}.shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#183e34;color:#d8e6e0;padding:26px 17px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font:700 20px Manrope;margin:0 10px 30px;color:white}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#d9af66;color:#183e34;font-size:17px}.sidebar nav{display:grid;gap:5px}.nav-item{height:43px;padding:0 12px;border-radius:9px;display:flex;gap:12px;align-items:center;color:#bcd0c8;text-decoration:none;font-weight:500}.nav-item>span{width:18px;text-align:center}.nav-item b{margin-left:auto;font-size:11px;background:#d9af66;color:#183e34;border-radius:10px;padding:2px 7px}.nav-item.active,.nav-item:hover{background:#285247;color:white}.nav-label{font-size:10px;letter-spacing:1.3px;color:#79988c;margin:27px 12px 10px}.sidebar-bottom{margin-top:auto}.sync-card{border:1px solid #376054;background:#20483e;border-radius:10px;padding:12px;display:flex;gap:10px;align-items:flex-start;margin-bottom:18px}.pulse{width:8px;height:8px;border-radius:50%;background:#6bd19e;box-shadow:0 0 0 4px #315b4f;margin-top:5px}.sync-card strong,.profile strong{display:block;color:#f0f6f3;font-size:12px}.sync-card small,.profile small{display:block;color:#8fad9f;font-size:10px;margin-top:3px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #315449;padding-top:18px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#dfc088;color:#24483d;font-size:11px;font-weight:700}.profile button{margin-left:auto;border:0;background:transparent;color:#9ab4aa}main{grid-column:2;min-width:0}header{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.client-picker{display:flex;align-items:center;gap:11px}.client-picker small{display:block;font-size:9px;letter-spacing:1px;color:#839089}.client-picker strong{font-size:13px}.client-picker>span{margin-left:9px;color:#89958e}.client-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#e0b767;color:#fff;font:700 16px Manrope}.header-actions{display:flex;gap:9px}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:white;border-radius:9px;color:#52605a;position:relative}.icon-button i{position:absolute;width:6px;height:6px;background:#d98361;border:1px solid white;border-radius:50%;right:7px;top:7px}.content{padding:30px 34px 40px;max-width:1600px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:end}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:700;color:var(--green);margin:0 0 8px}.page-title h1{font:700 27px Manrope;margin:0 0 5px;letter-spacing:-.6px}.page-title p:last-child{color:var(--muted);margin:0}.secondary{height:38px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 14px;color:#405149;font-weight:600}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.stats article{background:white;border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;gap:13px;box-shadow:0 3px 14px rgba(28,48,39,.025)}.stat-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:bold}.stat-icon.amber{background:var(--amber-bg);color:var(--amber)}.stat-icon.violet{background:var(--violet-bg);color:var(--violet)}.stat-icon.green{background:var(--mint);color:var(--green)}.stat-icon.blue{background:#e8f3fa;color:var(--blue)}.stats small{display:block;font-size:9px;letter-spacing:1px;color:#86928c;font-weight:700;margin:1px 0 4px}.stats strong{font:700 21px Manrope}.stats p{margin:4px 0 0;color:#89948f;font-size:11px}.stats em{color:#b87525;font-style:normal}.stats em.positive{color:var(--green)}.workspace{display:grid;grid-template-columns:minmax(360px,42%) minmax(500px,58%);background:white;border:1px solid var(--line);border-radius:13px;min-height:580px;overflow:hidden;box-shadow:var(--shadow)}.queue-panel{border-right:1px solid var(--line)}.panel-head{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.panel-head h2{font:700 15px Manrope;display:inline;margin:0}.panel-head span{font-size:11px;color:#84908a;margin-left:8px}.filter{border:1px solid var(--line);background:#fff;border-radius:7px;height:31px;padding:0 10px;color:#5e6c65}.tabs{height:44px;border-top:1px solid #eef1ef;border-bottom:1px solid var(--line);display:flex;padding:0 18px;gap:18px}.tabs button{border:0;background:none;color:#748079;font-weight:600;font-size:11px;padding:0 2px;position:relative}.tabs button.active{color:var(--green)}.tabs button.active:after{content:"";position:absolute;height:2px;background:var(--green);inset:auto 0 -1px}.tabs span{font-size:9px;background:#eef2ef;padding:2px 5px;border-radius:8px}.record{display:grid;grid-template-columns:38px 1fr auto;gap:11px;padding:15px 18px;border-bottom:1px solid #edf0ee;cursor:pointer;position:relative}.record:hover{background:#f9fbfa}.record.active{background:#f1f8f4}.record.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green)}.type-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#eaf3ef;color:var(--green);font-size:16px}.record-info strong{display:block;font-size:12px;margin-bottom:3px}.record-meta{font-size:10px;color:#89948f;display:flex;gap:5px;align-items:center}.record-meta .low{color:#b87221;background:var(--amber-bg);border-radius:4px;padding:2px 4px}.record-amount{text-align:right}.record-amount strong{display:block;font-size:12px;margin-bottom:5px}.badge{display:inline-flex;align-items:center;border-radius:12px;padding:3px 7px;font-size:9px;font-weight:700}.badge.pending{background:var(--amber-bg);color:#9f681c}.badge.info{background:var(--red-bg);color:var(--red)}.badge.approved{background:var(--mint);color:var(--green)}.detail-panel{background:#fff}.detail-top{height:65px;border-bottom:1px solid var(--line);padding:0 23px;display:flex;align-items:center;justify-content:space-between}.detail-title{display:flex;align-items:center;gap:10px}.detail-title h2{font:700 14px Manrope;margin:0}.detail-title p{margin:2px 0 0;font-size:10px;color:#89948f}.more{border:0;background:transparent;color:#77837d}.detail-body{padding:20px 23px}.document-strip{display:flex;align-items:center;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fbfcfb;margin-bottom:19px}.doc-icon{width:32px;height:36px;border-radius:5px;display:grid;place-items:center;background:#f4e8e5;color:#a95a50;margin-right:10px;font-size:10px;font-weight:700}.document-strip strong{display:block;font-size:11px}.document-strip small{font-size:9px;color:#87928c}.document-strip button{margin-left:auto;border:0;background:transparent;color:var(--green);font-weight:600;font-size:10px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:17px 0 11px}.section-title h3{font:700 11px Manrope;margin:0}.confidence{font-size:9px;color:var(--green);background:var(--mint);padding:3px 7px;border-radius:10px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{position:relative}.field.full{grid-column:1/-1}.field label{display:flex;justify-content:space-between;font-size:9px;color:#718078;font-weight:600;margin:0 0 5px}.field label em{font-style:normal;color:var(--green);font-weight:700}.field label em.low{color:#b57224}.field input,.field select,.field textarea{width:100%;height:37px;border:1px solid #dfe5e1;border-radius:7px;background:#fff;padding:0 10px;font:500 11px "DM Sans";color:#26372f;outline:none}.field textarea{height:50px;padding-top:9px;resize:none}.field.low input,.field.low select{border-color:#e7b663;background:#fffbf2}.field.low:after{content:"!";position:absolute;right:9px;bottom:10px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#f2c66f;color:#7f5318;font-size:10px;font-weight:bold}.line-item{display:grid;grid-template-columns:1.3fr .75fr .65fr;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px}.line-item small{display:block;color:#8a958f;font-size:8px;margin-bottom:3px}.line-item strong{font-size:10px}.line-item div:last-child{text-align:right}.total-row{display:flex;justify-content:flex-end;gap:32px;margin:10px 5px 18px;font-size:12px}.total-row strong{font:700 14px Manrope}.review-note{background:#f5f8f6;border-radius:8px;padding:11px 12px;font-size:10px;color:#607068;margin-top:13px}.review-note strong{color:#31443b}.actions{border-top:1px solid var(--line);padding:15px 23px;display:flex;align-items:center;gap:8px}.actions button{height:38px;border-radius:8px;font-weight:700;font-size:11px;padding:0 14px}.reject{border:1px solid #eadbd8;background:white;color:#a44e41}.approve{border:1px solid var(--line);background:white;color:#32463d}.send{margin-left:auto;border:0;background:var(--green);color:white;min-width:155px;box-shadow:0 4px 10px rgba(38,116,93,.2)}.send:hover{background:var(--green-dark)}.send:disabled{background:#cbd4cf;box-shadow:none;cursor:not-allowed}.audit{padding:0 23px 20px}.audit-toggle{width:100%;border:0;border-top:1px solid var(--line);background:white;padding:13px 0;text-align:left;color:#66756e;font-size:10px;font-weight:700}.audit-log{display:none;border-left:2px solid #dce7e1;margin-left:5px;padding-left:15px}.audit-log.open{display:grid;gap:9px}.audit-entry{font-size:9px;color:#6f7e76}.audit-entry strong{color:#34483f}.toast{position:fixed;right:24px;bottom:24px;background:#183e34;color:white;border-radius:9px;padding:13px 18px;box-shadow:0 8px 30px rgba(0,0,0,.2);transform:translateY(80px);opacity:0;transition:.25s;z-index:9}.toast.show{transform:none;opacity:1}
.section-title small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.mapping-note{font-size:9px;color:var(--muted);font-family:monospace}.line-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:13px;border:1px solid var(--line);border-radius:9px;background:#fbfcfb}.line-editor .full{grid-column:1/-1}.checkbox-field{display:flex;align-items:flex-end;padding-bottom:10px}.checkbox-field label{display:flex;align-items:center;justify-content:flex-start;gap:7px;color:var(--ink);font-size:10px}.checkbox-field input{width:auto;margin:0}
.login-screen{position:fixed;inset:0;z-index:20;background:#f1f4f1;display:grid;place-items:center}.login-screen.hidden{display:none}.login-card{width:min(390px,calc(100% - 32px));background:white;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:var(--shadow)}.login-card .brand{color:var(--ink);margin:0 0 28px}.login-card h1{font:700 24px Manrope;margin:0 0 8px}.login-card>p{color:var(--muted);font-size:12px;margin:0 0 20px}.login-card label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:600;margin:12px 0}.login-card input{height:42px;border:1px solid var(--line);border-radius:8px;padding:0 11px;font:500 13px "DM Sans"}.login-card button{width:100%;height:42px;border:0;border-radius:8px;background:var(--green);color:white;font-weight:700;margin-top:8px}.login-card .login-error{color:var(--red);min-height:16px;margin:8px 0 0}
@media(max-width:1100px){.stats{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr}.detail-panel{border-top:1px solid var(--line)}.queue-panel{border-right:0}.record-list{max-height:310px;overflow:auto}}@media(max-width:760px){.shell{display:block}.sidebar{display:none}main{grid-column:auto}.content{padding:22px 14px}.workspace{display:block}.stats{grid-template-columns:1fr 1fr}.page-title{align-items:start}.page-title .secondary{display:none}header{padding:0 16px}.field-grid,.line-editor{grid-template-columns:1fr}.field.full,.line-editor .full{grid-column:auto}}