*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f5f8;color:#1f2937}
a{text-decoration:none;color:#0f5fb8}
.header{background:#0f172a;color:white;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.header a{color:white;margin-left:12px}
.container{max-width:1200px;margin:24px auto;padding:0 16px}
.card{background:white;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 3px 12px rgba(15,23,42,.08)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.kpi{font-size:32px;font-weight:bold;margin-top:8px}
.btn{display:inline-block;background:#0f5fb8;color:white!important;border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:bold}
.btn.secondary{background:#64748b}
.btn.danger{background:#b91c1c}
.btn.success{background:#15803d}
.btn.warning{background:#ca8a04}
input,select,textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:10px;margin:6px 0 14px;background:white}
label{font-weight:bold}
table{width:100%;border-collapse:collapse;background:white}
th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}
th{background:#f8fafc}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:13px;font-weight:bold}
.available{background:#dcfce7;color:#166534}
.assigned{background:#dbeafe;color:#1e40af}
.paused{background:#fef9c3;color:#854d0e}
.offline{background:#fee2e2;color:#991b1b}
.open{background:#fee2e2;color:#991b1b}
.progress{background:#dbeafe;color:#1e40af}
.done{background:#dcfce7;color:#166534}
.footer{text-align:center;color:#64748b;padding:30px}
.notice{background:#fff7ed;border-left:5px solid #f97316;padding:12px;border-radius:8px;margin-bottom:16px}
.small{color:#64748b;font-size:13px}
.card-pass{width:340px;height:215px;border:1px solid #111;border-radius:14px;background:white;padding:14px;position:relative;margin:10px;display:inline-block;vertical-align:top}
.card-pass h2{margin:0 0 8px;font-size:20px}
.qr{position:absolute;right:14px;bottom:14px;width:88px;height:88px}
.pass-meta{font-size:13px;line-height:1.4}
.pass-back ul{margin:6px 0 0 18px;padding:0;font-size:12px}
.print-actions{margin:20px 0}
@media print{
  .no-print,.header,.footer{display:none!important}
  body{background:white}
  .container{margin:0;max-width:none}
  .card{box-shadow:none}
}