*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f4f7fb;color:#1f2937}
header{background:#0f172a;color:#fff;padding:18px 24px}
header h1{margin:0;font-size:22px}
nav{margin-top:8px} nav a{color:#cbd5e1;margin-right:16px;text-decoration:none}
.container{max-width:1180px;margin:24px auto;padding:0 16px}
.card{background:#fff;border:1px solid #dbe2ea;border-radius:10px;padding:18px;margin-bottom:18px;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
label{display:block;font-size:13px;font-weight:700;margin-bottom:4px}
input,select,textarea{width:100%;padding:9px;border:1px solid #cbd5e1;border-radius:6px;background:#fff}
button,.btn{display:inline-block;background:#0f766e;color:#fff;border:0;border-radius:6px;padding:9px 14px;text-decoration:none;cursor:pointer}
.btn.secondary{background:#475569}.btn.danger{background:#b91c1c}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{border:1px solid #dbe2ea;padding:8px;text-align:left;font-size:14px}
th{background:#e2f7f5}
.text-right{text-align:right}.muted{color:#64748b}
.status-ok{background:#dcfce7;color:#166534;padding:8px;border-radius:6px}
.status-low{background:#fef3c7;color:#92400e;padding:8px;border-radius:6px}
.status-high{background:#fee2e2;color:#991b1b;padding:8px;border-radius:6px}
.actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.grid{grid-template-columns:1fr}}
@media print{
  header,.no-print{display:none!important}
  body{background:#fff}
  .container{max-width:none;margin:0;padding:0}
  .card{box-shadow:none;border:0;padding:0}
}


.table-scroll{overflow-x:auto}
table input, table select{min-width:110px;padding:6px}
table td .actions{white-space:nowrap}