*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#172b4d;background:#f5f7fc}a{color:#2669cb;text-decoration:none}a:hover{text-decoration:underline}h1,h2,p{margin-top:0}h1{font-size:26px;letter-spacing:-.7px;margin-bottom:4px}h2{font-size:17px;margin-bottom:0}.muted{color:#7b8ba5}.tiny{font-size:11px}.shell{display:flex;min-height:100vh}.sidebar{background:#0d2040;color:#c8d5e8;width:240px;flex:none;padding:26px 17px;display:flex;flex-direction:column}.logo{font-size:23px;font-weight:850;color:#fff;letter-spacing:-1px;margin-bottom:40px}.logo span{color:#47c9ac}.side-label{font-size:10px;font-weight:800;color:#6984a6;letter-spacing:2px;margin:0 12px 14px}.nav{padding:12px 13px;color:#b5c8e4;border-radius:9px;display:block;margin:2px 0;font-weight:600}.nav.active,.nav:hover{color:white;background:#23466d;text-decoration:none}.side-bottom{margin-top:auto;display:grid;gap:4px;padding:15px;border-top:1px solid #304362}.side-bottom small{color:#7e9bbf}.side-bottom strong{color:white}.logout{margin-top:9px;cursor:pointer;background:none;border:0;color:#92b6e2;padding:0;text-align:left}.main{flex:1;min-width:0}.topbar{height:70px;background:white;border-bottom:1px solid #e7edf5;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.content{max-width:1400px;margin:auto;padding:30px 34px}.heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px}.heading p{margin:0}.btn{display:inline-block;border:1px solid #dae3ee;background:#fff;border-radius:9px;color:#294365;font-weight:700;padding:10px 17px;cursor:pointer;font-size:13px}.btn:hover{background:#f3f7fc;text-decoration:none}.btn.primary{color:#fff;border-color:#1264bd;background:#1264bd}.btn.primary:hover{background:#0d4d98}.btn:disabled{opacity:.5;cursor:not-allowed}.wide{width:100%;margin-top:10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.metric,.panel{background:white;border:1px solid #e4ebf5;box-shadow:0 4px 15px #182c4910;border-radius:15px}.metric{padding:23px}.metric span{color:#7689a2;display:block}.metric strong{display:block;font-size:25px;letter-spacing:-.5px;margin:9px 0}.metric small{color:#90a0b3}.panel{padding:22px;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{color:#8494aa;font-size:11px;text-transform:uppercase;letter-spacing:.7px;background:#f8faff}th,td{padding:13px 12px;border-bottom:1px solid #edf1f6;vertical-align:middle}td{font-size:13px}tbody tr:hover{background:#fbfdff}.pill{background:#dcf7ed;color:#077c53;padding:5px 10px;border-radius:20px;font-weight:700}.pill.warn{background:#fff0da;color:#b96a08}.paginate{margin-top:17px}.paginate nav{display:flex;gap:10px;justify-content:center}.paginate svg{width:14px}input,select,textarea{display:block;width:100%;margin-top:6px;background:#fff;border:1px solid #d9e2ee;border-radius:8px;padding:11px 12px;color:#172b4d;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid #9bc5f5;border-color:#2563eb}label{font-weight:700;font-size:12px;color:#4e627d;display:block;margin-top:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:10px;margin-bottom:22px}.form-panel{max-width:900px}.two-columns{display:grid;grid-template-columns:1fr 1.5fr;gap:22px}.searchbar{display:flex;gap:9px;margin-bottom:16px}.searchbar input{margin:0}.stack{max-width:500px}.alert{padding:12px 16px;border-radius:9px;margin-bottom:19px}.alert.success{color:#0b6b45;background:#e8f8ee}.alert.danger{color:#8c2424;background:#ffebeb}.alert ul{margin-bottom:0}.footer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.pos-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr);gap:20px;align-items:start}.big-search{font-size:16px;margin:0 0 20px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-card{cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:7px;padding:15px;min-height:160px;border:1px solid #e3e9f3;background:#fcfdff;border-radius:12px}.product-card:hover{border-color:#2676ce;background:#f3f9ff}.product-card strong{font-size:13px}.product-card small{color:#8190a3;font-size:11px}.product-card b{color:#0b72ba;margin-top:auto}.product-icon{font-size:25px;color:#00a889}.cart-panel{position:sticky;top:15px}.cart-lines{max-height:350px;overflow:auto}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0f5}.cart-line small{display:block;color:#8a9ab1}.cart-line .qty{display:flex;align-items:center;gap:8px}.cart-line .qty button{border:1px solid #d3ddea;background:white;border-radius:5px;width:25px;height:25px;cursor:pointer}.cart-totals{padding:20px 0;margin-top:20px;border-top:1px solid #e8edf4}.cart-totals>div{display:flex;justify-content:space-between;margin:7px 0}.cart-totals .grand{font-size:20px;font-weight:800;border-top:1px solid #e8edf4;padding-top:16px;margin-top:16px}.invoice,.receipt{max-width:850px;margin:auto}.totals{max-width:350px;margin:25px 0 0 auto}.totals p{display:flex;justify-content:space-between;gap:15px}.totals h2{border-top:2px solid #233c59;padding-top:10px}.receipt{max-width:650px}.receipt-header{text-align:center;margin-bottom:28px}.receipt-header .logo{color:#17385a;margin:0}.receipt-header h2{margin-top:10px}.receipt-header p{margin:0;color:#7b8ba5}.receipt-footer{text-align:center;margin-top:30px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0%,#1e5790,#0a1c37 75%);padding:20px}.login-card{background:white;width:420px;padding:38px;border-radius:20px;box-shadow:0 20px 50px #06192d66}.login-card .logo{color:#0d2d54;margin:0 0 25px}.login-card h1{margin-bottom:6px}.login-card form{margin-top:20px}.login-card .tiny{margin-top:23px}@media(max-width:1050px){.sidebar{width:200px}.metrics{grid-template-columns:repeat(2,1fr)}.pos-layout{grid-template-columns:1fr}.cart-panel{position:static}}@media(max-width:690px){.shell{display:block}.sidebar{width:100%;padding:12px;display:block}.sidebar .logo{display:block;margin-bottom:10px}.nav{display:inline-block;padding:7px;font-size:12px}.side-label,.side-bottom{display:none}.topbar{height:55px;padding:0 16px}.content{padding:18px 13px}.heading{align-items:flex-start}.heading h1{font-size:21px}.metrics{gap:9px}.metric{padding:12px}.metric strong{font-size:19px}.panel{padding:13px}.form-grid,.two-columns{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-line{grid-template-columns:minmax(0,1fr) auto}.cart-line strong{grid-column:2}}@media print{body{background:white}.sidebar,.topbar,.print-hide,.heading,.btn{display:none!important}.main,.content{padding:0!important;margin:0!important}.panel{border:0;box-shadow:none;padding:0}.receipt{max-width:none}.shell{display:block}td,th{padding:7px 4px}}

