:root{--primary: #1e293b;--primary-light: #334155;--secondary: #3b82f6;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gray-50);color:var(--gray-900)}.home-container{min-height:100vh;background:var(--gray-50);padding-bottom:2rem}.home-header{background:var(--primary);color:#fff;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a}.logo-small{width:40px;height:40px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center}.header-info h2{font-size:18px;font-weight:700}.header-info p{font-size:12px;opacity:.9}.btn-avatar{width:36px;height:36px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.user-card{background:#fff;margin:1rem;padding:1rem;border-radius:12px;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a;cursor:pointer}.user-avatar{width:50px;height:50px;background:var(--gray-200);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-500)}.user-info h3{font-size:16px;font-weight:600;color:var(--gray-900)}.user-info p{font-size:14px;color:var(--gray-500)}.alerta-tareas{display:flex;align-items:center;gap:8px;margin:0 16px 16px;padding:12px 16px;background:#fef3c7;color:#92400e;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer}.alerta-tareas.urgente{background:#fee2e2;color:#991b1b}.actions-container{margin:1rem}.actions-container h3{font-size:16px;font-weight:600;margin-bottom:1rem;color:var(--gray-700)}.action-card{background:#fff;border:none;border-radius:12px;padding:1.25rem;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;width:100%;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a;min-height:80px;font-family:inherit;font-size:inherit}.action-card:active{transform:scale(.98)}.action-card.tareas{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;position:relative}.action-card.tareas .action-icon{background:#fff3}.action-card.tareas h4,.action-card.tareas p{color:#fff}.action-card.tareas p{opacity:.8}.action-card.primary{background:linear-gradient(135deg,var(--secondary) 0%,#2563eb 100%);color:#fff}.action-card.primary .action-icon{background:#fff3}.action-card.primary h4,.action-card.primary p{color:#fff}.action-card.primary p{opacity:.8}.action-card.secondary{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff}.action-card.secondary .action-icon{background:#fff3}.action-card.secondary h4,.action-card.secondary p{color:#fff}.action-card.secondary p{opacity:.8}.action-card.ubicacion{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.action-card.ubicacion .action-icon{background:#fff3}.action-card.ubicacion h4,.action-card.ubicacion p{color:#fff}.action-card.ubicacion p{opacity:.8}.action-card.kits{background:linear-gradient(135deg,#0891b2,#22d3ee);color:#fff}.action-card.kits .action-icon{background:#fff3}.action-card.kits h4,.action-card.kits p{color:#fff}.action-card.kits p{opacity:.8}.action-icon{flex-shrink:0}.action-content{text-align:left;flex:1}.action-content h4{font-size:18px;font-weight:600;margin-bottom:.25rem}.action-content p{font-size:14px;opacity:.9;margin:0}.action-badge{position:absolute;top:12px;right:12px;background:#ef4444;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.stats-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem}.stat-card{background:#fff;padding:1rem;border-radius:12px;text-align:center;box-shadow:0 1px 3px #0000001a;cursor:pointer}.stat-card h4{font-size:12px;color:var(--gray-500);margin-bottom:.5rem}.stat-number{font-size:24px;font-weight:700;color:var(--primary);margin:0}.stat-card.completadas .stat-number{color:#22c55e}.home-footer{text-align:center;padding:2rem 1rem;color:var(--gray-400);font-size:12px}.page-container{min-height:100vh;background:var(--gray-50)}.page-header{background:#fff;padding:1rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100}.page-header h1{font-size:18px;font-weight:600;color:var(--gray-900)}.page-content{padding:1rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:8px;font-size:16px;background:#fff;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary)}.form-group small{display:block;margin-top:.25rem;font-size:12px;color:var(--gray-500)}.input-large{font-size:18px!important;padding:1rem!important}.btn-primary,.btn-secondary,.btn-danger,.btn-icon{border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;font-family:inherit}.btn-primary{background:var(--secondary);color:#fff;padding:.75rem 1.5rem}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{background:var(--gray-300);cursor:not-allowed}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300);padding:.75rem 1.5rem}.btn-secondary:hover{background:var(--gray-50)}.btn-danger{background:var(--error);color:#fff;padding:.75rem 1.5rem}.btn-icon{background:transparent;color:var(--gray-700);padding:.5rem;width:40px;height:40px}.btn-icon:hover{background:var(--gray-100)}.btn-large{width:100%;padding:1rem;font-size:18px}.error-message{background:#fef2f2;border:1px solid #fecaca;color:var(--error);padding:.75rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:14px;margin-bottom:1rem}.info-box{background:var(--gray-50);border:1px solid var(--gray-200);padding:1rem;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem}.info-box p{font-size:14px;color:var(--gray-600);margin:0}.info-box strong{color:var(--gray-900)}.scanner-info,.search-info{text-align:center;padding:2rem 1rem}.scanner-info p,.search-info p{color:var(--gray-500);margin-top:.5rem}.scanner-container{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem}.scanner-tips{background:var(--gray-50);padding:1rem;border-radius:8px;margin-top:1rem}.scanner-tips h4{font-size:14px;font-weight:600;margin-bottom:.5rem;color:var(--gray-900)}.scanner-tips ul{margin-left:1.25rem;font-size:14px;color:var(--gray-600)}.scanner-tips li{margin-bottom:.25rem}.tarea-card{background:#fff;border-radius:12px;padding:1rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s}.tarea-card:active{transform:scale(.98)}.tarea-prioridad{width:4px;height:40px;border-radius:2px;flex-shrink:0}.tarea-content{flex:1;min-width:0}.tarea-header{display:flex;align-items:center;gap:.5rem}.tarea-header h4{font-size:15px;font-weight:500;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tarea-fecha{font-size:12px;color:var(--gray-500);margin-top:2px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);padding:1rem}.login-card{background:#fff;border-radius:16px;padding:2rem;width:100%;max-width:400px;box-shadow:0 20px 40px #0003}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:64px;height:64px;background:var(--primary);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.login-header h1{font-size:24px;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.login-header p{font-size:14px;color:var(--gray-500)}.login-form{display:flex;flex-direction:column;gap:0}.login-footer{text-align:center;margin-top:1.5rem}.login-footer p{font-size:12px;color:var(--gray-400)}.login-footer .version{margin-top:.25rem;font-size:11px}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}