:root{--background:#f4f6fa;--foreground:#18263d;--primary:#17604f;--border:#e2e7ed;--card:#fff;--muted:#657386;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font:16px/1.5 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:var(--primary)}.shell{max-width:1440px;margin:auto;padding:0 44px 50px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:25px 0;display:flex}.brand{align-items:center;gap:12px;display:flex}.brandmark{background:var(--primary);color:#fff;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.brand strong{letter-spacing:-.5px;font-size:19px}.eyebrow{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.account{color:var(--muted);font-size:14px}.nav{border-bottom:1px solid var(--border);gap:24px;margin-bottom:32px;display:flex;overflow:auto}.nav button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:19px 0 15px;font-size:14px;font-weight:600}.nav button.active{border-color:var(--primary);color:var(--primary)}.heading{justify-content:space-between;align-items:center;gap:20px;margin:32px 0 24px;display:flex}h1{letter-spacing:-1px;margin:5px 0 8px;font-size:32px;line-height:1.2}h2{margin:0;font-size:19px}p{color:var(--muted);margin:8px 0}.btn{background:var(--primary);color:#fff;border:1px solid var(--primary);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn.secondary{color:var(--foreground);border-color:var(--border);background:#fff}.stats{grid-template-columns:1.25fr 1fr 1fr 1fr;gap:18px;margin:24px 0;display:grid}.stat{border:1px solid var(--border);background:#fff;border-radius:12px;padding:23px}.stat.main{background:var(--primary);color:#fff;border-color:var(--primary)}.statlabel{color:var(--muted);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.main .statlabel,.main small{color:#d5eee5}.statvalue{letter-spacing:-1px;margin:16px 0 8px;font-size:36px;font-weight:700;line-height:1.2}.stat small{color:var(--muted);font-size:13px}.panel{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.panelhead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:24px;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:12px;padding:18px 24px;display:flex}.search{flex:1;min-width:200px;position:relative}.search svg{color:var(--muted);position:absolute;top:13px;left:12px}.search input{width:100%;padding-left:38px}input,select,textarea{color:var(--foreground);background:#fff;border:1px solid #cdd5df;border-radius:7px;min-height:44px;padding:10px 12px}.tablewrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%;font-size:14px}th{letter-spacing:.6px;text-transform:uppercase;color:var(--muted);border-block:1px solid var(--border);background:#f8fafc;padding:14px 24px;font-size:12px;font-weight:600}td{border-bottom:1px solid #edf0f4;padding:16px 24px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfc}.branch{letter-spacing:.1px;font-weight:600}.number{font-variant-numeric:tabular-nums;font-weight:700}.badge{color:#17604f;background:#edf6f2;border-radius:5px;padding:4px 8px;font-size:12px;display:inline-block}.badge.pending{color:#667386;background:#f1f3f6}.tablefoot{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:16px;padding:16px 24px;font-size:13px;display:flex}.subtle{color:var(--muted);font-size:13px}.error{color:#9a2525;background:#fff0f0;border:1px solid #efb3b3;border-radius:8px;margin:18px 0;padding:16px}.success{color:#135e3c;background:#e7f5ed;border:1px solid #b7dcc7;border-radius:8px;margin:18px 0;padding:16px}.empty{text-align:center;padding:48px 24px}.formlayout{grid-template-columns:minmax(300px,1.1fr) minmax(300px,.9fr);gap:24px;display:grid}.formbody{padding:26px}.field{flex-direction:column;gap:7px;margin-bottom:20px;display:flex}.field label{font-size:14px;font-weight:600}.field small{color:var(--muted);font-size:13px}.quantity{width:100%;font-size:32px;font-weight:700}.formbody .btn{width:100%;padding:14px}.notice{color:#79501c;background:#fff7e8;border-left:3px solid #d99a32;border-radius:5px;margin:20px 0;padding:16px 20px;font-size:14px}.setup{max-width:620px;margin:70px auto}.setup h1{font-size:30px}.center{align-items:center;gap:10px;display:flex}.linkbutton{color:var(--primary);background:0 0;border:none;padding:3px 0;font-size:14px;text-decoration:underline}.details{margin-bottom:24px}.rowactions{gap:12px;display:flex}.code{overflow-wrap:anywhere;background:#f0f5f4;border-radius:8px;margin:15px 0;padding:18px}footer{color:var(--muted);justify-content:space-between;padding-top:28px;font-size:12px;display:flex}.branchsummary{color:#fff;background:#17604f;padding:28px}.branchsummary p{color:#d5eee5}.branchsummary strong{margin:20px 0 8px;font-size:54px;line-height:1.1;display:block}.progressline{background:#e9edf2;height:5px}.progressline span{background:#dca347;height:100%;display:block}.historynote{white-space:normal;min-width:160px;max-width:300px}.datefield{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.datefield input{font-size:14px}.viewcontrols{flex-wrap:wrap;align-items:center;gap:10px;display:flex}dialog{border:1px solid var(--border);border-radius:12px;width:calc(100% - 32px);max-width:500px;padding:26px}dialog::backdrop{background:#18263d88}@media (max-width:900px){.shell{padding:0 20px 30px}.stats{grid-template-columns:1fr 1fr}.formlayout{grid-template-columns:1fr}.account{overflow-wrap:anywhere;max-width:180px}.heading{align-items:flex-start}h1{font-size:28px}}@media (max-width:550px){.shell{padding:0 14px 24px}.topbar{padding:18px 0}.brand strong{font-size:16px}.account{max-width:100px;font-size:12px}.heading{flex-direction:column}.stats{gap:10px}.stat{padding:16px}.statvalue{font-size:28px}.panelhead,.filters{padding:16px}.tablefoot{flex-direction:column}.formbody{padding:20px}th,td{padding:13px 16px}footer{gap:16px}.eyebrow{font-size:12px}}.managerform{max-width:620px;margin:44px auto 70px}.managerform h1{font-size:30px}.managerform .quantity{font-size:24px}.managerform .formbody{padding:30px}@media (max-width:550px){.managerform{margin:28px auto}.managerform .formbody{padding:22px}}