:root{--forest:#0b452f;--green:#146848;--gold:#c3a052;--cream:#f8f7f3;--ink:#182a29;--muted:#657574;--line:#e0e7e1;--red:#b94748;--blue:#2c5f8b;--panel:#fff;--shadow:0 8px 32px rgba(15,52,36,.08)}
*{box-sizing:border-box}body{margin:0;background:#f1f4f0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--green)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(340px,44%) 1fr}
.login-brand{background:linear-gradient(145deg,#063b29,#145b3f);color:white;padding:7vw 5vw;display:flex;flex-direction:column;justify-content:center;gap:22px}.login-brand img{width:130px;border-radius:20px;background:white;padding:8px}.login-brand h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(34px,3vw,60px);margin:0}.login-brand p{color:#d5e8df;line-height:1.7;font-size:16px;max-width:400px}.login-brand small{color:#d8c68f;letter-spacing:.16em}
.login-panel{padding:6vw;display:flex;justify-content:center;align-items:center}.login-card{width:min(450px,100%);background:#fff;padding:36px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.login-card h2{margin:0 0 8px;font-size:27px}.login-card p{color:var(--muted)}
label{font-weight:650;display:block;color:#344c45;margin:12px 0 7px;font-size:12px;letter-spacing:.03em}input,select,textarea{border:1px solid #cbd8d0;padding:11px 12px;min-height:42px;border-radius:9px;background:white;color:var(--ink);width:100%;outline:none}textarea{min-height:78px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,123,75,.1)}
button{border:0;border-radius:9px;padding:10px 15px;background:#e7eee9;color:var(--forest);font-weight:650;white-space:nowrap}button:hover{filter:brightness(.96)}button.primary{background:var(--green);color:white}button.dark{background:var(--forest);color:white}button.danger{background:#fde9e8;color:#9f2727}button.ghost{background:transparent;border:1px solid var(--line)}button:disabled{opacity:.55;cursor:default}.btn-sm{padding:6px 10px;font-size:12px}
.app-layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#093a29;color:#fff;padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:5px 7px 25px;border-bottom:1px solid #31654e}.brand img{height:44px;width:44px;object-fit:contain;background:#fff;border-radius:10px;padding:3px}.brand strong{display:block;font-family:Georgia,serif;font-size:21px;font-weight:500;letter-spacing:.07em}.brand span{color:#b7cfbf;font-size:10px;letter-spacing:.11em}.nav{padding-top:20px;display:grid;gap:5px}.nav button{text-align:left;background:none;color:#c6ded1;border-radius:8px;font-size:13px;font-weight:550;padding:13px}.nav button.active{color:white;background:#205e43;border-left:3px solid var(--gold)}.nav button:hover{background:#205e43}.side-bottom{margin-top:auto;font-size:11px;color:#9fb8ab;padding:14px;border-top:1px solid #31654e}
.content{min-width:0}.topbar{height:82px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:16px 3vw;gap:15px}.topbar b{font-size:15px}.topbar small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.top-actions{display:flex;align-items:center;gap:15px}.pill{border:1px solid #d3e5d7;background:#edf7f1;padding:5px 11px;color:var(--green);border-radius:30px;font-size:11px;font-weight:750}.page{padding:26px 3vw 80px;max-width:1440px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:22px}.heading h2{font-family:Georgia,serif;font-size:30px;font-weight:500;margin:0}.heading p{margin:7px 0 0;color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}.kpi{background:white;padding:20px;border-radius:12px;border:1px solid var(--line);box-shadow:var(--shadow)}.kpi span{font-size:12px;color:var(--muted)}.kpi b{font-size:25px;display:block;margin:10px 0 4px;color:var(--forest);font-variant-numeric:tabular-nums}.kpi small{color:var(--muted)}
.panel{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);gap:12px}.panel-head h3{font-size:16px;margin:0;font-weight:700}.panel-body{padding:18px 20px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 16px}.span-2{grid-column:1/-1}.muted{color:var(--muted)}.micro{font-size:11px;color:var(--muted)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #e9efea}th{color:#546b60;background:#f9faf7;font-size:11px;text-transform:uppercase;letter-spacing:.07em}td.actions{display:flex;gap:6px;flex-wrap:wrap}.number{text-align:right;font-variant-numeric:tabular-nums}tr:hover td{background:#fbfcf9}
.status{display:inline-block;font-size:11px;padding:5px 9px;border-radius:20px;font-weight:750;background:#edf0f2;color:#4b5960}.status.returned{background:#ffeded;color:#a23735}.status.submitted{background:#fff4db;color:#896223}.status.verified{background:#e4f3f8;color:#206b8b}.status.posted{background:#e2f5e9;color:#1a6b42}
.alert{padding:13px 16px;background:#fff7e5;border-left:3px solid #ccad57;margin:15px 0;border-radius:6px;font-size:12px;line-height:1.5}.error{background:#ffedef;border-color:#c84b4b;color:#942c33}.success{background:#e8f8ed;border-color:#3a9a63}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:11px;padding:5px 9px;background:#f1f5f1;border-radius:30px;color:#345a45}
.heading-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.heading-tools input{width:170px}.stamp{border-top:3px solid var(--gold);font-family:Georgia,serif;color:var(--forest);padding-top:5px;letter-spacing:.08em}.footer{margin-top:25px;color:var(--muted);font-size:11px;text-align:center}.zero{padding:34px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{padding:26px}.login-brand img{width:70px}.login-brand h1{font-size:32px}.login-brand p{display:none}.login-panel{padding:18px}.app-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:12px}.brand{padding-bottom:10px}.nav{display:flex;overflow:auto;padding:10px 0}.nav button{padding:10px}.side-bottom{display:none}.topbar{height:auto;padding:13px}.page{padding:18px 13px}.heading{align-items:flex-start;flex-direction:column}.heading h2{font-size:25px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.kpis{grid-template-columns:repeat(2,1fr);gap:9px}.kpi{padding:12px}.kpi b{font-size:20px}}
@media print{.sidebar,.topbar,.heading-tools,button,.footer{display:none!important}.app-layout{display:block}.page{padding:0}.panel{break-inside:avoid;box-shadow:none}.kpi{box-shadow:none}body{background:white}}