:root{color:#162033;background:#f0f3fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.auth-page{background:radial-gradient(circle at 0 0,#00b3a629,#0000 40%),#f0f3fa;place-items:center;min-height:100vh;padding:24px;display:grid}.app-shell{max-width:1440px;margin:0 auto;padding:24px}.card{background:#fff;border:1px solid #dae3ed;border-radius:24px;padding:24px;box-shadow:0 20px 50px #15274614}.auth-card{gap:16px;width:min(460px,100%);display:grid}.eyebrow{color:#00502c;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}h1,h2{margin:0 0 8px}.muted{color:#667085;margin:0}.error{color:#b42318;background:#fff1f0;border-radius:12px;padding:10px 12px}.success{color:#067647;background:#ecfdf3;border-radius:12px;padding:10px 12px}.empty{color:#667085;text-align:center;padding:24px}label{color:#344054;gap:8px;font-weight:700;display:grid}input{background:#fbfdff;border:1px solid #cfd8e3;border-radius:14px;width:100%;padding:12px 14px}input:focus{border-color:#00b3a6;outline:3px solid #00b3a62e}.primary,.secondary,.ghost,.tabbar button,.branch-list button,.mini-primary,.icon-text-button{border:0;border-radius:14px;padding:12px 16px;font-weight:800}.primary{color:#fff;background:#00502c}.secondary{color:#00502c;background:#e6f4f2}.ghost{color:#344054;background:#f2f4f7;align-items:center;gap:8px;display:inline-flex}.mini-primary{color:#fff;background:#00502c;padding:8px 12px}button:disabled{opacity:.45;cursor:not-allowed}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.branch-code{color:#00502c;background:#e6f4f2;border-radius:999px;margin-left:6px;padding:2px 8px;font-weight:800;display:inline-block}.tabbar{gap:12px;margin-bottom:20px;display:flex}.tabbar button{color:#344054;background:#fff;border:1px solid #dae3ed;align-items:center;gap:8px;display:inline-flex}.tabbar button.active{color:#fff;background:#00502c}.tabbar button.secondary-tab{color:#475467;background:#f8fafc;margin-left:auto}.tabbar button.secondary-tab.active{color:#00502c;background:#e6f4f2;border-color:#00b3a6}.branch-list{gap:10px;display:grid}.branch-list button{color:#162033;text-align:left;background:#f8fafc;border:1px solid #e4e7ec}.transaction-layout{grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);align-items:start;gap:20px;display:grid}.section-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.pill{color:#344054;background:#f2f4f7;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:6px 12px;font-weight:800;display:inline-flex}.primary-pill{color:#00502c;background:#e6f4f2}.search-row{grid-template-columns:1fr auto auto;gap:10px;margin:16px 0;display:grid}.search-input{background:#fbfdff;border:1px solid #cfd8e3;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 10px;display:grid}.search-input input{background:0 0;border:0;padding-left:4px}.search-input input:focus{outline:0}.scan-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.icon-button,.danger-icon{background:0 0;border:0;border-radius:12px;place-items:center;padding:8px;display:inline-grid}.icon-button{color:#667085}.danger-icon{color:#b42318;background:#fff1f0}.scanner-panel{background:#f4fbfa;border:1px solid #00b3a6;border-radius:18px;gap:12px;margin-bottom:16px;padding:12px;display:grid}.scanner-panel video{object-fit:cover;background:#162033;border-radius:14px;width:100%;max-height:320px}.desktop-products{border:1px solid #e4e7ec;border-radius:18px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e4e7ec;padding:14px 16px}th{color:#475467;background:#f8fafc;font-size:.86rem}tr:last-child td{border-bottom:0}.mobile-products{overscroll-behavior:contain;gap:10px;max-height:430px;padding-right:4px;display:none;overflow-y:auto}.mobile-product-card{text-align:left;background:#fff;border:1px solid #e4e7ec;border-radius:16px;justify-content:space-between;gap:14px;width:100%;padding:14px;display:flex}.mobile-product-card span{gap:4px;display:grid}.mobile-product-card small,.cart-row span{color:#667085;font-size:.9rem}.skeleton-line{background:linear-gradient(90deg,#edf1f7,#dfe7f1,#edf1f7);border-radius:12px;height:20px;animation:1.2s ease-in-out infinite pulse}.skeleton-line.tall{height:76px;margin-bottom:10px}@keyframes pulse{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.cart-card{align-content:start;gap:16px;display:grid;position:sticky;top:18px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.full-span{grid-column:1/-1}.empty-cart{background:#f8fafc;border:1px dashed #cfd8e3;border-radius:16px;padding:16px}.cart-row{background:#fff;border:1px solid #e4e7ec;border-radius:18px;grid-template-columns:minmax(0,1fr) 94px 118px auto;align-items:end;gap:12px;padding:14px;display:grid}.cart-main{gap:4px;display:grid}.line-total{font-weight:800;color:#00502c!important}.cart-row label{font-size:.82rem}.cart-row input{border-radius:12px;padding:10px}.summary-box{background:#f8fafc;border:1px solid #e4e7ec;border-radius:18px;gap:10px;padding:16px;display:grid}.summary-box div{justify-content:space-between;align-items:center;gap:12px;display:flex}.summary-box .net{color:#162033;border-top:1px solid #dae3ed;padding-top:10px;font-size:1.24rem}.confirm-button{min-height:52px;font-size:1.05rem}.report-page{gap:20px;display:grid}.report-card{gap:16px;display:grid}.report-tabs{background:#f2f4f7;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px;display:grid}.report-tabs button{color:#475467;background:0 0;border:0;border-radius:12px;padding:10px 12px;font-weight:800}.report-tabs button.active{color:#fff;background:#00502c}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric-card{background:#f8fbfa;border:1px solid #dce7e5;border-radius:18px;gap:8px;padding:16px;display:grid}.metric-card span{color:#667085;font-weight:700}.metric-card strong{color:#00502c;font-size:1.35rem}.report-table{border:1px solid #e4e7ec;border-radius:18px;overflow-x:auto}.report-table table{min-width:520px}.report-pagination{color:#667085;justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}.report-pagination div{align-items:center;gap:10px;display:inline-flex}.report-pagination strong{color:#344054;text-align:center;min-width:64px}.icon-text-button{color:#00502c;background:#e6f4f2;border:1px solid #c9e7e2;justify-content:center;align-items:center;gap:6px;padding:9px 12px;display:inline-flex}@media (width<=1100px){.transaction-layout{grid-template-columns:1fr}.cart-card{position:static}}@media (width<=760px){.app-shell{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.tabbar{grid-template-columns:1fr 1fr;display:grid}.tabbar button.secondary-tab{grid-column:1/-1;justify-content:center;margin-left:0}.desktop-products{display:none}.mobile-products{display:grid}.search-row{grid-template-columns:1fr 1fr}.search-input{grid-column:1/-1}.form-grid,.metric-grid,.report-tabs{grid-template-columns:1fr}.report-pagination{flex-direction:column;align-items:stretch}.report-pagination div{justify-content:space-between}.cart-row{grid-template-columns:1fr 1fr auto}.cart-main{grid-column:1/-1}}