/* v3 premium design additions */
:root{color-scheme:light}.sidebar{background:linear-gradient(178deg,#0c1d3c 0%,#102e56 100%)}.logo span{color:#55dfb8}.topbar{box-shadow:0 3px 18px #243f6b08}.metric{transition:transform .2s,box-shadow .2s;background:linear-gradient(145deg,#fff,#fdfefe)}.metric:hover{transform:translateY(-2px);box-shadow:0 9px 25px #152f5415}.metric strong{color:#0a2b56}.quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px}.quick-links a{background:linear-gradient(135deg,#fff,#f2f8ff);border:1px solid #dce8f5;display:flex;flex-direction:column;gap:7px;border-radius:14px;padding:17px;font-weight:800;color:#17375f;box-shadow:0 3px 15px #172d4c08}.quick-links a small{font-weight:500;color:#8193aa}.quick-links a:hover{text-decoration:none;border-color:#66a6ed}.report-filter{display:flex;align-items:end;gap:15px;flex-wrap:wrap}.report-filter label{min-width:190px}.report-filter button{margin-bottom:1px}.metric-mini{padding:12px 17px;border-radius:12px;background:#e8f4ff;color:#13558c}.inline-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inline-form input{max-width:180px}.inline-form select{max-width:130px}.inline-form input,.inline-form select{margin-top:0}@media(max-width:900px){.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.quick-links{gap:8px}.quick-links a{padding:11px;font-size:12px}.heading{flex-wrap:wrap}.topbar .muted{font-size:11px}}

/* v4 polish */
.sidebar{box-shadow:4px 0 20px #081d3915}.nav{transition:background .15s,color .15s}.btn:focus-visible,.nav:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #51b8ff;outline-offset:2px}.heading h1{font-size:28px}.panel-head{gap:12px;flex-wrap:wrap}.cart-panel{box-shadow:0 15px 40px #183c631a}.product-card{transition:transform .16s,box-shadow .16s}.product-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #153c6116} @media(max-width:690px){.heading h1{font-size:22px}.cart-totals .grand{font-size:18px}}