:root{font-family:Inter,Arial,sans-serif;line-height:1.4;color:#f3f4f6;background-color:#0f0f0f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#1a1a1a,#0f0f0f 55%);color:#f3f4f6}.app-container{max-width:1140px;margin:0 auto;padding:1rem}.app-main{margin-top:1rem}.app-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand-block{display:flex;align-items:center;gap:.65rem;min-width:0}.brand-copy{min-width:0}.brand-logo,.brand-logo-fallback{width:56px;height:56px;border-radius:12px;flex-shrink:0}.brand-logo{object-fit:contain;border:1px solid #3a3a3a;background:#fff;padding:.35rem}.brand-logo-fallback{display:grid;place-items:center;background:linear-gradient(145deg,#ff7a00,#c65400);color:#fff;font-size:.9rem;font-weight:800;border:1px solid #ff8d26}.app-header h1{margin:0;color:#fff;font-size:clamp(1.1rem,2.2vw,1.45rem)}.app-header p{margin:.2rem 0 0;color:#d1d5db;font-size:.92rem}.navbar{display:flex;flex-wrap:wrap;gap:.5rem}.navbar button{padding:.5rem .85rem;border:1px solid #3f3f46;border-radius:10px;background:#1f1f1f;color:#e5e7eb;cursor:pointer;transition:all .2s ease}.navbar button:hover{border-color:#ff7a00;color:#fff}.navbar button.active{background:#ff7a00;color:#111827;border-color:#ff7a00;font-weight:700}.card{background:#18181b;border:1px solid #2f2f35;border-radius:12px;padding:1rem;box-shadow:0 8px 24px #00000040}.card-fallback{border-style:dashed;color:#d1d5db}.error{color:#fecaca;margin:0;background:#7f1d1d8c;border:1px solid #ef4444;border-radius:10px;padding:.55rem .7rem}h2{color:#fff}ul{margin:.75rem 0 0;padding-left:1rem}li{color:#e5e7eb;margin-bottom:.5rem}.dashboard-app{display:grid;gap:1rem}.dashboard-header h2{margin:0}.dashboard-header p{margin:.3rem 0 0;color:#d1d5db}.priority-list{display:grid;gap:.85rem}.clients-list{margin-top:.75rem;gap:1rem}.priority-item{background:#171717;border-radius:12px;padding:.9rem;border:1px solid #2f2f35;box-shadow:0 1px 2px #00000040}.priority-item--pendiente{border-color:#f973168c}.priority-item--en-curso{border-color:#22c55e80}.priority-item--aprobado{border-color:#8b5cf680}.priority-item.atrasado{border-left-color:#ef4444}.priority-item.hoy{border-left-color:#ff7a00}.priority-item.proximo{border-left-color:#9ca3af}.priority-item.en-curso{border-left-color:#22c55e}.priority-item__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.priority-item__top h3{margin:0;font-size:1rem}.badge-semaforo{padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;background:#27272a;color:#f3f4f6;border:1px solid #3f3f46}.badge-semaforo--aprobado{background:#5b21b661;border-color:#8b5cf6;color:#ede9fe}.badge-semaforo--en-curso{background:#14532d;border-color:#22c55e;color:#dcfce7}.badge-semaforo--pendiente{background:#7c2d12;border-color:#ff7a00;color:#fed7aa}.priority-item.atrasado .badge-semaforo{background:#7f1d1d;border-color:#ef4444}.priority-item.hoy .badge-semaforo{background:#7c2d12;border-color:#ff7a00}.priority-item.proximo .badge-semaforo{background:#3f3f46;border-color:#9ca3af}.priority-item.en-curso .badge-semaforo{background:#14532d;border-color:#22c55e}.priority-item.pendiente .badge-semaforo{background:#7c2d12;border-color:#f59e0b;color:#fdba74}.priority-data{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem}.priority-data div{min-width:0}.priority-data dt{font-size:.75rem;color:#9ca3af}.priority-data dd{margin:.1rem 0 0;font-weight:600;font-size:.92rem;overflow-wrap:anywhere}.priority-actions{margin-top:.85rem;display:flex;flex-wrap:wrap;gap:.5rem}.btn{border:1px solid #3f3f46;border-radius:8px;padding:.45rem .7rem;cursor:pointer;text-decoration:none;font-size:.9rem}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-whatsapp{background:#16a34a;color:#fff;border-color:#15803d}.btn-detail{background:#27272a;color:#f3f4f6}.agenda-visita-card__alerta{border-radius:10px;padding:.5rem .62rem;display:grid;gap:.25rem;border:1px solid transparent}.agenda-visita-card__alerta--preventiva{background:#facc151f;border-color:#facc1573}.agenda-visita-card__alerta--prioridad{background:#f9731629;border-color:#f9731685}.agenda-visita-card__alerta-titulo{margin:0;font-size:.78rem;font-weight:700;color:#fef3c7}.agenda-visita-card__alerta-texto{margin:0;font-size:.75rem;color:#f9fafb}.agenda-visita-card__alerta-lista{margin:0;padding-left:1rem;display:grid;gap:.12rem;color:#fde68a;font-size:.73rem}.notifications-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(440px,92vw);z-index:30;border-color:#ff7a00;padding:.9rem}.notifications-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.8rem}.notifications-header h3{margin:0;font-size:1rem}.notifications-list{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}.notifications-item{border:1px solid #b45309;border-radius:12px;padding:.75rem;background:#b453091f;display:grid;gap:.45rem}.notifications-item__head{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.notifications-item__head strong{font-size:.98rem}.notifications-item__type{margin:0;color:#fed7aa;font-weight:600}.notifications-data{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.notifications-data dt{font-size:.72rem;color:#cbd5e1}.notifications-data dd{margin:.15rem 0 0;font-weight:600;font-size:.85rem}.notifications-item__message{margin:0;color:#e5e7eb;font-size:.85rem}.notifications-actions{margin-top:.3rem;display:flex;gap:.45rem;flex-wrap:wrap}.agenda-visita-card--objetivo{border:1px solid #f59e0b;box-shadow:0 0 0 1px #f59e0b80}@media (max-width: 760px){.app-header{align-items:center}.brand-block,.navbar{width:100%}.navbar button{flex:1 1 130px}}@media (max-width: 640px){.app-container{padding:.75rem}.brand-logo,.brand-logo-fallback{width:48px;height:48px}.app-header p{font-size:.85rem}.priority-data{grid-template-columns:1fr 1fr}}.section-stack{display:grid;gap:.85rem}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end}.form-grid label{display:grid;gap:.35rem;font-size:.9rem;color:#d1d5db}.form-grid input,.form-grid select{width:100%;border:1px solid #3f3f46;border-radius:8px;background:#111827;color:#f9fafb;padding:.5rem .6rem}.form-grid input:focus,.form-grid select:focus{outline:2px solid #ff7a00;outline-offset:1px}.btn-primary{background:#ff7a00;border-color:#ff7a00;color:#111827;font-weight:700}.success{color:#bbf7d0;margin:0;background:#14532d99;border:1px solid #22c55e;border-radius:10px;padding:.55rem .7rem}.inline-actions{display:flex;gap:.5rem;flex-wrap:wrap}.inline-actions--right{justify-content:flex-end;margin-left:auto}.paginacion-clientes{display:flex;align-items:center;justify-content:flex-end;gap:.6rem}.cliente-item-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.cliente-item-nombre{margin:0;font-size:1.2rem;font-weight:800;color:#f9fafb}.cliente-card{gap:.85rem}.cliente-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.cliente-toolbar .estado-menu{order:99}.estado-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem;border:1px solid #374151;border-radius:999px;background:#0b1220}.estado-menu summary{list-style:none}.estado-pill{border:1px solid #374151;border-radius:999px;padding:.28rem .62rem;cursor:pointer;font-size:.78rem;font-weight:700;min-height:30px;display:inline-flex;align-items:center;justify-content:center;background:#111827;color:#d1d5db}.estado-pill--ok{color:#ede9fe;background:#5b21b659;border-color:#8b5cf6}.estado-pill--wait{color:#fdba74;background:#7c2d1266;border-color:#f97316}.estado-pill--neutral{color:#cbd5e1;background:#111827;border-color:#334155}.estado-menu{position:relative}.estado-menu__panel{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:flex;gap:.4rem;background:#111827;border:1px solid #374151;border-radius:12px;padding:.5rem}.cliente-programacion{margin-top:.35rem;padding:.75rem;border:1px solid #334155;border-radius:12px;background:#111827;display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:.7rem;align-items:end}.cliente-programacion label{display:grid;gap:.35rem;color:#d1d5db;font-size:.9rem}.cliente-programacion input{width:100%;min-height:40px;border:1px solid #374151;border-radius:8px;background:#0b1220;color:#f9fafb;padding:.45rem .55rem}.cliente-programacion__action{display:flex;align-items:flex-end}.cliente-programacion__action .btn{width:100%}.edit-inline-grid{width:100%;margin-top:.6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.list-item-with-action{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.agenda-lista{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}.agenda-visita-card{display:grid;grid-template-columns:4px 1fr;border:1px solid #2f384d;border-radius:12px;background:linear-gradient(180deg,#141a27,#111726);overflow:hidden;transition:border-color .2s ease,transform .2s ease}.agenda-visita-card:hover{border-color:#465679;transform:translateY(-1px)}.agenda-visita-card__color{background:linear-gradient(180deg,#ff7a00,#f59e0b)}.agenda-visita-card__contenido{padding:.65rem .8rem;display:grid;gap:.45rem}.agenda-visita-card__top{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.agenda-visita-card__identidad{min-width:0}.agenda-visita-card__top h3{margin:0;font-size:.96rem;color:#f9fafb}.agenda-visita-card__tipo{margin:.12rem 0 0;font-size:.78rem;color:#cbd5e1;text-transform:capitalize}.agenda-visita-card__wa{white-space:nowrap;margin-left:auto;padding:.35rem .58rem;font-size:.78rem}.agenda-visita-card__meta{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.agenda-visita-card__meta p{margin:0;padding:.34rem .46rem;border:1px solid #2d3649;border-radius:8px;background:#0f1522;color:#dbe3f0;font-size:.77rem}.agenda-visita-card__acciones{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end;padding-top:.05rem}.item-pendiente{opacity:.78}.global-search{display:grid;gap:.45rem;margin-bottom:1rem}.global-search label{font-size:.9rem;color:#d1d5db}.global-search input{border:1px solid #3f3f46;border-radius:10px;background:#111827;color:#f9fafb;padding:.62rem .7rem;width:100%}.global-search-results{display:grid;gap:.45rem}.global-search-result{text-align:left;border:1px solid #3f3f46;border-radius:10px;background:#161616;color:#f3f4f6;padding:.55rem .65rem;display:grid;gap:.15rem;cursor:pointer}.global-search-result span,.global-search-result small,.search-help{color:#cbd5e1;font-size:.84rem}.section-stack>label{display:grid;gap:.35rem;font-size:.9rem;color:#d1d5db}.section-stack>label input{border:1px solid #3f3f46;border-radius:8px;background:#111827;color:#f9fafb;padding:.5rem .6rem}.btn-danger{background:#7f1d1d;color:#fff;border-color:#b91c1c}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;padding:1rem;z-index:20}.modal-card{width:min(820px,100%);max-height:90vh;overflow:auto;background:#18181b;border:1px solid #3f3f46;border-radius:12px;padding:1rem}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.modal-header h3{margin:0}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}.modal-grid--two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-grid p{margin:0;padding:.5rem;border:1px solid #33353a;border-radius:10px;background:#121317}@media (max-width: 640px){.btn,.navbar button{min-height:42px}.priority-item,.card{padding:.75rem}}.install-button{border:1px solid #ff7a00;background:#ff7a00;color:#111827;border-radius:10px;min-height:42px;padding:.5rem .85rem;cursor:pointer;font-weight:700}.install-button:hover{background:#ff8f2a}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-left:auto}.notifications-wrapper{position:relative}.notifications-bell{position:relative;border:1px solid #ff7a00;background:#1f1f1f;color:#f9fafb;border-radius:10px;min-width:44px;min-height:42px;cursor:pointer}.notifications-badge{position:absolute;top:-8px;right:-8px;background:#ff7a00;color:#111827;min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font-size:.75rem;font-weight:800}.notifications-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(420px,92vw);z-index:30;border-color:#ff7a00}.notifications-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.6rem}.notifications-header h3,.notifications-item p{margin:0}.notifications-pending{color:#ffb36d;font-size:.85rem}.notifications-list{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}.notifications-item{border:1px solid #b45309;border-radius:10px;padding:.6rem;background:#b4530924}.notifications-actions{margin-top:.55rem;display:flex;gap:.45rem;flex-wrap:wrap}@media (max-width: 760px){.header-actions{width:100%}.notifications-panel{left:0;right:auto;width:100%}}.form-grid__submit{grid-column:span 4}.detalle-imagenes{margin-top:.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.detalle-imagenes img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;border:1px solid #3f3f46}.modal-files{margin-top:.8rem;display:grid;gap:.75rem}.modal-help{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}@media (max-width: 768px){.form-grid,.modal-grid--two-cols{grid-template-columns:1fr}.form-grid__submit{grid-column:span 1}}.form-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.file-field input[type=file]{width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-inline-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.edit-mode-card{width:100%;margin-top:.85rem;border:1px solid #3a3f4b;border-radius:12px;background:linear-gradient(180deg,#171c28,#131722);padding:.95rem;box-shadow:inset 0 1px #ffffff08}.edit-mode-card__header{margin-bottom:.85rem;padding-bottom:.55rem;border-bottom:1px solid #2f3647}.edit-mode-card__header h4{margin:0;color:#f3f4f6;font-size:1rem}.edit-mode-card label{display:grid;gap:.38rem;color:#d1d5db;font-size:.9rem}.edit-mode-card input,.edit-mode-card select{width:100%;min-height:40px;border:1px solid #475069;border-radius:8px;background:#1a2335;color:#f9fafb;padding:.55rem .65rem}.edit-mode-card input:focus,.edit-mode-card select:focus{outline:2px solid #ff7a00;outline-offset:1px}.edit-inline-grid__actions{grid-column:1 / -1;justify-content:flex-end;gap:.65rem;padding-top:.75rem;border-top:1px solid #2f3647}@media (max-width: 920px){.form-grid,.form-grid--compact,.edit-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.form-grid,.form-grid--compact,.edit-inline-grid{grid-template-columns:1fr}.agenda-visita-card__top{flex-direction:column;align-items:stretch}.agenda-visita-card__meta{width:100%}.agenda-visita-card__acciones .btn,.agenda-visita-card__wa{width:100%;text-align:center}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.metric-card h3{margin:0;color:#d1d5db;font-size:.9rem}.metric-card p{margin:.4rem 0 0;font-size:1.35rem;font-weight:700;color:#fff}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.dashboard-summary-card h3{margin:0;color:#d1d5db;font-size:.95rem}.dashboard-summary-card p{margin:.4rem 0 0;font-size:1.3rem;font-weight:700;color:#ff7a00}@media (max-width: 640px){.clients-list{gap:.75rem}}@media (max-width: 760px){.cliente-programacion{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,#111827c2,#030712e6 65%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:1.25rem;z-index:40}.cierre-modal{width:min(600px,100%);border:1px solid #374151;border-radius:16px;background:linear-gradient(180deg,#181d2a,#111827);box-shadow:0 30px 80px #00000073,0 0 0 1px #ffffff08 inset;padding:1.25rem;animation:modalFadeIn .22s ease-out}.cierre-modal__header{margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid #2f3a50}.cierre-modal__header h3{margin:0;font-size:1.2rem;color:#f9fafb}.cierre-modal__header p{margin:.45rem 0 0;color:#cbd5e1;font-size:.92rem;line-height:1.45}.cierre-modal__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.cierre-modal__field{display:grid;gap:.42rem}.cierre-modal__field span{color:#e5e7eb;font-size:.77rem;font-weight:600;letter-spacing:.01em}.cierre-modal__field input,.cierre-modal__field select{width:100%;min-height:42px;border:1px solid #45506a;border-radius:10px;background:#1a2335;color:#f9fafb;padding:.58rem .68rem}.cierre-modal__field input[type=file]{padding:.45rem .6rem}.cierre-modal__field input:focus,.cierre-modal__field select:focus{outline:2px solid #ff7a00;outline-offset:1px;border-color:#ff7a00}.cierre-modal__field--full{grid-column:1 / -1}.cierre-modal__actions{margin-top:1.1rem;padding-top:.95rem;border-top:1px solid #2f3a50;display:flex;justify-content:flex-end}.cierre-modal__actions .btn{min-width:180px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.cierre-modal{padding:1rem;border-radius:12px}.cierre-modal__body{grid-template-columns:1fr}.cierre-modal__actions .btn{width:100%}}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.85rem;flex-wrap:wrap}.pagination__pages{display:inline-flex;align-items:center;gap:.35rem}.pagination__page{min-width:34px;height:34px;border-radius:9px;border:1px solid #3f3f46;background:#171717;color:#e5e7eb;font-weight:700;cursor:pointer}.pagination__page:hover{border-color:#ff7a00;color:#fff}.pagination__page--active{border-color:#ff7a00;background:#ff7a00;color:#111827}.agenda-visita-card__contenido{padding:.55rem .72rem;gap:.4rem}.agenda-visita-card__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem .6rem;align-items:start}.agenda-visita-card__identidad h3{font-size:.94rem;line-height:1.2}.agenda-visita-card__tipo{font-size:.74rem}.agenda-visita-card__meta{grid-column:1}.agenda-visita-card__meta p{padding:.26rem .44rem;font-size:.74rem}.agenda-visita-card__wa{grid-column:2;grid-row:1 / span 2;align-self:center;padding:.3rem .54rem}.agenda-visita-card__alerta{padding:.45rem .56rem;gap:.2rem}.agenda-visita-card__alerta-ubicacion,.agenda-visita-card__ubicacion{margin:0;font-size:.76rem;color:#dbe3f0}.agenda-visita-card__alerta-ubicacion{font-weight:700;color:#fff7ed}.agenda-visita-card__bottom{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:.45rem .6rem;align-items:center}.agenda-visita-card__ubicacion{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agenda-visita-card__acciones{padding-top:0;gap:.35rem}@media (max-width: 640px){.agenda-visita-card__top,.agenda-visita-card__bottom{grid-template-columns:1fr}.agenda-visita-card__wa{grid-column:1;grid-row:auto;justify-self:stretch}.agenda-visita-card__ubicacion{white-space:normal}}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f172a;color:#e2e8f0}.login-card{width:360px;background:#111827;border:1px solid #334155;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px}.login-card input{background:#0b1220;border:1px solid #334155;color:#e2e8f0;padding:10px;border-radius:8px}.login-card button{padding:10px;border-radius:8px;background:#2563eb;color:#fff;border:none}.login-error{color:#fca5a5}.navbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.navbar-links{display:flex;gap:8px}.navbar-user{display:flex;align-items:center;gap:10px}.estado-sistema{font-size:.8rem;color:#9ca3af;margin-right:.75rem;background:#111827;padding:.35rem .5rem;border-radius:6px}.navbar-account-menu{position:relative;display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid #2e3442;border-radius:12px;background:#0f172a}.navbar-email{font-size:.85rem;color:#e5e7eb}.navbar-settings-button{width:36px;height:36px;border-radius:10px;border:1px solid #3a4355;background:#111827;color:#f8fafc;cursor:pointer;transition:all .2s ease}.navbar-settings-button:hover{border-color:#ff7a00;color:#ffb066;box-shadow:0 0 0 3px #f9731626}.navbar-dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:210px;background:#0b1220;border:1px solid #303a4b;border-radius:12px;padding:8px;box-shadow:0 14px 34px #00000059;opacity:0;transform:translateY(-8px);pointer-events:none;transition:all .22s ease;z-index:70}.navbar-dropdown.open{opacity:1;transform:translateY(0);pointer-events:auto}.navbar-dropdown button{width:100%;text-align:left;background:transparent;border:none;color:#e5e7eb;padding:10px 12px;border-radius:10px}.navbar-dropdown button:hover{background:#f9731629;color:#fff}.navbar-dropdown .logout-item:hover{background:#b91c1c38}.password-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617c7;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.password-modal{position:relative;width:min(560px,92vw);background:#0f172a;border:1px solid #334155;border-radius:18px;padding:22px;color:#e5e7eb;animation:modalFade .25s ease}.password-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:50%;border:1px solid #374151;background:#111827;color:#e5e7eb;cursor:pointer}.password-form{display:flex;flex-direction:column;gap:10px}.password-input-group{display:flex;gap:8px}.password-input-group input{flex:1;background:#0b1220;border:1px solid #334155;color:#e2e8f0;padding:11px;border-radius:10px}.password-input-group button{background:#1f2937;color:#f8fafc;border:1px solid #334155;border-radius:10px;padding:0 12px}.pin-inputs{display:flex;justify-content:center;gap:10px;margin:2px 0 8px}.pin-inputs input{width:48px;height:50px;text-align:center;font-size:1.2rem;background:#0b1220;border:1px solid #334155;color:#e2e8f0;border-radius:12px}.pin-inputs input:focus{outline:none;border-color:#ff7a00;box-shadow:0 0 0 3px #f9731633}.password-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.password-cancel{background:#111827;color:#f3f4f6;border:1px solid #334155;border-radius:10px;padding:10px 14px}.password-cancel:hover{background:#3b1111;border-color:#7f1d1d}.password-submit{display:inline-flex;align-items:center;gap:8px;background:#f97316;color:#fff;border:none;border-radius:10px;padding:10px 15px;box-shadow:0 0 0 2px #f9731633;transition:all .2s ease}.password-submit:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #f9731642,0 8px 20px #f9731640}.password-msg-ok{color:#86efac}.password-msg-error{color:#fca5a5}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modalFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}html,body,#root{width:100%;max-width:100%;overflow-x:clip}body{min-height:100dvh;overscroll-behavior-x:none;-webkit-text-size-adjust:100%}.app-container,.app-main,.card,.dashboard-app,.priority-item,.notifications-panel,.modal-card,.password-modal,.cierre-modal{min-width:0}.login-shell{min-height:100vh;min-height:100svh;min-height:100dvh;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.login-card{width:min(360px,100%)}.navbar{width:100%;align-items:flex-start;gap:.75rem}.navbar-menu-toggle{display:none;padding:.55rem .75rem;border:1px solid #3f3f46;border-radius:10px;background:#1f1f1f;color:#f3f4f6}.navbar-links{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}.navbar-user{margin-left:auto;min-width:0;display:flex;flex-wrap:wrap;justify-content:flex-end}.estado-sistema{max-width:100%}.navbar-account-menu{min-width:0;max-width:100%}.navbar-email{display:block;min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-actions,.priority-actions,.notifications-actions,.password-form-actions,.cierre-modal__actions{flex-wrap:wrap}.metrics-grid,.dashboard-summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.modal-backdrop,.password-modal-backdrop,.modal-overlay{padding:max(.75rem,env(safe-area-inset-top)) .75rem max(.75rem,env(safe-area-inset-bottom))}.modal-card,.password-modal,.cierre-modal{width:min(720px,100%);max-height:min(88dvh,88svh);overflow:auto}@media (max-width: 900px){.app-container{padding:.75rem}.navbar{flex-direction:column;align-items:stretch}.navbar-menu-toggle{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start}.navbar-links{display:none;width:100%;flex-direction:column}.navbar-links.open{display:flex}.navbar-links button{width:100%;text-align:left}.navbar-user{width:100%;margin-left:0;justify-content:space-between;gap:.5rem}.estado-sistema{font-size:.76rem;margin-right:0;flex:1 1 100%}.navbar-account-menu{width:100%;justify-content:space-between}.navbar-email{max-width:calc(100vw - 7rem)}.notifications-panel{right:auto;left:0;width:min(100vw - 1.5rem,440px)}.notifications-data,.priority-data,.modal-grid--two-cols,.cierre-modal__body{grid-template-columns:1fr}}@media (max-width: 640px){.app-container{padding:.6rem}.card,.priority-item,.password-modal,.cierre-modal,.modal-card{padding:.8rem}.metrics-grid,.dashboard-summary-grid{grid-template-columns:1fr}.notifications-item__head{flex-direction:column;align-items:flex-start}}