@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#050505;--surface-color:#141414d9;--surface-border:#d4af3740;--text-primary:#fdfbf7;--text-secondary:#c9b996;--accent-color:#d4af37;--accent-hover:#f3ce54;--status-gray:#6b7280;--status-green:#10b981;--status-red:#ef4444;--font-sans:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(at 0 0,#d4af371f 0,#0000 50%),radial-gradient(at 100% 100%,#f3ce5414 0,#0000 50%);background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.glass{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:16px;box-shadow:0 4px 30px #0003}.btn{cursor:pointer;font-weight:500;font-family:var(--font-sans);border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.input-field{border:1px solid var(--surface-border);width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#0003;border-radius:8px;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #6366f133}.status-dot{border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:0 0 8px}.status-GRAY{color:var(--status-gray);background-color:var(--status-gray)}.status-GREEN{color:var(--status-green);background-color:var(--status-green)}.status-RED{color:var(--status-red);background-color:var(--status-red)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}@media (max-width:600px){.hide-mobile{display:none!important}}@media (min-width:601px){.show-mobile{display:none!important}}select.input-field{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}select.input-field option{color:var(--text-primary);background-color:#111}input[type=date],input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;filter:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e")}input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;filter:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e")}#qr-reader{border:none!important}#qr-reader__dashboard_section_csr span,#qr-reader__dashboard_section_csr div{color:var(--text-primary)!important;font-family:var(--font-sans)!important}#qr-reader button,#html5-qrcode-button-camera-permission,#html5-qrcode-button-camera-start,#html5-qrcode-button-camera-stop{background-color:var(--accent-color)!important;color:#fff!important;cursor:pointer!important;font-weight:500!important;font-family:var(--font-sans)!important;border:none!important;border-radius:8px!important;margin:.5rem 0!important;padding:.75rem 1.5rem!important;font-size:1rem!important;transition:all .2s!important;box-shadow:0 4px 15px #d4af3733!important}#qr-reader button:hover{background-color:var(--accent-hover)!important;transform:translateY(-1px)!important}#html5-qrcode-anchor-scan-type-change{color:var(--accent-color)!important;font-family:var(--font-sans)!important;margin-top:1rem!important;font-size:.9rem!important;text-decoration:none!important;display:inline-block!important}#html5-qrcode-anchor-scan-type-change:hover{text-decoration:underline!important}#qr-reader select{border:1px solid var(--surface-border)!important;width:100%!important;color:var(--text-primary)!important;font-family:var(--font-sans)!important;background-color:#00000080!important;border-radius:8px!important;margin-bottom:1rem!important;padding:.75rem 1rem!important}#qr-reader img{filter:invert()opacity(.8)!important}