*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#1f2937;font-family:Arial,sans-serif}header{background:#111827;color:#fff;padding:16px 22px;display:flex;justify-content:space-between;align-items:center}header h1{margin:0}header p{margin:4px 0 0;color:#cbd5e1}main{max-width:1200px;margin:auto;padding:18px}.panel,.metrics article{background:#fff;border:1px solid #d8dee8;border-radius:12px;padding:15px;box-shadow:0 2px 8px #0000000d}.panel{margin-bottom:16px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.metrics small{display:block;color:#64748b}.metrics strong{font-size:30px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(4,1fr)}label{font-size:14px;font-weight:700}input,select{width:100%;margin-top:5px;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}button{border:0;border-radius:8px;padding:9px 12px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}.secondary{background:#475569}.good{background:#15803d}.warn{background:#b45309}.bad{background:#b91c1c}.light{background:#e2e8f0;color:#111827}.hidden{display:none!important}.notice{padding:10px;border-radius:8px;margin:10px 0;background:#fef3c7}.danger{background:#fee2e2;color:#991b1b}.message{min-height:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #e2e8f0;text-align:left;font-size:14px}th{background:#f8fafc}.pill{padding:4px 7px;border-radius:999px;font-weight:700;font-size:12px;white-space:nowrap}.available{background:#dcfce7;color:#166534}.loaned_out{background:#fee2e2;color:#991b1b}.out_of_service{background:#fef3c7;color:#92400e}.reserved{background:#ede9fe;color:#5b21b6}.completed,.cancelled{background:#e5e7eb;color:#374151}.align-end{align-self:end}.span2{grid-column:span 2}.auth-panel{max-width:600px;margin:50px auto}@media(max-width:850px){.metrics{grid-template-columns:repeat(2,1fr)}.form-grid,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.span2{grid-column:auto}}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tab{background:#e2e8f0;color:#1f2937}.tab.active{background:#2563eb;color:#fff}.attention-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.attention-card{border:1px solid #d8dee8;border-left:5px solid #b45309;border-radius:9px;padding:12px}.attention-card.danger{border-left-color:#b91c1c;background:#fff}.attention-card.good{border-left-color:#15803d;background:#fff}.attention-card h3{margin:0 0 5px}.purple{background:#7c3aed}.checkbox{display:flex;gap:8px;align-items:center;margin-top:12px}.checkbox input{width:auto;margin:0}.urgent{background:#fee2e2;color:#991b1b}.high{background:#ffedd5;color:#9a3412}.normal{background:#e0f2fe;color:#075985}.low{background:#e5e7eb;color:#374151}.open{background:#fee2e2;color:#991b1b}.in_progress{background:#fef3c7;color:#92400e}.overdue{color:#b91c1c;font-weight:700}.due-soon{color:#b45309;font-weight:700}@media(max-width:850px){.attention-grid{grid-template-columns:1fr}}