@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}.login-container{font-family:Inter,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100svh;width:100%;padding:20px;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:400px;background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 24px #00000014}.form-header{text-align:center;margin-bottom:20px}.logo{margin:0 auto}.logo img{width:200px;height:auto}.form-header p{color:#64748b;font-size:15px;font-weight:500}.form-group{margin-bottom:20px}.input-with-icon{position:relative}.input-with-icon i:not(.fa-eye){position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#f97316;font-size:16px}.form-input{width:100%;padding:14px 14px 14px 44px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:500;color:#334155;transition:all .2s ease;background:#fff}.form-input::placeholder{color:#94a3b8;font-weight:400}.form-input:focus{border-color:#f97316;outline:none;box-shadow:0 0 0 3px #f973161a}.toggle-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#64748b;font-size:16px;transition:color .2s ease}.toggle-password:hover{color:#f97316}.forgot-password{text-align:right;margin:-8px 0 24px}.hover-underline{color:#f97316;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.hover-underline:hover{color:#ea580c}.submit-button{width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.button-content{display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease}.submit-button:hover .button-content{transform:translate(4px)}.submit-button:hover{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 12px #f9731640}.mensaje-error{text-align:center;color:#dc2626;margin-top:-12px;margin-bottom:16px;font-size:14px;font-weight:500}.login-footer{margin-top:20px;text-align:center;opacity:.85}.contact-info{display:flex;flex-direction:column;align-items:center;gap:4px}.contact-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;font-weight:500;transition:color .2s ease}.contact-item i{color:#f97316;font-size:14px}.contact-item:hover{color:#f97316}.no-style-link{text-decoration:none;color:inherit;font-weight:inherit}@media (max-width: 480px){.login-card{padding:32px 24px}.logo img{width:180px}.contact-item{font-size:12px}.contact-item i{font-size:13px}}.content-wrapper{min-height:100svh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);font-family:Inter,sans-serif}.nav-container{width:100%;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#fff;box-shadow:0 4px 24px #0000000f;position:sticky;top:0;z-index:10}.nav-user i{color:#f97316;font-size:1.2rem}.nav-link:hover{background:#fff;border-color:#f97316;color:#f97316;box-shadow:0 4px 12px #f9731614;transform:translateY(-1px)}.nav-link i{font-size:.875rem}.table-container{background:#fff;border-radius:16px;margin:2rem auto;width:90%;max-width:1000px;box-shadow:0 4px 24px #0000000f;border:1.5px solid #e2e8f0}.table-header h1{color:#334155;font-size:1.5rem;font-weight:600}.table-wrapper{padding:1.5rem 2rem;overflow-x:auto}.studies-table{width:100%;border-collapse:separate;border-spacing:0 .875rem}.studies-table thead{display:none}.studies-table tbody tr{background:#fff;transition:all .2s ease;box-shadow:0 2px 8px #0000000a;display:grid;grid-template-columns:1fr auto;align-items:center;padding:1rem 1.5rem;border-radius:12px;margin-bottom:.75rem;border:1.5px solid #e2e8f0}.studies-table tbody tr:hover{transform:translateY(-2px);border-color:#f97316;box-shadow:0 4px 16px #f9731614}.study-info-container{display:flex;flex-direction:column;gap:.375rem}.study-name{color:#334155;font-weight:600;font-size:1rem}.study-date{color:#64748b;font-size:.875rem}.actions-cell{display:flex;gap:.75rem}.btn-primary,.btn-secondary{padding:.625rem 1.25rem;border-radius:8px;border:none;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary{background:#f8fafc;color:#475569;border:1.5px solid #e2e8f0}.btn-primary:hover{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 12px #f9731633;transform:translateY(-2px)}.btn-secondary:hover{background:#fff;border-color:#f97316;color:#f97316;box-shadow:0 4px 12px #f9731614;transform:translateY(-2px)}.pagination{display:flex;justify-content:center;margin:1rem 0;gap:.5rem}.pagination-button{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:4px;background:#f8fafc;color:#475569;font-size:.875rem;cursor:pointer;transition:background .2s ease,color .2s ease}.pagination-button:hover{background:#e2e8f0;color:#334155}.pagination-button.active{background:#f97316;color:#fff;border-color:#f97316}@media (max-width: 1024px){.table-container{width:95%;margin:1.5rem auto}}@media (max-width: 868px){.nav-container{padding:1rem 1.5rem}.table-header,.table-wrapper{padding:1.25rem 1.5rem}}@media (max-width: 768px){.nav-container{flex-direction:column;padding:1rem;gap:1rem}.nav-actions{width:100%;justify-content:center}.table-container{margin:1rem auto;border-radius:12px}.studies-table tbody tr{padding:1rem}}@media (max-width: 480px){.nav-container{padding:.875rem}.nav-user{font-size:1rem}.nav-link{padding:.5rem 1rem;font-size:.813rem}.table-container{width:92%;margin:.875rem auto}.table-header{padding:1rem}.table-header h1{font-size:1.25rem}.studies-table tbody tr{padding:.875rem;flex-direction:column;gap:1rem;text-align:center}.actions-cell{width:100%;justify-content:center}.study-info-container{align-items:center}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;padding:1rem;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background:#f9fafb;border-radius:1rem;width:100%;max-width:450px;box-shadow:0 20px 40px #0003;animation:modalAppear .3s ease}@keyframes modalAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1.5rem;border-bottom:1px solid rgba(75,85,99,.2);display:flex;justify-content:space-between;align-items:center}.modal-header h2{color:#334155;font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#9ca3af;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s ease}.modal-close:hover{background:#3341551a;color:#f97316}.modal-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;color:#1e293b;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.password-input{position:relative;display:flex;align-items:center}.password-input input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid rgba(51,65,85,.3);border-radius:.5rem;font-size:.875rem;transition:all .3s ease;background:#fff}.password-input input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f9731633}.password-input input:disabled{background:#f1f5f9;cursor:not-allowed}.password-input i{position:absolute;right:1rem;color:#f97316;opacity:.5}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .3s ease;border:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.btn-secondary{background:#f973161a;color:#f97316}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-primary:disabled,.btn-secondary:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.alert{padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.alert i{font-size:1rem}.alert-error{background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.alert-success{background:#16a34a1a;color:#16a34a;border:1px solid rgba(22,163,74,.2)}@keyframes spin{to{transform:rotate(360deg)}}.fa-spinner{animation:spin 1s linear infinite;margin-right:.5rem;transform-origin:center center}@media (max-width: 768px){.modal-container{max-width:100%;margin:1rem}.modal-header{padding:1.25rem}.modal-header h2{font-size:1.125rem}.modal-form{padding:1.25rem}.modal-actions{gap:.75rem}}@media (max-width: 480px){.modal-container{margin:.5rem}.modal-header{padding:1rem}.modal-header h2{font-size:1rem}.modal-form{padding:1rem}.form-group{margin-bottom:1rem}.password-input input{padding:.625rem .875rem;font-size:.813rem}}:root{--bg-dark: #08090d;--bg-darker: #0d0e12;--bg-panel: #141519;--accent-primary: #1e3c72;--accent-secondary: #181a21;--accent-hover: #234583;--text-primary: #f8f9fb;--text-secondary: #7d8086;--border-subtle: rgba(255, 255, 255, .02);--border-strong: rgba(255, 255, 255, .045);--shadow-soft: 0 2px 6px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .12)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.viewer-container{width:100vw;height:100vh;background-color:var(--bg-dark);color:var(--text-primary);display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;outline:none}.quick-actions-bar{height:48px;background-color:var(--bg-darker);display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-soft)}.quick-actions-left,.quick-actions-right{display:flex;gap:8px}.quick-action{background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9rem;transition:all .2s ease}.quick-action:hover{background-color:var(--accent-primary);color:var(--text-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.quick-action.active{background-color:var(--accent-primary);border-color:var(--accent-secondary);color:var(--text-primary);box-shadow:0 0 10px #6366f14d}.quick-action i{font-size:1.1rem}.reset-button{width:100%;margin-top:30px;padding:12px;background:var(--accent-primary);border:none;border-radius:8px;color:var(--text-primary);font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--shadow-soft)}.reset-button:hover{transform:translateY(-1px);box-shadow:0 6px 12px #6366f133;cursor:pointer}.reset-button i{margin-right:8px;font-size:1.1rem}.image-navigation{display:flex;align-items:center;gap:12px}.nav-button{background:none;border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;padding:4px 12px;border-radius:6px;font-size:1.2rem;line-height:1;transition:all .15s ease}.nav-button:disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.3}.nav-button:not(:disabled):hover{background-color:var(--accent-primary);transform:scale(1.05);border-color:var(--accent-primary)}.image-counter{font-size:.9rem;color:var(--text-secondary);min-width:60px;text-align:center}.main-content{flex:1;display:flex;overflow:hidden;position:relative}.filters-panel{width:280px;background-color:var(--bg-panel);padding:16px;overflow-y:auto;border-right:1px solid var(--border-subtle)}.filter-control{margin-bottom:16px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid var(--border-subtle)}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.filter-value{color:var(--accent-secondary);font-size:.9rem;font-weight:500}.filter-slider{width:100%;height:4px;-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none}.filter-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid white;transition:transform .15s ease}.filter-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--accent-secondary)}.image-workspace{flex:1;display:flex;justify-content:center;align-items:center;position:relative;background:var(--bg-dark);overflow:hidden}.image-workspace img{max-width:100%;max-height:100%;object-fit:contain;will-change:transform}.zoom-indicator{position:absolute;top:16px;right:16px;background-color:#0d1117d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 8px;border-radius:4px;font-size:.85rem;color:var(--text-primary);z-index:10}.thumbnails-panel{height:100px;background-color:var(--bg-panel);border-top:1px solid var(--border-subtle);padding:8px}.thumbnails-scroll{display:flex;gap:8px;overflow-x:auto;height:100%;padding:0 4px;scrollbar-width:thin;scrollbar-color:var(--accent-primary) rgba(255,255,255,.1)}.thumbnails-scroll::-webkit-scrollbar{height:6px}.thumbnails-scroll::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.thumbnails-scroll::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}.thumbnail{position:relative;flex:0 0 auto;width:80px;height:80px;border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;transition:all .2s ease}.thumbnail:hover{border-color:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.thumbnail.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-secondary)}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-number{position:absolute;top:4px;right:4px;background:#0d1117d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary);padding:2px 6px;border-radius:3px;font-size:.8rem}:fullscreen .viewer-container{background-color:var(--bg-dark)}:fullscreen .quick-actions-bar,:fullscreen .filters-panel,:fullscreen .thumbnails-panel{background-color:#1a2332f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer-container.filters-hidden .filters-panel,.viewer-container.thumbnails-hidden .thumbnails-panel{display:none}.viewer-container.filters-hidden .image-workspace{margin-left:0}.viewer-container.thumbnails-hidden .main-content{height:100%}.mobile-swipe-hint{display:none}.thumbnail{position:relative;cursor:pointer}.thumbnail-overlay{position:absolute;inset:0;z-index:1;background:transparent}.thumbnail embed{position:relative;z-index:0}.mobile-pdf-container{display:flex;align-items:center;justify-content:center;height:100%;background:#1e1e2f;margin-bottom:7px}.mobile-pdf-download{padding:10px 20px;color:#fff;background-color:#1e90ff;text-decoration:none;font-weight:700;border-radius:6px;box-shadow:0 4px 6px #0003;transition:all .3s ease}.mobile-pdf-download:hover{background-color:#0056b3;transform:translateY(-2px)}@media (max-width: 768px){.viewer-container{height:auto;min-height:100svh}.quick-actions-bar{display:none}.main-content{flex-direction:column;height:auto}.filters-panel{width:100%;height:auto;padding:12px;background-color:var(--bg-panel);display:grid;grid-template-columns:repeat(2,1fr);gap:8px;border-right:none}.filter-control{margin-bottom:0}.reset-button{grid-column:span 2;width:200px;margin:12px auto;padding:8px}.image-workspace{width:100%;display:flex;flex-direction:column;align-items:center}.image-workspace img{width:100vw;height:auto;max-height:calc(100vh - 400px);object-fit:contain;padding:0;margin:16px 0}.mobile-swipe-hint{display:block;text-align:center;color:var(--text-secondary);padding:4px 0;margin:0 0 8px;font-size:.75rem;opacity:.8}.thumbnails-panel{width:100%;height:70px;padding:8px;background-color:var(--bg-panel);border-top:1px solid var(--border-subtle)}.thumbnails-scroll{display:flex;gap:8px;height:100%;overflow-x:auto;padding:0 4px;-webkit-overflow-scrolling:touch}.thumbnail{flex:0 0 50px;height:50px;border-width:1px}}@media (max-width: 480px){.filters-panel,.filter-control{padding:8px}.filter-header label{font-size:.75rem}.image-workspace img{margin:8px 0;max-height:calc(100vh - 350px)}.thumbnails-panel{height:60px}.thumbnail{flex:0 0 40px;height:40px}}@media (max-width: 768px) and (orientation: landscape){.image-workspace img{max-height:calc(100vh - 300px)}.filters-panel{grid-template-columns:repeat(4,1fr)}.reset-button{grid-column:span 4}}.content-wrapper{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);font-family:Inter,sans-serif}.nav-container{width:100%;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#fff;box-shadow:0 4px 24px #0000000f}.nav-user{color:#334155;font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:.75rem}.nav-actions{display:flex;gap:1rem}.nav-link{color:#475569;text-decoration:none;padding:.625rem 1.25rem;border-radius:8px;font-weight:500;transition:all .2s ease;background:#f8fafc;display:flex;align-items:center;gap:.625rem;font-size:.875rem;border:1.5px solid #e2e8f0;cursor:pointer}.nav-link:hover{background:#f1f5f9}.admin-nav{padding:0 2rem;display:flex;gap:1rem;border-bottom:1.5px solid #e2e8f0;background:#f8fafc}.admin-nav-button{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#475569;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.625rem}.admin-nav-button:hover{color:#f97316}.admin-nav-button.active{color:#f97316;border-bottom-color:#f97316}.table-container{width:95%;max-width:1800px;margin:1rem auto;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f}.table-header{padding:1.5rem 2rem;border-bottom:1.5px solid #e2e8f0}.tables-wrapper{padding:1.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;align-items:start}.tables-wrapper-2{padding:1.5rem}.table-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;overflow:auto}.table-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;min-height:80px}.table-title{padding:0;margin:0;color:#334155;font-size:1.1rem;font-weight:600}.responsive-table{border-radius:8px;background:#f8fafc;box-shadow:0 2px 4px #0000000d;padding:1rem;max-width:100%;display:block}.patients-table{width:100%;min-width:600px;border-collapse:collapse;font-size:.9rem;color:#475569;overflow:auto}.patients-table th,.patients-table td{text-align:left;padding:.5rem .25rem;border-bottom:1px solid #e2e8f0}.nombre{max-width:150px}.patients-table th{background:#f8fafc;top:0;font-weight:600;color:#334155}.patients-table tr:hover{background-color:#f1f5f9;cursor:pointer}.patients-table td{color:#475569}.action-button{display:inline-block;padding:.4rem .8rem;font-size:.85rem;color:#fff;border-radius:6px;cursor:pointer;border:none;transition:background-color .2s ease,box-shadow .2s ease}.cancel-action{background-color:#ef4444}.cancel-action:hover{background-color:#dc2626;box-shadow:0 2px 6px #0000001a}.compartir-action{background-color:#3b82f6}.compartir-action:hover{background-color:#2563eb;box-shadow:0 2px 6px #0000001a}.custom-file-upload{display:inline-flex;justify-content:center;align-items:center;background-color:#3b82f6;border:1px solid #3b82f6;text-align:center;cursor:pointer;border-radius:6px;padding:.4rem .8rem;font-size:.85rem;color:#fff;transition:background-color .2s ease,box-shadow .2s ease}.fa-spinner{margin:0;padding:0}.custom-file-upload:hover{background-color:#2563eb;box-shadow:0 2px 6px #0000001a}.custom-file-upload input[type=file]{display:none}.scroll{overflow:auto}.search-input{width:100%;max-width:400px;padding:.6rem 1rem;font-size:1rem;color:#334155;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;transition:all .2s ease;margin-bottom:10px}.search-input:hover{border-color:#cbd5e1;background-color:#f1f5f9}.search-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973164d}.search-input::placeholder{color:#94a3b8;font-style:italic}.informes-search-input{width:100%;max-width:300px;padding:.6rem 1rem;font-size:.9rem;color:#334155;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;transition:all .2s ease;margin:0}.informes-search-input:hover{border-color:#cbd5e1;background-color:#f1f5f9}.informes-search-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973164d}.table-section-header-no-informados{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;min-height:80px}.delete-action{background-color:#f43f5e;border:1px solid #f43f5e;text-align:center;cursor:pointer;border-radius:6px;padding:.4rem .8rem;font-size:.85rem;color:#fff;transition:background-color .2s ease,box-shadow .2s ease;margin-left:10px}.delete-action:hover{background-color:#e11d48;box-shadow:0 2px 6px #0000001a}@media (max-width: 1410px){.tables-wrapper{grid-template-columns:1fr}.table-section{margin-bottom:1rem}}@media (max-width: 768px){.table-container{width:100%}.patients-table th,.patients-table td{font-size:.8rem}.responsive-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-section-header{flex-direction:column;align-items:flex-start}.informes-search-input{margin-top:1rem;width:100%}}