*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f5f7fb;color:#1d2733}.topbar{height:74px;background:#12233f;color:white;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px #0002}.brand{font-weight:700;letter-spacing:.8px}.subtitle{font-size:12px;opacity:.72;margin-top:3px}.topbar a{color:white;text-decoration:none;margin-left:22px;font-size:14px}.container{max-width:1180px;margin:34px auto;padding:0 22px}.card{background:#fff;border:1px solid #e3e8ef;border-radius:14px;box-shadow:0 4px 18px #0b21420d;padding:24px;margin-bottom:20px}.narrow{max-width:480px;margin:70px auto}.row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.space{justify-content:space-between}.title{font-size:24px;font-weight:700;margin:0 0 5px}.muted{color:#6d7886}.btn{display:inline-block;border:0;border-radius:8px;padding:10px 16px;background:#1768c7;color:white;text-decoration:none;font-weight:600;cursor:pointer}.btn.secondary{background:#eef3f8;color:#243548}.btn.danger{background:#b42318}.btn.small{padding:7px 11px;font-size:12px}.field{margin:16px 0}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.field input{width:100%;padding:11px 12px;border:1px solid #cfd7e2;border-radius:8px;font-size:14px}.check{display:flex;align-items:center;gap:8px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 10px;border-bottom:1px solid #edf0f4;text-align:left;font-size:14px}.table th{font-size:12px;color:#738090;text-transform:uppercase}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:600}.online{background:#e9f8ef;color:#137333}.offline{background:#fff0ee;color:#b42318}.disabled{background:#eef1f5;color:#667085}.codes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.codebox{padding:18px;background:#f7f9fc;border:1px dashed #b9c5d3;border-radius:10px}.codebox strong{font-size:23px;letter-spacing:1px;display:block;margin-top:8px}.alert{background:#fff8e7;border:1px solid #f2d88a;border-radius:10px;padding:14px;margin:16px 0}.error{background:#fff0ee;border-color:#f3b4ae;color:#912018}.actions{display:flex;gap:8px;flex-wrap:wrap}.metric{font-size:12px;color:#7a8696}.metric b{color:#25364a}.danger-zone{border-color:#f1b9b4}.footer-note{margin-top:18px;font-size:12px;color:#7b8794}@media(max-width:760px){.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{border-bottom:1px solid #ddd;padding:10px 0}.table td{border:0;padding:5px 0}.codes{grid-template-columns:1fr}.topbar nav{display:none}}