body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f4f7fb;color:#1d2733}.topbar{background:#0b4f6c;color:#fff;padding:14px 24px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:700}.topbar a{color:#fff;text-decoration:none;margin-left:18px}.container{max-width:1180px;margin:24px auto;padding:0 16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0001}.card b{display:block;font-size:34px}.card span{color:#667}.danger{border-left:6px solid #c0392b}.warning{border-left:6px solid #f39c12}.panel{background:#fff;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 2px 8px #0001}table{width:100%;border-collapse:collapse;background:#fff;margin-top:16px}th,td{border:1px solid #dce3ea;padding:10px;text-align:left}th{background:#eaf2f8}.btn,button{background:#0b4f6c;color:#fff;border:0;border-radius:8px;padding:9px 14px;text-decoration:none;cursor:pointer}input,select,textarea{display:block;width:100%;box-sizing:border-box;margin:6px 0 14px;padding:9px;border:1px solid #ccd6dd;border-radius:8px}label{font-weight:700}.qr{width:150px;border:1px solid #ddd;padding:8px;background:#fff}