:root,html[data-theme=dark]{--blue:#6ea8fe;--blue-hover:#8bb9ff;--blue-deep:#3b82f6;--blue-soft:#26364d;--blue-border:#405a7a;--green:#75d69c;--green-soft:#20362b;--green-border:#355a47;--amber:#e8bb62;--amber-soft:#3b3220;--amber-border:#655432;--red:#ef8b94;--red-soft:#3c262b;--red-border:#684149;--page-bg:#181b20;--sidebar-bg:#202936;--surface:#24282f;--surface-raised:#292e36;--surface-inner:#1f2329;--surface-hover:#2d323a;--input-bg:#1d2127;--border:#383e47;--border-soft:#30353d;--border-strong:#474e59;--text:#f1f3f5;--text-secondary:#9da6b2;--text-faint:#78828e;--gray-soft:#30353d;--gray-border:#484f59;--sidebar-border:#303a47;--sidebar-link:#aeb9c7;--sidebar-hover:#2b3746;--table-header:#20242a;--table-hover:#292e35;--button:#3f7fd8;--button-hover:#4e8ee8;--secondary-button:#2a2f36;--secondary-button-hover:#343a43;--overlay:rgba(7,9,12,.7);color-scheme:dark}html[data-theme=light]{--blue:#2563eb;--blue-hover:#1d4ed8;--blue-deep:#1d4ed8;--blue-soft:#eff6ff;--blue-border:#bfdbfe;--green:#15803d;--green-soft:#f0fdf4;--green-border:#bbf7d0;--amber:#a16207;--amber-soft:#fffbeb;--amber-border:#fde68a;--red:#b42318;--red-soft:#fff1f2;--red-border:#fecdd3;--page-bg:#f4f7fb;--sidebar-bg:#fff;--surface:#fff;--surface-raised:#f8fafc;--surface-inner:#fff;--surface-hover:#f8fafc;--input-bg:#fff;--border:#dce3eb;--border-soft:#e8edf3;--border-strong:#cbd5e1;--text:#172033;--text-secondary:#64748b;--text-faint:#94a3b8;--gray-soft:#f1f5f9;--gray-border:#dbe3ec;--sidebar-border:#e2e8f0;--sidebar-link:#526174;--sidebar-hover:#eff6ff;--table-header:#f8fafc;--table-hover:#f7faff;--button:#2563eb;--button-hover:#1d4ed8;--secondary-button:#f8fafc;--secondary-button-hover:#eef2f7;--overlay:rgba(15,23,42,.4);color-scheme:light}*{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden}body,html{background:var(--page-bg)}body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:var(--text);transition:background .2s ease,color .2s ease}a{color:inherit;text-decoration:none;overflow-wrap:anywhere}a:hover{color:var(--blue)}.shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh}aside{padding:24px 16px;border-right:1px solid var(--sidebar-border);background:var(--sidebar-bg);transition:background .2s ease,border-color .2s ease}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px}.brand{margin:0;color:var(--text);font-size:20px;font-weight:800;letter-spacing:-.3px}.theme-toggle{flex:0 0 auto;width:38px;height:28px;min-height:0;padding:0;border:0;border-radius:999px;cursor:pointer}.theme-toggle,.theme-toggle:hover:not(:disabled){background:transparent;box-shadow:none}.theme-toggle:active:not(:disabled){transform:none}.theme-toggle-track{display:flex;align-items:center;justify-content:flex-start;width:38px;height:22px;padding:2px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-inner);transition:background .2s ease,border-color .2s ease}.theme-toggle-light{justify-content:flex-end}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--surface-raised);color:var(--text);font-size:11px;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.2)}.theme-toggle-placeholder{width:38px;height:22px}nav a{display:block;margin:4px 0;padding:10px 12px;border-radius:9px;color:var(--sidebar-link);white-space:nowrap;transition:background .15s ease,color .15s ease}nav a:hover{background:var(--sidebar-hover);color:var(--text)}.admin-shell nav .bulk-nav-link{margin:4px 0;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--sidebar-link);font-size:inherit}.admin-shell nav .bulk-nav-link:hover{background:var(--sidebar-hover);color:var(--text)}main{width:100%;max-width:1400px;min-width:0;padding:32px}.pageHeader,.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;min-width:0}.pageHeader>*,.top>*{min-width:0}h1,h2,h3{color:var(--text);overflow-wrap:anywhere}h1{letter-spacing:-.6px}.muted{color:var(--text-secondary);font-size:13px}.value{color:var(--text);font-size:25px;font-weight:750;overflow-wrap:anywhere}.cards{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));grid-gap:12px;gap:12px}.card,.panel{min-width:0;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 2px 7px rgba(0,0,0,.08);transition:background .15s ease,border-color .15s ease}.card{transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.card:hover{background:var(--surface-raised);border-color:var(--border-strong);box-shadow:0 6px 16px rgba(0,0,0,.1)}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:16px;gap:16px}hr{margin:22px 0;border:0;border-top:1px solid var(--border);opacity:1}.panel{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--surface-inner);color:var(--text)}td,th{padding:12px;border-bottom:1px solid var(--border-soft);text-align:left;font-size:14px}th{background:var(--table-header);color:var(--text-secondary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.025em}td{overflow-wrap:anywhere}tbody tr{transition:background .12s ease}tbody tr:hover{background:var(--table-hover)}main a{transition:color .15s ease}main a:hover{color:var(--blue-hover)}.badge{display:inline-block;padding:4px 8px;border:1px solid transparent;border-radius:999px;background:var(--gray-soft);color:var(--text-secondary);font-size:12px;font-weight:650;white-space:nowrap}.badge-active,.badge-blue,.badge-info,.badge-released,.badge-shipped{background:var(--blue-soft);border-color:var(--blue-border);color:var(--blue)}.badge-approved,.badge-completed,.badge-green,.badge-settled{background:var(--green-soft);border-color:var(--green-border);color:var(--green)}.badge-amber,.badge-pending,.badge-submitted{background:var(--amber-soft);border-color:var(--amber-border);color:var(--amber)}.badge-action,.badge-cancelled,.badge-incomplete,.badge-red,.badge-rejected{background:var(--red-soft);border-color:var(--red-border);color:var(--red)}.badge-gray,.badge-replaced{background:var(--gray-soft);border-color:var(--gray-border);color:var(--text-secondary)}.form{display:grid;grid-gap:12px;gap:12px;min-width:0}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:12px;gap:12px}label{color:var(--text);font-size:13px;font-weight:600}input,select,textarea{display:block;width:100%;max-width:100%;min-width:0;margin-top:6px;padding:11px;border:1px solid var(--border-strong);border-radius:8px;outline:none;background:var(--input-bg);color:var(--text);font:inherit;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 15%,transparent)}textarea{resize:vertical}button{max-width:100%;padding:11px 15px;border:0;border-radius:8px;background:var(--button);color:#fff;font-weight:650;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}button:hover:not(:disabled){background:var(--button-hover);box-shadow:0 4px 12px rgba(0,0,0,.15)}button:active:not(:disabled){transform:translateY(1px)}button.secondary{border:1px solid var(--border-strong);background:var(--secondary-button);color:var(--text)}button.secondary:hover:not(:disabled){background:var(--secondary-button-hover);color:var(--text)}button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--red);font-size:13px}.success{font-size:13px}.money-settled,.success{color:var(--green)}.money-due{color:var(--red)}.money-info{color:var(--blue)}.filter-bar{display:flex;flex-wrap:wrap;gap:7px}.filter-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 13px;border:1px solid var(--border);border-radius:999px;background:var(--surface-inner);color:var(--text-secondary);font-size:13px;font-weight:650;cursor:pointer}.filter-pill:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text)}.filter-pill.active{background:var(--blue-soft);border-color:var(--blue-border);color:var(--blue)}.clickable-card{cursor:pointer}.clickable-card:hover{background:var(--surface-raised);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.12)}.card-settled{border-color:var(--green-border);background:linear-gradient(135deg,var(--surface) 0,var(--green-soft) 100%)}.monthly-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.monthly-table{min-width:980px}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{width:min(760px,100%);max-height:85vh;overflow:auto;padding:22px;border:1px solid var(--border-strong);border-radius:16px;background:var(--surface);box-shadow:0 24px 60px rgba(0,0,0,.3)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.modal-header h2{margin:0}.batch-status-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.completed-section{border-color:var(--green-border);background:linear-gradient(135deg,var(--surface) 0,var(--green-soft) 100%)}.sidebar-top{display:block}.desktop-logout{margin-top:24px}.mobile-logout{display:none}.replacement-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(110px,1fr);grid-gap:10px;gap:10px;width:100%;min-width:0}.batch-mobile-list{display:none}.batch-desktop-table{width:100%;overflow-x:auto}@media (max-width:850px){.shell{display:block}aside{padding:14px;border-right:0;border-bottom:1px solid var(--sidebar-border)}.brand-row{margin-bottom:8px}.admin-shell nav,nav{display:flex;flex-wrap:nowrap;gap:4px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.admin-shell nav::-webkit-scrollbar,nav::-webkit-scrollbar{display:none}.admin-shell nav .bulk-nav-link,.admin-shell nav a,nav a{flex:0 0 auto;margin:0;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--sidebar-link);font-size:13px;white-space:nowrap}.admin-shell nav .bulk-nav-link:hover,.admin-shell nav a:hover,nav a:hover{background:var(--sidebar-hover);color:var(--text)}main{padding:18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.formGrid,.grid2,.row{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){aside{padding:12px}.brand{font-size:18px}.admin-shell nav .bulk-nav-link,.admin-shell nav a,nav a{padding:9px 10px;font-size:13px}main{padding:14px;overflow-x:hidden}.pageHeader,.top{align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:18px}.pageHeader h1,.top h1{margin-top:0;font-size:25px}.cards{grid-template-columns:minmax(0,1fr);gap:10px}.card,.panel{width:100%;max-width:100%;padding:14px}.value{font-size:22px}.formGrid,.grid2,.row{grid-template-columns:minmax(0,1fr);gap:10px}.panel{overflow-x:auto;-webkit-overflow-scrolling:touch}.panel table{min-width:560px}input,select,textarea{font-size:16px}button{min-height:42px}.agent-shell .sidebar{padding:12px 14px 0;border:0;border-bottom:1px solid var(--sidebar-border)}.agent-shell .sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.agent-shell .brand-row{margin:0}.agent-shell .brand{font-size:17px}.agent-shell .mobile-logout{display:block}.agent-shell .mobile-logout button{min-height:auto;padding:7px 10px;font-size:12px}.agent-shell .desktop-logout{display:none}.agent-shell nav{display:flex;width:100%;margin-top:10px;gap:4px;overflow-x:auto}.agent-shell nav a{flex:1 0 auto;margin:0;padding:10px 8px;text-align:center;font-size:13px}.agent-shell main{padding:14px}.replacement-fields{grid-template-columns:minmax(0,1fr)}.replacement-actions{width:100%}.replacement-actions button{flex:1 1 140px}.batch-desktop-table{display:none}.batch-mobile-list{display:grid;grid-gap:12px;gap:12px}.batch-mobile-card{display:block;width:100%;min-width:0;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.1)}.batch-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.batch-mobile-primary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:12px;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border-soft)}.batch-mobile-value{color:var(--text);font-size:20px;font-weight:750;overflow-wrap:anywhere}.batch-mobile-status{display:flex;flex-wrap:wrap;gap:6px 12px;padding:12px 0;color:var(--text-secondary);font-size:12px}.batch-mobile-info,.batch-mobile-warning{padding:10px 0;border-top:1px solid var(--border-soft);font-size:13px}.batch-mobile-money{display:grid;grid-gap:8px;gap:8px;padding-top:12px;border-top:1px solid var(--border-soft)}.batch-mobile-money>div{display:flex;justify-content:space-between;gap:12px}.batch-mobile-open{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-soft);color:var(--blue);font-size:13px;font-weight:700}.filter-bar{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-pill{flex:0 0 auto}.modal-backdrop{align-items:flex-end;padding:10px}.modal-card{width:100%;max-height:88vh;padding:16px;border-radius:16px}}@media (max-width:360px){main{padding:10px}.card,.panel{padding:12px;border-radius:10px}.pageHeader h1,.top h1{font-size:22px}}.order-lookup{position:relative;display:flex;align-items:center;width:100%;margin:0 0 18px}.order-lookup input{width:100%;height:36px;margin:0;padding:8px 36px 8px 11px;border:1px solid var(--border);border-radius:9px;background:var(--input-bg);color:var(--text);font-size:12px}.order-lookup input::placeholder{color:var(--text-faint)}.order-lookup input:focus{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 12%,transparent)}.order-lookup-button{position:absolute;right:4px;width:28px;height:28px;min-height:0;padding:0;border:0;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:18px;font-weight:400;box-shadow:none}.order-lookup-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text);box-shadow:none}.order-lookup-button:active:not(:disabled){transform:none}.order-lookup-modal{width:min(480px,100%)}.order-lookup-close{width:36px;height:36px;min-height:0;padding:0;font-size:21px;line-height:1}.order-lookup-details{display:grid;grid-gap:0;gap:0;border-top:1px solid var(--border-soft)}.order-lookup-details>div{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);grid-gap:16px;gap:16px;padding:13px 0;border-bottom:1px solid var(--border-soft)}.order-lookup-details strong{min-width:0;color:var(--text);text-align:right;overflow-wrap:anywhere}.order-lookup-empty{display:grid;grid-gap:6px;gap:6px;padding:18px 0}.order-lookup-footer{display:flex;justify-content:flex-end;padding-top:18px}.order-lookup-footer a{color:var(--blue);font-size:13px;font-weight:700}@media (max-width:850px){.admin-shell .order-lookup{max-width:260px;margin:8px 0 10px}}@media (max-width:520px){.admin-shell .order-lookup{max-width:100%}.order-lookup-details>div{grid-template-columns:minmax(85px,.7fr) minmax(0,1.3fr);gap:10px}}