*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#1c2634;font:14px system-ui,Arial}header{background:#152c42;color:#fff;padding:16px 30px;display:flex;justify-content:space-between;align-items:center}header h1{font-size:22px}header a{color:white}main{max-width:1500px;margin:25px auto;padding:0 16px}.panel,.login{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 3px 16px #132a4310}h2{margin-top:0}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end}label{display:grid;gap:6px;font-weight:600}input,select{padding:10px;border:1px solid #cbd5df;border-radius:6px;min-width:130px}button{background:#176f5c;border:0;color:#fff;border-radius:7px;padding:11px 17px;cursor:pointer}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{padding:12px;border-bottom:1px solid #e6ebf0;text-align:left}th{background:#eef3f7}small{color:#788592}.count{font-size:13px;color:#657588}.login{max-width:440px;margin:12vh auto}.login form{display:grid;gap:16px}.login input{width:100%}a{color:#086a8c}