*{box-sizing:border-box}body{margin:0;background:#f6f7fb;color:#172037;font:13px Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}aside{position:fixed;width:240px;inset:0 auto 0 0;background:#111a32;color:#9da9c2;display:flex;flex-direction:column;z-index:5}.brand{padding:22px 18px;display:flex;gap:12px;border-bottom:1px solid #27314b}.brand i{background:#5b6eea;color:#fff;border-radius:10px;width:40px;height:40px;display:grid;place-items:center;font-style:normal;font-weight:800}.brand b,.user b{color:#fff;display:flex;flex-direction:column}.brand small,.user small{color:#8190aa;font-size:10px;font-weight:400}nav{padding:14px 10px;flex:1;overflow:auto}nav a{display:flex;align-items:center;gap:11px;color:#9da9c2;text-decoration:none;padding:10px 12px;border-radius:8px}.nav-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}nav a.on,nav a:hover{background:#28385d;color:#fff}.user{padding:16px;display:flex;justify-content:space-between;border-top:1px solid #27314b}.user a{color:#9da9c2;font-size:10px}main{margin-left:240px;padding:0 26px 30px}header{height:86px;display:flex;align-items:center;gap:12px}header h1{margin:0;font-size:23px}header small{color:#8e96a7}header>button{display:none}.primary,.total>button{margin-left:auto;background:#5265e7;color:#fff;border:0;border-radius:9px;padding:11px 17px;text-decoration:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats article,.panel,.cart{background:#fff;border:1px solid #e6e9f0;border-radius:13px;padding:17px}.stats article{display:grid;grid-template-columns:48px 1fr}.stats i{grid-row:1/4;background:#e9edff;color:#5367e8;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:20px}.stats small{color:#858ea1}.stats b{font-size:20px}.stats em{font-style:normal;color:#40a272;font-size:10px}.panel{margin-top:16px;overflow:auto}.panel h3{margin-top:0}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:11px 7px;border-top:1px solid #edf0f4;font-size:11px}th{color:#8e96a8;text-transform:uppercase}.toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.toolbar .primary{margin:0}.pos{display:grid;grid-template-columns:1fr 400px;gap:18px}.search{height:48px;width:100%;background:#fff;border:1px solid #e0e4ec;border-radius:11px;padding:0 14px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:13px}.products>button{background:#fff;border:1px solid #e2e6ee;border-radius:11px;text-align:left;padding:9px;display:flex;flex-direction:column}.products>button>span{height:95px;background:#f0f2f6;border-radius:8px;display:grid;place-items:center;font-size:42px;color:#727d92;position:relative}.products em{position:absolute;right:6px;top:6px;background:#fff;border-radius:10px;padding:3px 5px;font-size:9px}.products b{margin-top:7px}.products small{color:#9299aa}.products strong{color:#5266e7}.cart{min-height:590px;display:flex;flex-direction:column}.cart h3{margin:0}.cart>select{margin:16px 0;padding:9px;border:1px solid #e1e5ed;border-radius:8px}.cart>#cart{flex:1}.cart #cart article{display:grid;grid-template-columns:1fr auto;gap:7px;border-bottom:1px solid #edf0f4;padding:11px 0}.cart article span{display:flex;flex-direction:column}.cart article i{font-style:normal}.cart article i button{border:1px solid #e1e5ed;background:#fff;border-radius:5px}.cart article>b{text-align:right}.total{border-top:1px solid #e4e8ef}.total p,.total h2,.total label{display:flex;justify-content:space-between}.total label{margin:10px 0}.total label input{width:90px}.total select{width:100%;padding:8px}.total>button{width:100%;margin:0}.filters{display:flex;gap:8px}.filters input,.filters button{padding:9px;border:1px solid #dfe3eb;border-radius:8px}.filters .primary{margin:0}dialog{border:0;border-radius:14px;box-shadow:0 20px 70px #0003;width:min(500px,92vw)}dialog::backdrop{background:#121a2f99}dialog form{display:grid;gap:10px}dialog label{display:flex;flex-direction:column;color:#657087;gap:4px}dialog input{padding:9px;border:1px solid #dfe3eb;border-radius:7px}dialog footer{display:flex;justify-content:flex-end;gap:8px}dialog footer .primary{margin:0}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#111a32,#344899)}.login form{width:min(400px,90vw);background:#fff;padding:35px;border-radius:18px;box-shadow:0 20px 60px #0004}.login .logo{width:50px;height:50px;border-radius:13px;background:#5367e8;color:#fff;display:grid;place-items:center;font-weight:800}.login label{display:flex;flex-direction:column;margin:14px 0;gap:6px}.login input{padding:12px;border:1px solid #dfe3eb;border-radius:8px}.login button{width:100%;padding:12px;background:#5265e7;color:#fff;border:0;border-radius:8px}.login form>small{display:block;text-align:center;margin-top:15px;color:#9aa2b1}.alert{background:#ffebed;color:#b43a4b;padding:10px;border-radius:8px}.notice{background:#e7f8ef;color:#16764a;padding:11px 14px;border-radius:9px;margin-bottom:12px}@media(max-width:950px){.stats{grid-template-columns:1fr 1fr}.pos{grid-template-columns:1fr 330px}.products{grid-template-columns:1fr 1fr}}@media(max-width:720px){aside{transform:translateX(-100%);transition:.2s;box-shadow:10px 0 30px #0002}aside.open{transform:none}main{margin-left:0;padding:0 14px 20px}header>button{display:block;border:0;background:none}.pos{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}@media(max-width:460px){.stats{grid-template-columns:1fr}.products{grid-template-columns:1fr 1fr}}