*{box-sizing:border-box} :root{color-scheme:dark;font-family:Arial,sans-serif;background:#061420;color:#f2f6ff;--panel:#0c2235;--edge:#26485e;--muted:#99bace;--blue:#0565d7;--green:#00a346;--red:#cb0833;--gold:#b98007;--purple:#6821be;--slate:#263548} body{margin:0} button,input,select{font:inherit}button{border:1px solid #ffffff0d;color:#fff;font-weight:600;border-radius:9px;cursor:pointer;padding:12px;min-height:42px;transition:filter .1s}button:hover{filter:brightness(1.16);border-color:#b6daee}button:active{filter:brightness(.85)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #68d9ff;outline-offset:2px}input,select{min-width:0;width:100%;padding:12px;border:1px solid var(--edge);border-bottom:2px solid #50bce8;border-radius:4px;background:#071826;color:inherit}input::placeholder{color:var(--muted)}input:focus{outline:none;border-color:#70d9ff}.green{background:var(--green)}.blue{background:var(--blue)}.red{background:var(--red)}.gold{background:var(--gold)}.purple{background:var(--purple)}.slate{background:var(--slate)}.panel{background:linear-gradient(#0b2236,#071824);border:1px solid var(--edge);border-radius:14px}small,.quiet{color:var(--muted)}[hidden]{display:none!important}.login-screen{height:100dvh;min-height:680px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8vw;padding:40px 10vw 65px;background:radial-gradient(ellipse at 65% 20%,#12354e,transparent 65%),#061420}.login-brand{text-align:center;display:flex;align-items:center;flex-direction:column;gap:24px;height:90%;justify-content:center}.training-pill{color:#66e2b5;border:1px solid #217c65;background:#0d302d;border-radius:24px;font-size:12px;letter-spacing:2px;padding:11px 18px}.login-brand #date{color:var(--muted)}.login-logo{width:min(390px,95%);height:220px;object-fit:contain}.login-brand p{font-size:24px;margin:0}.practice-note{margin-top:45px;font-size:22px;line-height:1.7}.practice-note small{font-size:14px}.login-card{padding:26px;max-width:470px;width:100%;justify-self:center}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted)}h1{font-size:32px;margin:12px 0}p{line-height:1.5}.login-card p{color:var(--muted)}#login-key{height:65px;text-align:center;font-size:26px}.login-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.login-pad button{height:65px;font-size:25px}.login-pad button:nth-last-child(3),.login-pad button:last-child{font-size:15px}.large{width:100%;height:55px;font-size:20px}.login-footer{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}#pos{height:100dvh;min-height:640px;display:grid;grid-template-rows:90px minmax(0,1fr) 54px;gap:10px;padding:10px}.topbar{display:flex;align-items:center;padding:10px 14px;gap:25px}.station-info{display:flex;justify-content:space-around;gap:25px;flex:1}.station-info div{display:grid;gap:9px}.station-info small{color:#66c9e4;font-size:12px}.station-info strong{font-size:20px}.station-info div:first-child strong{color:#4ce2a0;font-size:18px}.topbar nav{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:53%;height:100%}.topbar button{font-size:12px}.workspace{min-height:0;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1.08fr);gap:10px}.rail{display:flex;flex-direction:column;gap:7px;min-height:0}.rail>button{flex:1;padding:5px;font-size:12px;min-height:35px}.device-note{padding:9px 5px;display:flex;flex-direction:column;gap:6px;font-size:9px}.device-note b{color:#64e4a6}.device-note span{color:var(--muted)}.device-note strong{font-weight:normal;color:#a9d0dc}.sale-pane{display:grid;grid-template-rows:minmax(0,1fr) 147px;gap:10px;min-height:0}.cart{display:flex;flex-direction:column;min-height:0;overflow:hidden}.cart-head,.cart-row{display:grid;grid-template-columns:30px minmax(90px,2.2fr) minmax(54px,1fr) .6fr .7fr .8fr;align-items:center;gap:8px;padding:13px 10px}.cart-head{background:#173c59;font-size:11px;font-weight:bold;min-height:49px}.cart-head span:nth-child(n+4),.cart-row span:nth-child(n+4){text-align:right}.cart-row{width:100%;background:transparent;font-size:13px;border:0;border-radius:0;text-align:left;font-weight:normal;border-bottom:1px solid #1c374b;min-height:45px}.cart-row.selected{background:#174e75}.cart-row span{overflow-wrap:anywhere}.cart-row .row-upc{color:var(--muted);font-size:11px}#cart-scroll{overflow:auto;min-height:0;flex:1;padding-bottom:18px;scrollbar-color:#355b72 transparent}#empty-cart{height:100%;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;text-align:center;color:var(--muted)}#empty-cart img{width:230px;max-width:70%;margin-bottom:5px}#empty-cart p{margin-bottom:5px}.totals{padding:12px}.total-details{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;font-size:15px}.total-details span{display:flex;justify-content:space-between}.total-details b{font-weight:normal}.balance{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding:10px 2px;border-top:1px solid var(--edge);font-size:31px}.right-pane{display:grid;grid-template-rows:minmax(0,1fr) 285px;gap:10px;min-height:0}.catalog{display:grid;grid-template-rows:42px minmax(0,1fr) 30px;gap:8px;padding:8px;min-height:0}.catalog-toolbar{display:flex;gap:8px;min-width:0}.catalog-toolbar button{white-space:nowrap;font-size:11px;padding:8px}.catalog-toolbar input{font-size:14px;padding:8px}.catalog-toolbar #home-categories{display:none}.catalog.products #home-categories{display:block}.catalog.products #view-products{display:none}#catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px;min-height:0;touch-action:pan-y}#catalog-grid button{padding:7px;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:0;overflow:hidden}#catalog-grid .category{font-size:12px;text-transform:uppercase;letter-spacing:.2px}#catalog-grid .product{background:#102c42;border:1px solid #335069}#catalog-grid .product small{color:#7ee2a9;font-size:12px}#catalog-grid .product .product-code{font-size:9px;color:#8bacbf}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px}.pagination>button{min-height:26px;padding:4px 14px;font-size:12px}#page-dots{display:flex;align-items:center;justify-content:center;gap:4px;max-width:80%;overflow:auto}#page-dots button{min-height:25px;padding:4px;background:transparent;border:0;width:23px;flex-shrink:0}#page-dots button:after{content:'';display:block;background:#466174;width:7px;height:7px;border-radius:50%;margin:auto}#page-dots button.active:after{background:#5fdbff;box-shadow:0 0 0 3px #224b60}.entry-payments{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px;min-height:0}.keypad{display:grid;grid-template-rows:48px minmax(0,1fr);gap:8px}.code-row{display:grid;grid-template-columns:.65fr 1.8fr;gap:8px}.code-row input{font-size:11px;text-align:right;padding:8px}.sale-pad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:8px}.sale-pad button{font-size:23px;min-height:0;padding:8px}.sale-pad button:last-child{font-size:16px}.payment-area{display:grid;grid-template-rows:56px minmax(0,1fr) 20px;gap:8px}#cash-suggestions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}#cash-suggestions button{padding:5px;font-size:17px}.payment-buttons{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.3fr 1fr 1fr;gap:8px}.payment-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:14px;padding:7px;min-height:0}.payment-symbol{font-size:21px}.practice-caption{text-align:center;font-size:9px;color:var(--muted);align-self:center;letter-spacing:.5px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 18px;font-size:11px}.footer>strong{color:#02df83;font-size:16px}.footer #status{color:var(--muted);text-align:center;flex:1}.footer>span:last-child{color:#76c5df}dialog{color:#f2f6ff;background:#0d2539;border:1px solid #60bddf;border-radius:18px;padding:24px;width:min(560px,94vw);max-height:88dvh;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#0009}dialog .modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}h2{font-size:25px;margin:0}#close-modal{font-size:25px;min-height:40px;padding:2px 12px}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions button{flex:1}.form-grid{display:grid;gap:14px}.form-grid label{display:grid;gap:7px;font-size:14px;color:#b5cedc}.form-grid input,.form-grid select{font-size:17px}.form-grid label.inline{display:flex;align-items:center}.form-grid input[type=checkbox]{width:auto}.modal-note{color:var(--muted);font-size:14px}.modal-number{font-size:30px;text-align:center;height:65px}.quantity-stepper{display:grid;grid-template-columns:1fr 2fr 1fr;gap:10px;margin-bottom:12px}.quantity-stepper button{font-size:26px}.dialog-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dialog-pad button{font-size:22px;min-height:48px}.receipt{background:#f7f8fa;color:#132335;padding:20px;border-radius:8px;font-family:monospace;font-size:13px}.receipt h3{text-align:center;margin:0}.receipt .stamp{text-align:center;color:#4b6171;font-weight:bold}.receipt-row{display:flex;justify-content:space-between;gap:15px;margin:8px 0}.receipt hr{border:0;border-top:1px dashed #a5b1ba}.choice-list{display:grid;gap:9px}.choice-list button{text-align:left}.error{color:#ff9daa}.product-list{max-height:240px;overflow:auto;margin:15px 0;font-size:13px}.product-list>div{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--edge)}body.contrast{--panel:#000;--edge:#fff;--muted:#ddd;--blue:#000;--green:#000;--red:#000;--gold:#000;--purple:#000;--slate:#000;background:#000}body.contrast .panel,body.contrast .login-screen,body.contrast .cart-head,body.contrast #catalog-grid .product,body.contrast dialog,body.contrast input,body.contrast .cart-row.selected{background:#000;color:#fff}body.contrast button{border-color:#aaa}body.contrast .cart-row.selected{outline:1px solid white;outline-offset:-1px}body.contrast .payment-symbol{display:none}body.contrast .login-card,body.contrast .balance{border-color:white}
@media(min-height:900px) and (min-width:1100px){#pos{grid-template-rows:105px minmax(0,1fr) 65px}.right-pane{grid-template-rows:minmax(0,1fr) 370px}.sale-pane{grid-template-rows:minmax(0,1fr) 190px}.total-details{font-size:19px;gap:14px 25px}.balance{font-size:43px;padding-top:17px}.cart-row{min-height:54px;font-size:15px}#catalog-grid button{font-size:16px}#catalog-grid .category{font-size:16px}.payment-buttons button{font-size:18px}.station-info strong{font-size:25px}.topbar button{font-size:14px}}
@media(max-width:1000px){.station-info{gap:10px}.station-info strong{font-size:15px}.station-info div:first-child{display:none}.topbar{gap:12px}.topbar nav{width:67%}.workspace{grid-template-columns:60px minmax(0,1fr) minmax(0,1.05fr);gap:7px}.cart-head,.cart-row{grid-template-columns:23px minmax(65px,1fr) .45fr .6fr .7fr;gap:5px;padding:10px 6px}.cart-head>span:nth-child(3),.cart-row>span:nth-child(3){display:none}.cart-head{font-size:10px}.cart-row{font-size:12px}.right-pane{grid-template-rows:minmax(0,1fr) 270px}.entry-payments{gap:7px;grid-template-columns:1fr 1.2fr}.payment-buttons button{font-size:12px}#cash-suggestions{gap:3px}#cash-suggestions button{font-size:12px;padding:3px}.catalog-toolbar button{font-size:10px}.footer>span:last-child{display:none}.footer>strong{font-size:12px}.total-details{font-size:13px}.balance{font-size:26px}#catalog-grid{gap:5px}.login-screen{padding:35px 5vw 65px;gap:5vw}}
@media(max-width:700px){#pos{height:auto;min-height:100dvh;grid-template-rows:auto auto auto}.topbar{flex-direction:column;gap:15px}.station-info{width:100%}.topbar nav{width:100%;height:50px}.topbar button{font-size:10px;padding:5px}.workspace{grid-template-columns:50px minmax(0,1fr)}.sale-pane{height:380px}.right-pane{grid-column:1 / -1;height:620px;grid-template-rows:320px 290px}.rail .device-note{display:none}.footer{min-height:55px;padding:8px}.login-screen{height:auto;min-height:100dvh;grid-template-columns:1fr;padding:25px 20px 70px;gap:25px}.login-brand{gap:12px}.login-logo{height:100px;width:210px}.login-brand p,.practice-note,#date{display:none}.login-card{max-width:450px}.login-footer{position:static;grid-column:1;gap:15px}.cart-head>span:nth-child(3),.cart-row>span:nth-child(3){display:none}}
