*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#17233d;font:15px/1.5 Inter,system-ui,Arial,sans-serif}.topbar{height:62px;background:#101b35;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:fixed;top:0;left:0;right:0;z-index:5}.brand{font-size:19px;font-weight:800;color:#fff;text-decoration:none}.top-actions{display:flex;gap:18px;align-items:center}.top-actions a{color:#cbd6ed}.sidebar{position:fixed;top:62px;bottom:0;left:0;width:225px;background:#172541;padding:18px 12px;overflow:auto}.sidebar a{display:block;color:#d5def0;text-decoration:none;padding:11px 13px;border-radius:9px;margin:3px 0}.sidebar a:hover{background:#2b3b5e;color:#fff}.main{margin:62px 0 0 225px;padding:26px;max-width:1600px}.main.public{margin:62px auto 0;max-width:1100px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.pagehead h1{margin:0;font-size:25px}.muted{color:#72809a}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card{background:#fff;border:1px solid #e4eaf3;border-radius:14px;padding:18px;box-shadow:0 4px 18px #182b4b08}.stat{font-size:26px;font-weight:800;margin-top:7px}.statlabel{font-size:13px;color:#71809a}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.btn,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:10px 15px;background:#315ee8;color:#fff;text-decoration:none;font-weight:650;cursor:pointer}.btn.secondary{background:#e9eef9;color:#26385d}.btn.danger{background:#c43b4b}.btn.small{padding:7px 10px;font-size:13px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d7dfeb;border-radius:8px;background:#fff;color:#18243b;font:inherit}label{display:block;font-weight:650;font-size:13px;margin:11px 0 5px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formgrid .full{grid-column:1/-1}.tablewrap{overflow:auto;background:#fff;border:1px solid #e5eaf2;border-radius:12px}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #edf0f5}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#71809a;background:#f9fbfe}tr:last-child td{border-bottom:0}.alert{padding:12px 15px;border-radius:9px;margin:0 0 16px;background:#e6f7ee;color:#14683a}.alert.error{background:#fff0f0;color:#a52d3b}.pill{padding:4px 8px;border-radius:30px;background:#edf2ff;color:#3153ad;font-size:12px}.search{max-width:300px}.loginbox{max-width:440px;margin:9vh auto}.loginbox .card{padding:28px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product{display:flex;flex-direction:column;gap:8px}.product .price{font-weight:800;font-size:18px}.product img{width:100%;height:150px;object-fit:cover;border-radius:9px;background:#edf1f7}.actions{display:flex;gap:7px;flex-wrap:wrap}.right{text-align:right}.empty{padding:30px;text-align:center;color:#74829a}@media(max-width:900px){.sidebar{width:65px;padding:12px 5px}.sidebar a{font-size:0;text-align:center;padding:12px 2px}.sidebar a:first-letter{font-size:19px}.main{margin-left:65px;padding:17px}.grid{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.topbar{padding:0 12px}.main{padding:12px}.grid{grid-template-columns:1fr 1fr;gap:8px}.card{padding:13px}.stat{font-size:20px}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.products{grid-template-columns:1fr 1fr}.pagehead{align-items:flex-start;flex-direction:column}}