@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;900&family=Barlow:wght@400;500;600;700&display=swap";:root{--guinda: #7B1C1C;--guinda2: #9B2C2C;--navy: #1a1008;--crema: #F5F0E8;--crema2: #EDE5D8;--marine: #1a5fa8;--ok: #15803d;--warn: #b86c00;--danger: #b91c1c;--muted: #6b5c4a;--border: #C8B89A;--font: "Barlow", sans-serif;--font-c: "Barlow Condensed", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bot: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;font-family:var(--font);background:var(--crema);color:var(--navy);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}.shell{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;background:var(--crema);position:relative}.header{background:var(--guinda);color:var(--crema);padding:calc(var(--safe-top) + 12px) 18px 12px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;box-shadow:0 2px 12px #5c121233}.header-title{font-family:var(--font-c);font-size:18px;font-weight:700;letter-spacing:.5px}.header-sub{font-size:11px;opacity:.7;margin-top:1px}.content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;padding-bottom:calc(var(--safe-bot) + 80px)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid var(--crema2);display:flex;padding-bottom:var(--safe-bot);box-shadow:0 -4px 16px #00000014;z-index:100}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;background:none;border:none;cursor:pointer;font-family:var(--font);font-size:10px;color:var(--muted);transition:color .15s}.nav-btn.active{color:var(--guinda)}.nav-btn.active svg{stroke:var(--guinda)}.card{background:#fff;border-radius:14px;border:1px solid var(--crema2);overflow:hidden;margin-bottom:12px;box-shadow:0 2px 8px #5c12120f}.card-body{padding:14px 16px}.card-header-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--crema2)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;font-family:var(--font-c);letter-spacing:.3px}.badge-gray{background:#f0e8e0;color:var(--muted)}.badge-warn{background:#b86c001f;color:var(--warn)}.badge-blue{background:#1a5fa81a;color:var(--marine)}.badge-green{background:#15803d1a;color:var(--ok)}.badge-purple{background:#6d28d91a;color:#6d28d9}.badge-red{background:#b91c1c1a;color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border-radius:10px;border:none;cursor:pointer;font-family:var(--font);font-size:14px;font-weight:600;transition:all .15s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-primary{background:var(--guinda);color:var(--crema)}.btn-secondary{background:var(--crema2);color:var(--navy)}.btn-ghost{background:none;border:1px solid var(--border);color:var(--muted);padding:8px 14px;font-size:13px}.btn-full{width:100%}.btn-ok{background:var(--ok);color:#fff}.btn-warn{background:var(--warn);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.form-field{margin-bottom:14px}.form-label{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px;font-family:var(--font-c)}.form-input{width:100%;padding:12px 14px;border:1.5px solid var(--crema2);border-radius:10px;font-family:var(--font);font-size:15px;background:#fff;color:var(--navy);outline:none;transition:border .15s;-webkit-appearance:none}.form-input:focus{border-color:var(--guinda)}textarea.form-input{resize:vertical;min-height:90px}.ot-card{background:#fff;border-radius:14px;border:1px solid var(--crema2);padding:14px 16px;margin-bottom:12px;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #5c12120d;-webkit-tap-highlight-color:transparent}.ot-card:active{transform:scale(.99);box-shadow:none}.ot-card.urgente{border-left:4px solid var(--danger)}.timeline-item{display:flex;gap:12px;padding-bottom:20px;position:relative}.timeline-item:before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--crema2)}.timeline-item:last-child:before{display:none}.timeline-dot{width:32px;height:32px;border-radius:50%;background:var(--guinda);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--crema)}.camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:200;display:flex;flex-direction:column;height:100dvh;height:-webkit-fill-available}.camera-video{flex:1;object-fit:cover;width:100%}.camera-controls{background:#000000d9;padding:24px;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 32px);display:flex;align-items:center;justify-content:space-around;min-height:140px;flex-shrink:0}.camera-shutter{width:72px;height:72px;border-radius:50%;background:#fff;border:5px solid rgba(255,255,255,.4);cursor:pointer;transition:transform .1s;flex-shrink:0}.camera-shutter:active{transform:scale(.88);background:#ddd}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:14px}.spinner{width:32px;height:32px;border:3px solid var(--crema2);border-top-color:var(--guinda);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{min-height:100dvh;background:linear-gradient(160deg,#5c1212,#7b1c1c 60%,#9b2c2c);display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:#fff;border-radius:20px;padding:32px 24px;width:100%;max-width:380px;box-shadow:0 24px 64px #0000004d}.toast{position:fixed;bottom:calc(var(--safe-bot) + 90px);left:50%;transform:translate(-50%);background:var(--navy);color:var(--crema);padding:10px 20px;border-radius:20px;font-size:13px;font-weight:500;white-space:nowrap;z-index:300;animation:toastIn .25s ease;box-shadow:0 8px 24px #0000004d}.toast.ok{background:var(--ok)}.toast.err{background:var(--danger)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.empty{display:flex;flex-direction:column;align-items:center;padding:48px 24px;gap:10px;color:var(--muted);text-align:center}.empty-icon{font-size:48px}.empty-title{font-size:16px;font-weight:600;color:var(--navy)}.empty-sub{font-size:13px;line-height:1.5}