:root{font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:#eaffed;background:#08120f;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{transition:background .15s ease}a{color:inherit}.skip{position:absolute;top:-80px;left:14px;z-index:100;background:#ceff9e;color:#142018;padding:8px}.skip:focus{top:5px}.loading{padding:60px}.shell{min-height:100dvh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:20px;background:#0e2019;padding:28px 18px;border-right:1px solid #2a4837}.logo{font-size:27px;font-weight:900;text-decoration:none;letter-spacing:-1px}.logo span{color:#c4ff82}.tag{font-size:11px;letter-spacing:.16em;color:#aaccb3}.tenant{padding:14px;border-radius:14px;background:#18372a;overflow-wrap:anywhere}.tenant strong,.tenant small{display:block}.tenant small{color:#c0d5c6}.nav{display:grid;gap:5px}.nav a{padding:11px 14px;text-decoration:none;border-radius:10px;color:#b7d0be}.nav a:hover,.nav a.active{background:#2c5239;color:#fff}.sidebar footer{margin-top:auto}.sidebar footer small{display:block;color:#acc4b5}.content-shell{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 30px;border-bottom:1px solid #244333}.mobile-nav{display:none}.main{max-width:1400px;padding:28px 30px 130px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.15em;color:#c6ff92;font-weight:750}h1{font-size:clamp(27px,4vw,40px);letter-spacing:-.04em;line-height:1.1;margin:8px 0 12px}h2{font-size:20px;margin:0 0 14px}p{margin:8px 0}small,.muted{color:#afc8b6}.btn{border:1px solid #5a7866;background:#213c2c;color:#e9ffec;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;text-decoration:none;cursor:pointer;min-height:42px;white-space:nowrap}.btn:hover{background:#345b40}.btn.primary{background:#c8ff87;border-color:#c8ff87;color:#152718;font-weight:800}.btn:disabled{opacity:.5;cursor:wait}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:20px 0}.card,.panel{border:1px solid #2a4736;background:#11251b;border-radius:18px;padding:20px}.card strong{font-size:26px;display:block;color:#d0ff9b;line-height:1.2}.card span{color:#c1d5c7;font-size:13px}.panel{margin:18px 0}.panel h2{color:#ecffeb}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:570px}th,td{padding:13px;text-align:left;border-bottom:1px solid #2a4535;vertical-align:middle}th{font-size:12px;color:#b5caba;font-weight:700}td{font-size:13px}.empty{color:#aac4b4;padding:18px}.price{font-variant-numeric:tabular-nums}label{display:grid;gap:6px;font-size:13px;color:#daeedc}input,select{background:#173125;border:1px solid #526c59;border-radius:10px;padding:12px;color:#fff;width:100%;min-width:0;font-size:16px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #b6dcff;outline-offset:2px}.form{display:grid;gap:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.full{grid-column:1/-1}.auth{display:grid;place-items:center;min-height:100dvh;padding:20px}.auth-box{width:min(440px,100%);padding:32px;border-radius:20px;background:#14291d;border:1px solid #41614a}.auth-box h1{font-size:34px}.auth-box .logo{display:inline-block;margin-bottom:24px}.error{color:#ffa9a9}.notice{padding:15px 18px;background:#234334;border:1px solid #41634a;border-radius:12px;margin:16px 0;overflow-wrap:anywhere}.notice.warn{border-color:#987645;background:#45351f}.stock-low{color:#ffcc81;font-weight:700}.pill{border:1px solid #4c684f;border-radius:999px;padding:4px 9px;font-size:11px;white-space:nowrap}.pill.off{color:#aaa}.actions{display:flex;gap:8px;flex-wrap:wrap}dialog{width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 30px);overflow:auto;padding:25px;background:#13271c;color:#edffef;border:1px solid #587a5c;border-radius:18px}dialog::backdrop{background:#000b}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.modal-head h2{margin:0}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;align-items:end;gap:9px;margin:8px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sale-summary{font-weight:750;color:#c8ff87}.login-footer{margin-top:18px;font-size:12px;color:#acc8b8}.code{overflow-wrap:anywhere;background:#234432;padding:12px;border-radius:8px}.topbar a{color:#c8ff87}@media(max-width:800px){.shell{display:block}.sidebar{padding:14px;gap:10px}.sidebar .nav,.sidebar footer{display:none}.sidebar .tenant{padding:9px 12px}.topbar{padding:12px 15px}.mobile-nav{display:block;width:min(260px,60%);font-size:14px;padding:8px}.main{padding:20px 13px 100px}.card,.panel{padding:16px}.heading{gap:8px}dialog{padding:16px}.form-grid{grid-template-columns:1fr}.cart-line{grid-template-columns:1fr 85px auto}.btn{white-space:normal}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:350px){.cards{grid-template-columns:1fr}.cart-line{grid-template-columns:1fr}.cart-line .btn{justify-self:start}}
/* Purchase and return line forms stay legible on narrow phones. */
.purchase-line{display:grid;grid-template-columns:minmax(0,1fr) 94px 120px auto;gap:9px;align-items:end;padding:10px 0;border-bottom:1px solid #476250}
.return-line{border:1px solid #41634a;border-radius:10px;padding:12px;margin:10px 0;display:grid;gap:10px}
.return-line label:has(input[type=checkbox]){display:flex;flex-direction:row;align-items:center;gap:9px}
.return-line input[type=checkbox]{width:18px;height:18px;flex:none}
@media(max-width:700px){.purchase-line{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-line label:first-child{grid-column:1/-1}.purchase-line .btn{justify-self:start}}
@media(max-width:370px){.purchase-line{grid-template-columns:1fr}.purchase-line label:first-child{grid-column:auto}}
