:root{--color-primary-50:#f0fafa;--color-primary-100:#d4ecee;--color-primary-200:#c4e8ea;--color-primary-300:#a8d1d4;--color-primary-400:#8cbfc4;--color-primary-500:#7bbbbf;--color-primary-600:#6eabb0;--color-primary-700:#4d8d93;--color-primary-800:#3d8a8f;--color-primary-900:#2d6b70;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#7bbbbf;--color-factory-blue:#a0dfdf;--color-factory-blue-light:#f5fdfd;--color-factory-blue-dark:#6fa8dc;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-disabled:#9ca3af;--color-background:#fff;--color-background-sub:#f9fafb;--color-background-hover:#f3f4f6;--border-light:#e5e7eb;--border-medium:#d1d5db;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background-sub);color:var(--color-text-primary);min-height:100vh;margin:0;padding:0}.safe-area-top{padding-top:max(env(safe-area-inset-top),16px)}.safe-area-bottom{padding-bottom:max(env(safe-area-inset-bottom),16px)}.card{background-color:var(--color-background);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.btn-primary{background-color:var(--color-primary-600);color:#fff;padding:12px 24px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background-color:var(--color-primary-700)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background-color:var(--color-text-disabled);cursor:not-allowed}.input-field{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:8px;font-size:16px;transition:all .2s}.input-field:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50)}.input-field.with-icon{padding-left:48px}.qr-scanner-container{position:relative;width:100%;max-width:500px;margin:0 auto;border-radius:12px;overflow:hidden;aspect-ratio:1;background-color:#1a1a1a}.qr-scanner-container #qr-reader,.qr-scanner-container #qr-reader video{width:100%!important;height:100%!important}.qr-scanner-container #qr-reader video{object-fit:cover!important;border-radius:12px}.qr-scanner-container #qr-reader br,.qr-scanner-container #qr-reader img,.qr-scanner-container #qr-reader>span{display:none!important}.qr-scanner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.qr-scanner-frame{width:250px;height:250px;border:3px solid var(--color-primary-500);border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.5)}.camera-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-background-sub);border-radius:12px;z-index:5;opacity:1;transition:opacity .6s ease .15s;pointer-events:auto}.camera-loading-overlay.ready{opacity:0;pointer-events:none}