*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f5f7fb;color:#172033}header{background:#111827;color:#fff;padding:22px 5%;display:flex;justify-content:space-between;align-items:center}header h1{margin:0}header p{margin:5px 0;color:#cbd5e1}button{border:0;border-radius:7px;padding:9px 13px;cursor:pointer;background:#2563eb;color:#fff;font-weight:600}.secondary{background:#64748b}main{width:90%;max-width:1450px;margin:28px auto}.cards{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:20px}.card,.panel,.box{background:#fff;border-radius:10px;box-shadow:0 1px 4px #0001}.card{padding:16px}.card small{display:block;color:#64748b}.card strong{display:block;font-size:25px;margin-top:6px}.panel{overflow:hidden;margin-bottom:20px}.panelhead{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid #e5e7eb}.panelhead h2{margin:0;font-size:18px}.toolbar{padding:16px;display:flex;gap:10px;border-bottom:1px solid #e5e7eb}input,select,textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font:inherit}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid #eee;text-align:left;font-size:14px}th{background:#f8fafc}.modal{position:fixed;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;padding:20px}.hidden{display:none}.box{width:760px;max-width:100%;max-height:92vh;overflow:auto;padding:22px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:13px;font-weight:bold;margin:12px 0}textarea{min-height:80px}.history{border:1px solid #ddd;border-radius:8px;padding:10px;margin:8px 0}.history p{margin:7px 0}@media(max-width:1100px){.cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.panelhead{flex-direction:column;align-items:flex-start;gap:10px}}