*{box-sizing:border-box}body{margin:0;background:#eef2f7;color:#111827;font-family:Arial,sans-serif}main{max-width:1300px;margin:auto;padding:24px 16px}h1{font-size:2.4rem}.panel{background:#fff;padding:22px;border-radius:18px;box-shadow:0 10px 30px #0001}label{display:block;font-weight:700}input,select,button{font:inherit}input,select{width:100%;min-height:46px;border:2px solid #cbd5e1;border-radius:10px;padding:8px 12px}.filters{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:12px;margin-top:16px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}button{min-height:46px;border:0;border-radius:10px;padding:9px 15px;font-weight:700;background:#e2e8f0;cursor:pointer}.primary{background:#111827;color:#fff}.table-wrap{overflow:auto;border:1px solid #dbe3ee;border-radius:12px}table{border-collapse:collapse;width:100%;min-width:1050px}th,td{padding:10px;border-bottom:1px solid #e2e8f0;text-align:left}th{position:sticky;top:0;background:#f8fafc}tbody tr:hover{background:#f8fafc}#status{min-height:24px;font-weight:700}.summary{margin:0 0 12px;color:#475569;font-weight:700}@media(max-width:900px){.filters{grid-template-columns:1fr 1fr}}@media(max-width:560px){.filters{grid-template-columns:1fr}}