body{background:#f2f4ef}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(500px,100%);padding:34px}.brand{display:flex;gap:10px;align-items:center;font-weight:900}.brand i{width:36px;height:36px;border-radius:11px;background:var(--lime);display:grid;place-items:center;font-style:normal}.auth-card h1{font-size:42px;letter-spacing:-.05em;margin:24px 0 8px}.form-grid{display:grid;gap:14px;margin-top:24px}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:#111310;color:white;padding:22px;position:sticky;top:0;height:100vh}.nav{display:grid;gap:8px;margin-top:30px}.nav button{border:0;background:transparent;color:#aeb4ac;text-align:left;padding:12px;border-radius:12px;font-weight:800}.nav button.active,.nav button:hover{background:#202420;color:white}.main{padding:26px 30px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.stats{grid-template-columns:repeat(3,1fr);margin:24px 0}.stat{padding:22px}.stat strong{font-size:30px;display:block;margin-top:8px}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{border-bottom:1px solid #eaede6;padding:13px 10px;text-align:left;font-size:13px}.table th{font-size:11px;text-transform:uppercase;color:var(--muted)}.product-img{width:48px;height:48px;border-radius:11px;object-fit:cover;background:#ecefe8}.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;place-items:center;padding:18px;z-index:80}.modal.open{display:grid}.modal-card{width:min(680px,100%);max-height:90vh;overflow:auto;padding:25px}.modal-grid{grid-template-columns:1fr 1fr}.hidden{display:none!important}@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.nav{grid-template-columns:repeat(3,1fr)}.main{padding:18px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:600px){.stats,.modal-grid{grid-template-columns:1fr}.nav{grid-template-columns:1fr 1fr}}