*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#172033}.layout{display:flex;min-height:100vh}aside{width:245px;background:#0b3d91;color:#fff;padding:22px 14px;flex-shrink:0}.brand{font-size:20px;font-weight:800;text-align:center;margin-bottom:28px;line-height:1.25}.brand span{color:#00aeef}nav a{display:block;color:#fff;text-decoration:none;padding:12px 14px;border-radius:8px;margin:4px 0}nav a:hover,nav a.active{background:#00aeef}main{flex:1;min-width:0}header{height:62px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:14px;padding:0 24px}.menu{display:none;border:0;background:none;font-size:25px}.content{padding:24px;max-width:1500px;margin:auto}h1{margin-top:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #0000000d;margin-bottom:20px}.card span{display:block;color:#667085}.card strong{display:block;font-size:25px;margin-top:10px}.danger{color:#d92d20}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}input,select,button{width:100%;padding:11px;border:1px solid #ccd3df;border-radius:7px;font:inherit}button,.btn{background:#0b3d91;color:white;border:0;cursor:pointer;text-decoration:none;display:inline-block;padding:11px 15px;border-radius:7px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e7eaf0;text-align:left;vertical-align:middle}th{background:#f7f9fc}.tablewrap{overflow:auto;margin:18px 0}.tablewrap table{min-width:700px}.totalbox{text-align:right;font-size:18px;padding:18px}.flash{padding:12px;border-radius:8px;margin-bottom:15px;background:#e8f7ee;color:#126b3a}.flash.err{background:#fdecec;color:#a71919}.login{display:grid;place-items:center;min-height:100vh;background:#0b3d91}.loginbox{background:#fff;padding:35px;border-radius:14px;width:min(420px,92%);box-shadow:0 10px 40px #0004}.loginbox h1{font-size:22px}.loginbox input,.loginbox button{margin:7px 0}.loginbox small{display:block;margin-top:12px;color:#667085}.remove{background:#d92d20;width:auto;padding:6px 10px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){aside{position:fixed;left:-255px;top:0;bottom:0;z-index:5;transition:.2s}.layout aside.open{left:0}.menu{display:block}.content{padding:15px}.grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.panel{padding:14px}.panel h2{font-size:18px}header{padding:0 15px}table{font-size:13px}.tablewrap{overflow-x:auto}.loginbox{padding:25px}}