:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#1a1a1a;background:#0a0a0a;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom)}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;-webkit-tap-highlight-color:transparent}.app-status-bar{height:calc(var(--safe-top) + 44px);min-height:44px;background:#0a0a0a}.home{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;padding-bottom:calc(2rem + var(--safe-bottom));text-align:center}.app-title{font-size:1.75rem;font-weight:600;color:#fff;margin-bottom:2.5rem;letter-spacing:-.02em}.buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:280px}.btn{border-radius:12px;border:none;padding:1rem 1.5rem;font-size:1.05em;font-weight:500;font-family:inherit;cursor:pointer;transition:transform .1s,opacity .2s;text-decoration:none;text-align:center;display:block}.btn:active{transform:scale(.98)}.btn-primary{background:#007aff;color:#fff}.btn-primary:hover{opacity:.9}.btn-scan{background:#34c759;color:#fff;width:100%;padding:1rem;font-size:1.1em}.btn-stop{background:#ff3b30;color:#fff;width:100%;padding:1rem}.btn-outline{background:transparent;color:#007aff;border:2px solid #007AFF;margin-top:.5rem}.btn-export{margin-top:1.5rem;background:transparent;color:#8e8e93;font-size:.9em;padding:.5rem 1rem;border:none;cursor:pointer}.btn-export:hover{color:#fff}.asistencia{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#000}.app-header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;padding:calc(var(--safe-top) + 12px) 16px 12px;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent)}.back-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;margin-right:8px}.app-header h1{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.camera-container{flex:1;position:relative;width:100%;min-height:0}.qr-reader{position:absolute;top:0;left:0;right:0;bottom:0;width:100%!important;height:100%!important}.qr-reader video{width:100%!important;height:100%!important;object-fit:cover!important}.qr-reader #qr-shaded-region{border-width:0!important;background:transparent!important}.qr-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-frame{width:260px;height:260px;border:2px solid rgba(255,255,255,.8);border-radius:16px;box-shadow:0 0 0 9999px #00000080}.qr-hint{color:#fff;margin-top:1rem;font-size:.95rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.camera-error{padding:1rem;background:#ff3b3033;color:#ff6b6b;text-align:center}.camera-actions{padding:16px;padding-bottom:calc(16px + var(--safe-bottom));background:#000}.scan-success{padding:1.5rem;text-align:center;background:#34c75926;border-radius:12px;margin:0 16px 16px}.success-icon{display:inline-block;width:48px;height:48px;line-height:48px;border-radius:50%;background:#34c759;color:#fff;font-size:1.5rem;font-weight:700}.scan-success p{margin:1rem 0 .5rem;color:#fff}.maquinaria{min-height:100vh;padding:calc(var(--safe-top) + 1rem) 1.5rem;background:#0a0a0a}.maquinaria .app-header{position:relative;background:transparent;padding:0 0 1rem}.maquinaria .back-btn{color:#fff}.maquinaria .placeholder{background:#1c1c1e;padding:2rem;border-radius:12px;color:#8e8e93;text-align:center}