.qra-wrap{--qra-primary:#315efb;--qra-ink:#172033;--qra-muted:#667085;--qra-line:#e8ecf3;--qra-bg:#f5f7fb;color:var(--qra-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1440px;margin:32px auto;padding:0 18px;box-sizing:border-box}.qra-wrap *{box-sizing:border-box}.qra-wrap .btn-primary{background:var(--qra-primary);border-color:var(--qra-primary)}.qra-dashboard-header{display:flex;gap:24px;align-items:flex-start;justify-content:space-between;padding:28px;border:1px solid var(--qra-line);border-radius:20px;background:linear-gradient(135deg,#fff,#f3f6ff);box-shadow:0 14px 40px rgba(29,52,105,.07)}.qra-dashboard-header h1{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:6px 0 10px}.qra-dashboard-header p{color:var(--qra-muted);max-width:760px;margin:0}.qra-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:12px;color:var(--qra-primary)}.qra-header-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.qra-stats-row{margin-top:2px}.qra-stat-card{height:100%;display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--qra-line);border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(20,35,70,.05)}.qra-stat-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#edf1ff;color:var(--qra-primary);font-weight:900}.qra-stat-card span,.qra-stat-card small{display:block;color:var(--qra-muted);font-size:13px}.qra-stat-card strong{display:block;font-size:28px;line-height:1.2}.qra-panel{height:100%;background:#fff;border:1px solid var(--qra-line);border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(20,35,70,.05)}.qra-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.qra-panel-head h2{font-size:19px;margin:0 0 4px}.qra-panel-head p{font-size:13px;color:var(--qra-muted);margin:0}.qra-chart-box{position:relative;height:340px}.qra-chart-box-small{height:290px}.qra-table{min-width:980px}.qra-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#667085;border-bottom-color:var(--qra-line);padding:12px}.qra-table td{border-bottom-color:#eef1f6;padding:14px 12px;vertical-align:middle}.qra-qr-preview{width:78px;height:78px;display:grid;place-items:center;border:1px solid var(--qra-line);border-radius:12px;background:#fff;overflow:hidden}.qra-qr-preview canvas{max-width:72px;max-height:72px}.qra-title{display:block;font-size:15px;margin-bottom:4px}.qra-destination{display:block;max-width:330px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;text-decoration:none}.qra-table small{display:block;color:var(--qra-muted);margin-top:4px}.qra-link-copy{display:flex;align-items:center;gap:8px;max-width:310px}.qra-link-copy code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f6f8fc;border:1px solid #edf0f5;border-radius:8px;padding:8px;display:block;flex:1;color:#344054}.qra-status{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.qra-status-active{background:#ecfdf3;color:#027a48}.qra-status-inactive{background:#f2f4f7;color:#475467}.qra-empty{text-align:center;padding:50px 20px;color:var(--qra-muted)}.qra-empty strong{display:block;color:var(--qra-ink);font-size:18px}.qra-empty span{display:block;margin-top:6px}.qra-auth-wrap{max-width:520px}.qra-auth-card{background:#fff;border:1px solid var(--qra-line);border-radius:20px;padding:32px;box-shadow:0 18px 50px rgba(20,35,70,.1)}.qra-alert{padding:14px 16px;border-radius:12px}.qra-alert-warning{background:#fff8e6;color:#7a5200}.qra-wrap .modal-content{border:0;border-radius:18px;box-shadow:0 24px 80px rgba(15,23,42,.22)}.qra-wrap .accordion-button{font-weight:700}.qra-wrap .dropdown-menu{box-shadow:0 14px 40px rgba(15,23,42,.14);border-color:#e8ecf3}.qra-wrap #qra-alert-area{margin-top:16px}.qra-wrap .form-control,.qra-wrap .form-select{border-color:#d9dfeb;padding:.7rem .8rem}.qra-wrap .form-control:focus{border-color:#829cff;box-shadow:0 0 0 .2rem rgba(49,94,251,.14)}
@media(max-width:991px){.qra-dashboard-header{flex-direction:column}.qra-header-actions{justify-content:flex-start}.qra-chart-box{height:290px}}@media(max-width:575px){.qra-wrap{padding:0 10px;margin:18px auto}.qra-dashboard-header{padding:20px}.qra-header-actions .btn{flex:1}.qra-panel{padding:15px}.qra-auth-card{padding:22px}}