*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#21304a;font:15px Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#172238;color:#fff;padding:28px 16px;display:flex;flex-direction:column;z-index:5}.sidebar small{color:#9eb0cd;margin:5px 0 28px}.sidebar nav a,.logout{display:block;color:#dbe6fa;text-decoration:none;padding:11px 10px;border-radius:7px}.sidebar nav a:hover{background:#293a59;color:#fff}.sidebar hr{border:0;border-top:1px solid #354565;margin:15px 0}.logout{margin-top:auto}.content{margin-left:240px}main{max-width:1250px;padding:30px 24px}h1{margin:0 0 8px}.stats,.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.stats div,.earn,form,table,.action{background:#fff;border:1px solid #dce4ef;border-radius:10px;padding:17px}.stats b,.earn b{display:block;font-size:24px;margin-top:8px}.earn span,small{display:block;color:#67758c;margin-top:7px}table{width:100%;border-collapse:collapse}td,th{padding:11px;border-bottom:1px solid #e1e7f0;text-align:left}form{display:grid;gap:10px}.grid{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:220px 180px 140px;max-width:600px;margin:18px 0}input,select,button{padding:11px;border-radius:7px;border:1px solid #bac8da;font:inherit}button{background:#2d64c8;color:white;border:0;font-weight:bold;cursor:pointer}.action{color:#2d64c8;font-weight:bold;text-decoration:none}.flash{padding:12px;background:#e8f7f0;margin-bottom:12px}.error{background:#fff0f0}.login{max-width:390px;margin:12vh auto}.login form{margin-top:20px}.burger{display:none}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:translateX(0)}.burger{display:block;position:fixed;top:12px;left:12px;z-index:7;background:#172238;font-size:20px}.content{margin-left:0;padding-top:38px}main{padding:20px 12px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}table{display:block;overflow:auto}.products{max-height:240px}}