body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.toast-modal-backdrop{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:9998}.toast-modal{align-items:center;animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;gap:1rem;left:50%;max-width:500px;min-width:320px;padding:2rem;pointer-events:auto;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:9999}.dark .toast-modal{background:#2d3748;box-shadow:0 20px 60px #0009}.toast-modal-icon{font-size:3rem;line-height:1;margin-bottom:.5rem}.toast-modal-content{display:flex;flex-direction:column;gap:.5rem}.toast-modal-title{color:#1f2937;font-size:1.3rem;font-weight:700;line-height:1.4;margin:0}.dark .toast-modal-title{color:#f3f4f6}.toast-modal-message{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0}.dark .toast-modal-message{color:#d1d5db}.toast-modal-info .toast-modal-icon,.toast-modal-info .toast-modal-title{color:#4080be}.dark .toast-modal-info .toast-modal-title{color:#60a5fa}.toast-modal-success .toast-modal-icon,.toast-modal-success .toast-modal-title{color:#22c55e}.dark .toast-modal-success .toast-modal-title{color:#4ade80}.toast-modal-error .toast-modal-icon,.toast-modal-error .toast-modal-title{color:#ef4444}.dark .toast-modal-error .toast-modal-title{color:#f87171}.toast-modal-warning .toast-modal-icon,.toast-modal-warning .toast-modal-title{color:#f59e0b}.dark .toast-modal-warning .toast-modal-title{color:#fbbf24}.toast-modal-confirm .toast-modal-icon{color:#f59e0b}.toast-modal-confirm .toast-modal-title{color:#1f2937}.dark .toast-modal-confirm .toast-modal-title{color:#f3f4f6}.toast-modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem;position:relative;width:100%;z-index:10000}.toast-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:100px;padding:.6rem 1.5rem;pointer-events:auto;position:relative;transition:all .2s ease;z-index:10001}.toast-modal-btn:hover{transform:translateY(-2px)}.toast-modal-btn-close{background:#4080be;color:#fff;flex:1 1}.toast-modal-btn-close:hover{background:#3670ae}.dark .toast-modal-btn-close{background:#60a5fa}.dark .toast-modal-btn-close:hover{background:#3b82f6}.toast-modal-btn-cancel{background:#e5e7eb;color:#374151;flex:1 1}.toast-modal-btn-cancel:hover{background:#d1d5db}.dark .toast-modal-btn-cancel{background:#4b5563;color:#e5e7eb}.dark .toast-modal-btn-cancel:hover{background:#5a6573}.toast-modal-btn-confirm{background:#ef4444;color:#fff;flex:1 1}.toast-modal-btn-confirm:hover{background:#dc2626}.dark .toast-modal-btn-confirm{background:#f87171}.dark .toast-modal-btn-confirm:hover{background:#ef4444}@media (max-width:600px){.toast-modal{margin:1rem;max-width:90vw;min-width:280px;padding:1.5rem}.toast-modal-icon{font-size:2.5rem}.toast-modal-title{font-size:1.1rem}.toast-modal-message{font-size:.9rem}.toast-modal-actions{flex-direction:column}.toast-modal-btn{min-width:0;min-width:auto;width:100%}}.success-toast{align-items:center;animation:slideInDown .3s ease,fadeOut .3s ease 2.7s;background:#10b981;border-radius:12px;box-shadow:0 10px 25px #10b9814d;color:#fff;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:1rem 1.5rem;position:fixed;right:1.5rem;top:1.5rem;z-index:10000}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.success-toast-icon{font-size:1.25rem;line-height:1}.success-toast-message{line-height:1.4}.dark .success-toast{background:#059669;box-shadow:0 10px 25px #05966966}@media (max-width:600px){.success-toast{font-size:.9rem;left:1rem;padding:.875rem 1.25rem;right:1rem;top:1rem}}.admin-header{background:linear-gradient(135deg,#4d8dcb,#5a9ad8);box-shadow:0 2px 10px #0000001a;height:70px;justify-content:flex-start;left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:1002}.dark .admin-header{background:linear-gradient(135deg,#1e3a5f,#2d4a6f);box-shadow:0 2px 10px #0000004d}.admin-header-content{gap:0;margin:0;padding:0;width:100%}.header-left{flex-shrink:0;margin:0;padding:0 0 0 1rem}.header-center{margin:0;max-width:100%;min-width:0;pointer-events:none;width:auto}.header-center>*{pointer-events:auto}.header-title{align-items:center;color:#fff;display:flex;flex-direction:column;gap:0;justify-content:center;max-width:100%;min-width:0;text-align:center}.header-title h1{line-height:1.2}.header-title h1,.header-title span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-title span{color:#ffffffd9;display:block;font-size:.85rem;font-weight:400;margin-top:.2rem}.hamburger-menu{margin:0 0 0 20px}.hamburger-menu:hover{background:#fff3;transform:scale(1.05)}.menu-icon{height:32px;width:32px}.admin-sidebar.open~.admin-header .hamburger-menu .menu-icon{transform:rotate(90deg)}.light-mode .menu-icon{filter:brightness(0) saturate(100%)}.dark-mode .menu-icon{filter:brightness(0) saturate(100%) invert(100%)}.hamburger-menu{align-items:center;background:#fff;border:9px solid #fff;border-radius:20px;flex-shrink:0;height:60px;justify-content:center;margin:0 0 15px 20px;padding:4px;transition:all .3s ease;width:60px}.hamburger-menu:active{transform:scale(.95)}.menu-icon{color:#fff!important;object-fit:contain}.hamburger-menu:hover .menu-icon{transform:rotate(15deg)}.admin-sidebar.open~.admin-header .hamburger-menu{background:#4080be1a}.header-right{gap:0;margin:0 0 0 auto;padding:0 1rem 0 0;position:relative}.notification-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;display:flex;flex-shrink:0;font-size:1.4rem;height:45px;justify-content:center;margin:0;width:45px}.notification-icon-img{filter:brightness(0) invert(1);height:24px;object-fit:contain;width:24px}.notification-btn:hover{background:#ffffff40;transform:scale(1.08)}.notification-btn:hover .notification-icon-img{filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(255,255,255,.6))}.notification-btn:active{transform:scale(.95)}.notification-btn.active{background:#fffffff2!important;border-color:#fff!important}.notification-btn.active .notification-icon-img{filter:brightness(0) invert(0)!important}.notification-badge{animation:pulse 2s ease-in-out infinite;background:#ef4444!important;border:2.5px solid #fff;border-radius:12px;box-shadow:0 3px 12px #ef4444b3,0 0 0 3px #ffffffe6,inset 0 1px 0 #ffffff4d,inset 0 -2px 3px #0000004d;font-weight:900;height:22px;letter-spacing:.3px;min-width:22px;padding:.3rem .5rem;right:-6px;text-shadow:0 1px 2px #0000004d;top:-6px;z-index:10}.notification-badge:before{background:linear-gradient(180deg,#fff3,#fff0);border-radius:8px 8px 0 0;content:"";height:40%;left:3px;pointer-events:none;position:absolute;right:3px;top:2px}@keyframes wobble{0%,to{transform:rotate(0deg) scale(1)}15%{transform:rotate(-15deg) scale(1.1)}30%{transform:rotate(15deg) scale(1.1)}45%{transform:rotate(-10deg) scale(1.05)}60%{transform:rotate(10deg) scale(1.05)}75%{transform:rotate(-5deg) scale(1)}}.notification-btn:hover .notification-badge{animation:wobble .6s ease-in-out,pulse 2s ease-in-out infinite}.admin-dashboard.sidebar-open .admin-main,.admin-incident-page.sidebar-open .incident-main-content,.admin-page.sidebar-open .admin-content{margin-left:350px;transition:margin-left .3s ease}.admin-content,.admin-main,.incident-main-content{margin-left:0;transition:margin-left .3s ease}.admin-sidebar{background:linear-gradient(180deg,#2d3d52,#1f2d3d);box-shadow:4px 0 20px #0006;color:#fff;display:flex;flex-direction:column;height:100vh;left:-350px;position:fixed;top:0;transition:left .3s ease;width:350px;z-index:9999}.admin-sidebar.open{left:0}.sidebar-header{border-bottom:2px solid #ffffff1f;justify-content:flex-start}.sidebar-brand{flex:1 1}.sidebar-logo-img{background:#fff;border:3px solid #fffc;border-radius:50%;box-shadow:0 4px 15px #0000004d;flex-shrink:0;height:50px;object-fit:contain;padding:4px;transition:all .3s ease;width:50px}.sidebar-brand:hover .sidebar-logo-img{border-color:#ffffffe6;box-shadow:0 6px 20px #ffffff80;transform:scale(1.05)}.sidebar-brand-text h1{font-size:1.15rem;font-weight:800;letter-spacing:.5px;text-shadow:0 2px 8px #0000004d}.sidebar-brand-text span{color:#b0c4de;font-size:.75rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.sidebar-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex:1 1;padding:1rem 0;text-rendering:optimizeLegibility}.sidebar-profile{border-bottom:2px solid #ffffff1f;margin-bottom:1rem;padding:1rem 1.5rem}.profile-avatar{background:linear-gradient(135deg,#4080be,#5090ce);box-shadow:0 4px 15px #4f46e54d;font-size:1.8rem;height:60px;margin-bottom:1rem;width:60px}.profile-info h3{font-size:1.1rem;font-weight:700;letter-spacing:.3px}.profile-info p{color:#a8c5e0;font-size:.85rem;font-weight:500;letter-spacing:.2px}.sidebar-nav{margin-bottom:1rem;overflow-y:auto;padding:0 1rem}.nav-section h4{color:#7fa3c0;font-size:.7rem;font-weight:700;letter-spacing:.8px;margin:0 0 1rem .5rem}.nav-item{background:#0000;border:1px solid #0000;border-radius:10px;color:#e8f0f8;font-size:.95rem;font-weight:600;letter-spacing:.2px;margin-bottom:.35rem;overflow:hidden;padding:.8rem 1rem;text-decoration:none;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.nav-item:hover{background:#ffffff1f;border-color:#ffffff1a;box-shadow:0 2px 8px #0003;color:#fff;transform:translateX(6px)}.nav-item.active{background:linear-gradient(135deg,#4080be,#5090ce);border-color:#fff3;box-shadow:0 4px 15px #4080be66;color:#fff;font-weight:700}.nav-item.active:hover{transform:translateX(0)}.nav-icon{flex-shrink:0;text-align:center;width:20px}.nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-toggle{background:#ffffff14!important;border:1px solid #ffffff1f!important}.theme-toggle:hover{background:#ffffff26!important}.sidebar-footer{border-top:2px solid #ffffff1f;padding:1rem 1.5rem}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;box-shadow:0 4px 15px #ef44444d;font-size:.95rem;font-weight:700;justify-content:center;letter-spacing:.2px;padding:.85rem 1rem;transition:all .3s ease}.logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.logout-btn span{font-size:1.1rem}.notification-dropdown{display:flex;flex-direction:column;max-height:calc(100vh - 90px);position:fixed;right:10px;top:70px;width:min(420px,calc(100vw - 20px))}.dark .notification-dropdown{background:#2d3748;box-shadow:0 10px 40px #0006}.notification-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;flex-wrap:wrap;gap:.75rem;padding:1rem}.dark .notification-header{border-bottom-color:#374151}.notification-title{align-items:center;display:flex;gap:.5rem}.notification-title h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.notification-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.sound-toggle-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;line-height:1;min-width:36px;padding:.4rem .6rem;transition:all .2s ease}.sound-toggle-btn:hover{background:#ffffff4d;transform:scale(1.05)}.sound-toggle-btn:active{transform:scale(.95)}.mark-all-read-btn{padding:.5rem .8rem}.notification-filters{flex-shrink:0;flex-wrap:wrap}.dark .notification-filters{background:#1f2937;border-bottom-color:#374151}.filter-btn{font-size:.75rem;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.dark .filter-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.dark .filter-btn:hover{background:#4b5563;border-color:#6b7280;color:#e5e7eb}.notification-list{flex:1 1;max-height:450px}.notification-list::-webkit-scrollbar-track{background:#f3f4f6}.dark .notification-list::-webkit-scrollbar-track{background:#1f2937}.notification-list::-webkit-scrollbar-thumb{background:#d1d5db}.dark .notification-list::-webkit-scrollbar-thumb{background:#4b5563}.notification-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.notification-item{align-items:flex-start;gap:.75rem;padding:.875rem 1rem}.dark .notification-item{border-bottom-color:#374151}.dark .notification-item:hover{background:#374151}.dark .notification-item.unread{background:#1e3a5f}.notification-icon{font-size:1.1rem;height:36px;margin-top:2px;width:36px}.notification-content{padding-right:1.5rem}.notification-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:.875rem;font-weight:600;line-height:1.4;margin:0 0 .3rem;overflow:hidden;text-overflow:ellipsis}.dark .notification-text{color:#f3f4f6}.notification-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0 0 .5rem;overflow:hidden}.dark .notification-description{color:#9ca3af}.dark .notification-time{color:#6b7280}.unread-indicator{background:#4080be;border-radius:50%;box-shadow:0 0 0 3px #4080be33;height:8px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:8px}.notification-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 1rem}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#4080be;height:40px;width:40px}.notification-loading p{color:#6b7280;font-size:.9rem;margin:0}.dark .notification-loading p{color:#9ca3af}.notification-empty{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:3rem 1rem}.empty-icon{font-size:3rem;margin-bottom:.5rem}.notification-empty p{color:#1f2937;font-size:1rem;font-weight:600}.dark .notification-empty p{color:#f3f4f6}.notification-empty span{color:#6b7280;font-size:.85rem}.dark .notification-empty span{color:#9ca3af}.notification-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:center;padding:.75rem 1rem}.dark .notification-footer{background:#1f2937;border-top-color:#374151}.view-all-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;font-weight:600;padding:.6rem 1rem;transition:all .2s ease;width:100%}.dark .view-all-btn{background:#374151;border-color:#4b5563;color:#60a5fa}.view-all-btn:hover{background:#4080be;border-color:#4080be;color:#fff}.sidebar-logo-img{border-width:2.5px;height:45px;padding:3px;width:45px}.sidebar-content{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-color:#0000 #0000;scrollbar-width:thin;transition:scrollbar-color .3s ease}.sidebar-content:active,.sidebar-content:hover{scrollbar-color:#ffffff4d #0000}.sidebar-content::-webkit-scrollbar{background:#0000;width:8px}.sidebar-content::-webkit-scrollbar-track{background:#0000;margin:8px 0}.sidebar-content::-webkit-scrollbar-thumb{background:#0000;background-clip:padding-box;border:2px solid #0000;border-radius:10px;-webkit-transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease}.sidebar-content:active::-webkit-scrollbar-thumb,.sidebar-content:hover::-webkit-scrollbar-thumb{background:#ffffff4d;background-clip:padding-box}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff80;transform:scaleX(1.2)}.sidebar-content::-webkit-scrollbar-thumb:active{background:#fff9}.sidebar-content::-webkit-scrollbar{position:absolute;right:2px}.sidebar-content:hover::-webkit-scrollbar-thumb{animation:fadeInScrollbar .3s ease}@media (max-width:768px){.notification-btn{margin-right:12px}.notification-btn.active{background:#1e293bf2!important;border-color:#1e293b!important}.notification-btn.active .notification-icon-img{filter:brightness(0) invert(1)!important}.hamburger-menu{margin-right:23rem!important}}@media (max-width:768px){body:has(.admin-dashboard),html:has(.admin-dashboard){max-width:100vw;overflow-x:hidden}.admin-dashboard{max-width:100vw;overflow-x:hidden;width:100vw}.admin-main{margin-left:0!important;margin-top:70px;max-width:100vw!important;min-height:calc(100vh - 70px);overflow-x:hidden;padding:1rem .75rem!important;width:100vw!important}.admin-welcome-section,.hero-section{border-radius:12px!important;margin:0 0 3rem!important;padding:1.5rem 1rem!important}.admin-main{padding:auto}.welcome-card{margin-top:5rem!important}.hero-title,.welcome-card h2{font-size:1.5rem!important}.welcome-card p{font-size:.9rem!important}.admin-stats-grid,.header-stats,.stats-grid,.welcome-stats{gap:.75rem!important;grid-template-columns:1fr!important}.admin-stat,.stat-card,.welcome-stat{min-height:auto!important;padding:1rem!important}.stat-number{font-size:1.5rem!important}.stat-label{font-size:.85rem!important}.stat-icon{font-size:1.5rem!important;height:40px!important;width:40px!important}}@media (max-width:450px){.admin-stats-grid,.stats-grid{gap:.5rem!important}.stat-card{padding:.75rem!important}.stat-number{font-size:1.25rem!important}.stat-label{font-size:.75rem!important}}@media (max-width:768px){.admin-table-wrapper,.records-table-container,.table-container,.violations-table-container{-webkit-overflow-scrolling:touch;margin:0 -.75rem!important;overflow-x:auto!important;padding:0 .75rem!important}.admin-table,.records-table,.violations-table,table{font-size:.85rem!important;min-width:100%!important}.records-table td,.records-table th,.violations-table td,.violations-table th,table td,table th{font-size:.8rem!important;padding:.5rem .4rem!important}.hide-mobile{display:none!important}}@media (max-width:450px){.records-table,.violations-table,table,td,th{font-size:.75rem!important}td,th{padding:.4rem .3rem!important}}@media (max-width:768px){.filter-group,.form-group,.search-group{margin-bottom:1rem!important;width:100%!important}.filter-group input,.filter-group select,.form-group input,.form-group select,.form-group textarea{font-size:.9rem!important;padding:.75rem!important;width:100%!important}.filters-section{flex-direction:column!important;gap:1rem!important;padding:1rem .75rem!important}.filter-row,.form-row{gap:1rem!important;grid-template-columns:1fr!important}.action-buttons,.button-group,.header-actions,.modal-actions{flex-direction:column!important;gap:.75rem!important;width:100%!important}.action-buttons button,.button-group button,.modal-actions button{justify-content:center!important;width:100%!important}.filter-buttons{flex-wrap:wrap!important;gap:.5rem!important}.filter-btn{flex-basis:calc(50% - 0.25rem);flex-grow:1;flex-shrink:1;font-size:.85rem!important;min-width:auto!important;padding:.6rem .75rem!important}.generate-report-btn,.refresh-btn,.send-report-btn,.view-all-btn{padding:.875rem 1rem!important;width:100%!important}}@media (max-width:450px){.filter-btn{flex:1 1 100%!important;font-size:.8rem!important}}@media (max-width:768px){.modal-overlay{padding:.5rem!important}.incident-modal,.modal-content,.report-modal,.user-modal{border-radius:12px!important;margin:1rem auto!important;max-height:90vh!important;max-width:95vw!important}.modal-header{padding:1rem!important}.modal-header h2,.modal-header h3{font-size:1.2rem!important}.modal-body{max-height:calc(90vh - 120px)!important;overflow-y:auto!important;padding:1rem!important}.modal-actions,.modal-footer{flex-direction:column-reverse!important;padding:1rem!important}}@media (max-width:450px){.modal-content{border-radius:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important}.modal-header h2,.modal-header h3{font-size:1.1rem!important}}@media (max-width:768px){.cards-grid,.claims-grid,.items-grid,.reports-grid{gap:1rem!important;grid-template-columns:1fr!important}.card,.claim-card,.item-card,.report-card{margin-bottom:1rem!important;padding:1rem!important}.card-header{align-items:flex-start!important;flex-direction:column!important;gap:.5rem!important}.card-actions{justify-content:flex-start!important;width:100%!important}.content-header,.page-header,.section-header{align-items:flex-start!important;flex-direction:column!important;gap:1rem!important;padding:1rem .75rem!important}.page-title,.section-title{font-size:1.3rem!important;margin:0!important}.section-description{font-size:.85rem!important}}@media (max-width:450px){.page-title,.section-title{font-size:1.1rem!important}.section-description{font-size:.8rem!important}}@media (max-width:768px){.tabs-container{-webkit-overflow-scrolling:touch;margin:0 -.75rem!important;overflow-x:auto!important;padding:0 .75rem!important}.tab-btn{flex:0 0 auto!important;font-size:.85rem!important;min-width:120px!important;padding:.75rem 1rem!important}.tab-content{padding:1rem .75rem!important}}@media (max-width:450px){.tab-btn{font-size:.8rem!important;min-width:100px!important;padding:.6rem .75rem!important}}@media (max-width:768px){.chart-container,.graph-container,.recharts-wrapper{height:300px!important;width:100%!important}.recharts-surface{width:100%!important}}@media (max-width:450px){.chart-container,.recharts-wrapper{height:250px!important}}@media (max-width:768px){.badge,.risk-badge,.severity-badge,.status-badge{font-size:.7rem!important;padding:.25rem .5rem!important}.word-badge{font-size:.65rem!important;padding:.2rem .4rem!important}.admin-heatmap-container{padding:1rem .75rem!important}.admin-heatmap-header{padding:1rem!important}.admin-heatmap-header h1{font-size:1.5rem!important}.admin-heatmap-controls{gap:1rem!important;grid-template-columns:1fr!important}.control-section{padding:1rem!important}#admin-heatmap-canvas{height:auto!important;max-width:100%!important}.lost-found-container{max-width:100vw;min-width:0;padding:.5rem .4rem!important}.items-filters,.tickets-filters{align-items:stretch;flex-direction:column!important;gap:.7rem!important;width:100%}.admin-tickets-grid,.items-grid{display:flex!important;flex-direction:column!important;gap:1.1rem!important;grid-template-columns:1fr!important;width:100%}.admin-ticket-card,.item-card{border-radius:10px!important;box-shadow:0 2px 8px #0000000a;margin-bottom:.5rem;max-width:100vw;min-width:0!important;padding:1rem .75rem!important;width:100%}.ticket-header,.ticket-title{font-size:1.1rem;gap:.5rem;text-align:left;word-break:break-word}.ticket-header{align-items:flex-start;flex-direction:column;gap:.35rem}.ticket-id{font-size:1rem;font-weight:700;margin-bottom:.15rem;word-break:break-all}.ticket-status{border-radius:1rem;display:inline-block;font-size:.92rem;margin-bottom:.4rem;padding:.22rem .8rem}.ticket-content{font-size:.99rem;min-width:0;padding:.4rem 0 .5rem;text-align:left;word-break:break-word}.ticket-title{font-size:1.03rem;margin-bottom:.3rem}.ticket-description{color:#555;font-size:.92rem;line-height:1.45;margin-bottom:.45rem}.ticket-details,.ticket-details-grid{display:flex!important;flex-direction:column!important;gap:.15rem 0!important;margin-bottom:.75rem!important;min-width:0;width:100%!important}.ticket-detail-row,.ticket-details>div{display:flex;flex-direction:row;flex-wrap:wrap;font-size:.95rem;gap:.2rem;justify-content:flex-start;margin-bottom:.1rem}.detail-label{color:#555;font-size:.97em;font-weight:600;min-width:74px}.detail-value{color:#193457;flex-shrink:1;font-size:.97em;padding-left:.1rem;word-break:break-word}.date-filter-banner{font-size:.85rem;margin-bottom:1rem;width:100%}.ticket-actions{align-items:center;display:flex;flex-direction:column!important;gap:.5rem;margin-top:.3rem;width:100%}.ticket-actions .action-btn{align-items:center;border-radius:7px;font-size:1rem;font-weight:600;min-width:0;padding:.7rem .3rem;width:100%}}@media (max-width:480px){.admin-ticket-card,.item-card{border-radius:7px!important;padding:.65rem .25rem!important}.ticket-id,.ticket-title{font-size:1rem!important}.ticket-status{font-size:.85rem!important;padding:.13rem .65rem!important}.ticket-description{font-size:.89rem}.detail-label,.detail-value,.ticket-detail-row{font-size:.88rem!important;min-width:54px!important}}@media (max-width:375px){.admin-ticket-card,.item-card{border-radius:5px!important;padding:.43rem .12rem!important}.ticket-id,.ticket-status,.ticket-title{font-size:.82rem!important}.detail-label,.detail-value,.ticket-description{font-size:.8rem!important}}@media (max-width:768px){.donated-items-tab-container{box-sizing:border-box!important;max-width:100vw!important;overflow-x:hidden!important;padding:1rem .75rem!important;width:100vw!important}.records-table-donated{-webkit-overflow-scrolling:touch;border-radius:8px;font-size:.92rem;min-width:900px!important;overflow-x:auto!important;overflow-y:visible!important;width:100%!important;width:-webkit-max-content!important;width:max-content!important}.records-table-donated td,.records-table-donated th{font-size:.88rem;padding:.6rem .4rem!important;white-space:nowrap}.donated-items-filters{flex-direction:column!important;gap:.75rem!important;width:100%!important}.donated-items-filter-select,.donated-items-search-box{font-size:.95rem!important;max-width:100%!important;padding:.75rem!important;width:100%!important}.donated-items-grid{grid-gap:1rem!important;display:grid!important;gap:1rem!important;grid-template-columns:1fr!important;width:100%!important}.donated-item-card{border-radius:10px!important;margin-bottom:1rem!important;padding:1rem!important;width:100%!important}.donated-item-image{border-radius:8px!important;height:180px!important;margin-bottom:.75rem!important;object-fit:cover!important;width:100%!important}.donated-item-title{font-size:1rem!important;margin-bottom:.5rem!important}.donated-item-description{font-size:.85rem!important;margin-bottom:.5rem!important}.donated-item-meta{font-size:.8rem!important;margin-bottom:.5rem!important}.donated-item-actions{flex-direction:column!important;gap:.5rem!important;width:100%!important}.donated-item-actions button{font-size:.85rem!important;padding:.65rem 1rem!important;width:100%!important}}@media (max-width:450px){.records-table-donated{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto!important;overflow-y:visible!important;width:100%!important}.records-table-donated td,.records-table-donated th{font-size:.82rem;padding:.5rem .3rem!important}.donated-items-tab .records-table-container{border-radius:0!important;box-sizing:border-box!important;margin:0!important;overflow-x:auto!important;overflow-y:visible!important;padding:0!important}.donated-item-image{height:130px!important}.donated-item-title{font-size:.95rem!important}.donated-item-description,.donated-item-meta{font-size:.75rem!important}.donated-item-card{padding:.75rem!important}}@media (max-width:768px){.reported-lost-tab-container{box-sizing:border-box;max-width:100vw!important;min-width:0!important;overflow-x:hidden!important;padding:1rem .75rem!important;width:100vw!important}.reported-lost-filters{align-items:stretch!important;gap:.75rem!important}.reported-lost-filters,.reported-lost-grid{flex-direction:column!important;width:100%!important}.reported-lost-grid{display:flex!important;gap:1rem!important}.reported-lost-card{border-radius:10px!important;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem!important;max-width:100vw!important;min-width:0!important;padding:1rem .75rem!important;width:100%!important}.reported-lost-header{font-size:1.08rem;font-weight:700;margin-bottom:.25rem;word-break:break-word}.reported-lost-status{border-radius:1rem;display:inline-block;font-size:.91rem;margin-bottom:.4rem;padding:.22rem .7rem}.reported-lost-content{font-size:1rem;min-width:0;padding:.3rem 0 .45rem;text-align:left;word-break:break-word}.reported-lost-title{font-size:1.02rem;font-weight:600;margin-bottom:.18rem}.reported-lost-description{color:#555;font-size:.92rem;line-height:1.45;margin-bottom:.3rem}.reported-lost-details-grid{display:flex!important;flex-direction:column!important;font-size:.95rem;gap:.12rem 0!important;margin-bottom:.52rem!important;min-width:0!important;width:100%!important}.reported-lost-detail-row{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;font-size:.96rem;gap:.22rem;justify-content:flex-start;margin-bottom:.05rem;word-break:break-word}.reported-lost-label{color:#555;font-size:.96em;font-weight:600;min-width:72px}.reported-lost-value{color:#193457;flex-shrink:1;font-size:.96em;padding-left:.1rem;word-break:break-word}.reported-lost-actions{align-items:center!important;display:flex;flex-direction:column!important;gap:.45rem;margin-top:.3rem;width:100%}.reported-lost-actions .action-btn{border-radius:7px;display:block;font-size:.98rem;font-weight:600;margin:0 auto;min-width:0;padding:.66rem .25rem;width:95%}}@media (max-width:480px){.reported-lost-card{border-radius:7px!important;padding:.61rem .15rem!important}.reported-lost-header,.reported-lost-title{font-size:.95rem!important}.reported-lost-status{font-size:.82rem!important;padding:.13rem .48rem!important}.reported-lost-description{font-size:.87rem!important}.reported-lost-detail-row,.reported-lost-label,.reported-lost-value{font-size:.86rem!important;min-width:54px!important}}@media (max-width:375px){.reported-lost-card{border-radius:5px!important;padding:.38rem .06rem!important}.reported-lost-header,.reported-lost-status,.reported-lost-title{font-size:.73rem!important}.reported-lost-description,.reported-lost-label,.reported-lost-value{font-size:.77rem!important}}@media (max-width:410px){.admin-modal-actions{align-items:stretch;flex-direction:column;gap:.5rem}.admin-btn-primary,.admin-btn-secondary{max-width:100%;min-width:0;width:100%}}@media (max-width:768px){.chatbot-management-container{margin-left:0!important;padding:1rem .75rem!important;width:100vw!important}.noupe-toggle-card,.toggle-card{padding:1rem!important}.radio-group-wrapper,.simple-radio-container{flex-direction:column!important;gap:.75rem!important}.radio-option,.simple-radio-item{width:100%!important}.incident-main-content{padding:1rem .75rem!important;width:100vw!important}.incident-header{padding:1rem!important}.incident-controls{flex-direction:column!important;gap:1rem!important}.search-container{max-width:100%!important}.incidents-grid{grid-template-columns:1fr!important}.incident-card{padding:1rem!important}.user-management-main-content{padding:1rem .75rem!important;width:100vw!important}.user-management-header{padding:1rem!important}.user-cards-grid{grid-template-columns:1fr!important}.user-card{padding:1rem!important}.user-management-records-table{margin:0 -.75rem!important;padding:0 .75rem!important}}@media (max-width:768px){::-webkit-scrollbar{height:4px!important;width:4px!important}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:2px}.dark ::-webkit-scrollbar-thumb{background:#ffffff4d}}@media (max-width:768px){.hide-mobile,.mobile-hide{display:none!important}.mobile-show,.show-mobile{display:block!important}.mobile-full-width{width:100%!important}.mobile-text-sm{font-size:.85rem!important}.mobile-text-xs{font-size:.75rem!important}.admin-dashboard.light-mode .admin-main,.dark .admin-main{background-color:#fff!important}.admin-dashboard:not(.light-mode) .modal-content,.admin-dashboard:not(.light-mode) .stat-card,.dark .modal-content,.dark .stat-card{background:#2d3748!important}.admin-dashboard.light-mode .admin-main{background-color:#fff!important;color:#333!important}.admin-dashboard:not(.light-mode) .admin-main{background-color:#1a202c!important}.admin-lost-found-main{margin-left:0!important;padding:0!important;width:100vw!important}.incident-main-content{margin-top:60px;padding:1rem .75rem!important}.welcome-card{border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.welcome-content h2{font-size:1.5rem}.welcome-content p{font-size:.95rem}.admin-stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-stat-card{gap:.75rem;padding:1rem}.stat-icon{height:50px;width:50px}.stat-icon,.stat-number{font-size:1.5rem}.stat-label{font-size:.85rem}.admin-controls-section{padding:1rem .75rem;position:relative;top:auto;z-index:50}.admin-tab-buttons{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.admin-tab-button{flex-basis:calc(50% - 0.25rem);flex-grow:1;flex-shrink:1;font-size:.85rem;min-width:100px;padding:.65rem 1rem}.admin-filters{flex-direction:column;gap:.75rem}.admin-search-box{max-width:100%;width:100%}.admin-filter-group{flex-direction:column;width:100%}.admin-filter-select{width:100%}.admin-content-area{padding:1rem .75rem 3rem}.admin-tickets-grid{gap:1rem;grid-template-columns:1fr}.admin-ticket-card{border-radius:10px}.ticket-header{padding:.875rem}.ticket-id{font-size:.85rem}.ticket-content{padding:1rem}.ticket-title{font-size:1rem}.ticket-description{font-size:.85rem}.ticket-actions{align-items:center;flex-direction:row;gap:.5rem;padding:.75rem}.ticket-actions .action-btn,.ticket-actions .resolve-btn,.ticket-actions .set-status-btn,.ticket-actions .view-btn{align-items:center;flex:1 1 auto;font-size:.75rem;max-width:none;min-width:auto;padding:.6rem .5rem}.item-actions{flex-direction:column;gap:.5rem}.item-actions .close-item-btn,.item-actions .pair-item-btn,.item-actions .view-details-btn{flex:1 1 auto;max-width:none;min-width:auto;width:100%}.records-container{border-radius:10px;padding:1.5rem 1rem}.records-header{flex-direction:column;gap:.75rem}.records-header h3{font-size:1.25rem}.export-btn{width:100%}.records-table-container{border-radius:8px;max-height:60vh}.records-table{font-size:.75rem}.records-table th{font-size:.75rem;padding:.75rem .5rem}.records-table td{font-size:.75rem;padding:.5rem .4rem}.table-action-btn{font-size:.7rem;padding:.4rem .6rem}.admin-modal-overlay{padding:.75rem}.admin-modal-content{border-radius:12px;max-height:90vh;max-width:95vw}.admin-modal-content.wide-modal{max-width:95vw}.admin-modal-header{padding:1rem 1.25rem}.admin-modal-title{font-size:1.15rem}.admin-modal-body{max-height:calc(90vh - 160px);padding:1.5rem}.form-row{gap:1rem;grid-template-columns:1fr}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{font-size:1rem;padding:.75rem .875rem}.admin-form-group textarea{min-height:80px}.admin-modal-actions{flex-direction:column-reverse;gap:.75rem;padding:1rem 1.25rem}.admin-btn-primary,.admin-btn-secondary{min-width:auto;padding:.75rem 1rem;width:100%}.pagination-container{flex-direction:column;gap:1rem;padding:.875rem}.pagination-controls{justify-content:center;width:100%}.pagination-btn{height:40px;min-width:40px;width:40px}}@media (max-width:480px){.ticket-actions .action-btn{font-size:.97rem;min-width:120px;padding:.65rem .15rem}}@media (max-width:450px){.incident-main-content{padding:.75rem .5rem!important}.welcome-card{padding:1rem}.welcome-content h2{font-size:1.25rem}.welcome-content p{font-size:.9rem}.admin-stats-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.admin-stat-card{padding:.75rem}.stat-icon{height:45px;width:45px}.stat-icon,.stat-number{font-size:1.3rem}.stat-label{font-size:.8rem}.admin-tab-button{flex:1 1 100%;font-size:.8rem;padding:.6rem .75rem}.admin-search-input{font-size:.9rem;padding:.65rem .75rem .65rem 2.25rem}.admin-filter-select{font-size:.9rem;padding:.65rem .75rem}.ticket-header{flex-direction:column;padding:.75rem}.ticket-content{padding:.75rem}.ticket-title{font-size:.95rem}.ticket-description{font-size:.8rem}.detail-row{flex-direction:column}.detail-label{margin-bottom:.25rem}.detail-value{margin-left:0;text-align:left}.ticket-actions{align-items:center;padding:.5rem}.ticket-actions .action-btn,.ticket-actions .resolve-btn,.ticket-actions .set-status-btn,.ticket-actions .view-btn{align-items:center;font-size:.7rem;padding:.5rem .4rem}.records-container{padding:1rem .75rem}.records-header h3{font-size:1.1rem}.records-table td,.records-table th{font-size:.7rem;padding:.4rem .3rem}.admin-modal-content{max-width:calc(100vw - 1rem)}.admin-modal-header{padding:.875rem 1rem}.admin-modal-title{font-size:1.05rem}.admin-modal-body{padding:1rem}.detail-item{flex-direction:column;gap:.5rem}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{font-size:.95rem;padding:.65rem .75rem}.admin-form-group textarea{min-height:70px}.admin-btn-primary,.admin-btn-secondary{font-size:.85rem;padding:.65rem .875rem}.pagination-container{padding:.75rem}.pagination-btn{font-size:.8rem;height:36px;min-width:36px;width:36px}.pagination-current{font-size:.8rem}.hide-mobile-small{display:none!important}}@media (max-width:360px){.incident-main-content{padding:.5rem!important}.welcome-card{margin-bottom:1rem;padding:.875rem}.welcome-content h2{font-size:1.1rem}.welcome-content p{font-size:.85rem}.admin-stats-grid{grid-template-columns:1fr}.admin-stat-card{padding:.625rem}.stat-icon{height:40px;width:40px}.stat-icon,.stat-number{font-size:1.1rem}.stat-label{font-size:.75rem}.admin-tab-button{font-size:.75rem;padding:.5rem .625rem}.ticket-content{padding:.5rem}.ticket-title{font-size:.9rem}.admin-modal-header{padding:.75rem .875rem}.admin-modal-body{padding:.875rem}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{font-size:.9rem;padding:.6rem .625rem}}@media (max-width:768px){.admin-lost-found-main,.admin-lost-found-page{max-width:100vw!important;overflow-x:hidden!important;width:100vw!important}.admin-lost-found-main{margin-left:0!important;padding:0!important}.incident-main-content{margin-top:60px;padding:1rem .75rem!important}.admin-container,.incident-main-content{box-sizing:border-box!important;max-width:100vw!important;overflow-x:hidden!important}.admin-container{padding:0 .75rem!important}.admin-controls-section,.admin-stats-section{max-width:100vw!important;overflow-x:hidden!important;padding:1.5rem 0!important}.admin-stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr);padding:0}.lost-found-tabs{flex-direction:column;gap:.5rem;padding:0}.lost-found-tab{justify-content:center;width:100%}.filters-container{flex-direction:column;gap:.75rem}.filter-group{width:100%}.table-wrapper{overflow-x:auto}.items-table{min-width:600px}.ticket-card{margin:.75rem 0}}@media (max-width:450px){.incident-main-content{padding:.75rem .5rem!important}.admin-container{padding:0 .5rem!important}.admin-controls-section,.admin-stats-section{padding:1rem 0!important}.admin-stats-grid{gap:.5rem;grid-template-columns:1fr}.lost-found-tabs{padding:0}.lost-found-tab{font-size:.875rem;padding:.75rem}.ticket-actions{align-items:center;flex-direction:column;gap:.5rem}.ticket-actions button{align-items:center;width:100%}}@media (max-width:360px){.incident-main-content{padding:.5rem .25rem!important}.admin-container{padding:0 .25rem!important}.admin-controls-section,.admin-stats-section{padding:.75rem 0!important}.stat-card{padding:.75rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.75rem}}@media (max-width:767px){.admin-dashboard{overflow-x:hidden}.admin-main{margin-top:60px;padding:1.5rem 1rem}.admin-header{min-height:60px;padding:.5rem 1rem}.admin-header-content{padding:0 .5rem}.admin-brand-text h1{font-size:1.2rem}.admin-brand span{display:none}.welcome-card{flex-direction:column;padding:1.5rem;text-align:center}.welcome-card h2{font-size:1.35rem}.welcome-content{width:100%}.welcome-stats{flex-direction:column;gap:1rem;width:100%}.welcome-stat{background:#ffffff1a;border-radius:8px;flex-direction:row;justify-content:space-between;padding:.875rem 1rem}.admin-stats-card{padding:1.5rem}.admin-stats-grid{gap:1rem;grid-template-columns:1fr}.admin-stat{align-items:center;flex-direction:row;text-align:left}.report-gen-card{padding:1.5rem}.report-gen-header{flex-direction:column;gap:1rem}.report-gen-actions{flex-direction:column;width:100%}.generate-report-btn,.send-report-btn{justify-content:center;width:100%}.recent-reports-header{flex-direction:column;gap:.75rem}.view-all-reports-btn{width:100%}.reports-grid{grid-template-columns:1fr}.action-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.modal-overlay{padding:1rem}.report-modal,.report-view-modal{margin:0;max-width:100%;width:100%}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse;gap:.75rem}.modal-actions .cancel-btn,.modal-actions .submit-btn{width:100%}}@media (min-width:768px){.reports-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.admin-main{padding:2rem}.reports-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.admin-main{max-width:1240px}.reports-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1920px){.admin-main{max-width:1800px;padding:3rem}.reports-grid{gap:2rem;grid-template-columns:repeat(4,1fr)}}.admin-dashboard{background-color:#fff;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-dashboard.light-mode{background-color:#fff!important;color:#fff!important}.admin-dashboard:not(.light-mode){background-color:#1a202c;color:#f7fafc}.admin-brand{align-items:center;display:flex;gap:1rem}.action-buttons{align-items:stretch;grid-template-columns:1fr auto}.action-buttons .view-btn{grid-column:1/2;grid-row:1/2}.action-buttons .pdf-btn{grid-column:1/2;grid-row:2/3}.action-buttons .edit-btn{grid-row:1/2}.action-buttons .delete-btn,.action-buttons .edit-btn{grid-column:2/3;justify-content:center;min-width:0;padding:0;width:44px}.action-buttons .delete-btn{gap:1rem;grid-row:2/3}.admin-theme-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .3s ease}.admin-theme-toggle:hover{background:#fff3;transform:translateY(-1px)}.admin-user-menu{align-items:center;display:flex;gap:1rem}.admin-user-info{align-items:flex-end;display:flex;flex-direction:column}.admin-user-name{font-size:.9rem;font-weight:600}.admin-user-role{color:#cbd5e0;font-size:.8rem}.admin-logout-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.admin-logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 15px #ef44444d;transform:translateY(-1px)}.action-buttons{grid-gap:.5rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.action-buttons .view-btn{grid-area:1/1/2/2}.action-buttons .pdf-btn{grid-area:1/2/2/3}.action-buttons .edit-btn{grid-area:2/1/3/2}.action-buttons .delete-btn{grid-area:2/2/3/3}.delete-btn,.edit-btn{font-size:1.2rem;padding:0;width:44px}.delete-btn,.edit-btn,.pdf-btn,.view-btn{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;height:44px;justify-content:center;min-width:0}.pdf-btn,.view-btn{font-size:1rem;width:100%}@media (max-width:500px){.action-buttons{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}}.admin-main{background-color:#fff;color:#fff!important;margin:0 auto;max-width:1400px;transition:background-color .3s ease}.admin-dashboard.light-mode .admin-main{background-color:#fff!important;color:#fff!important}.admin-dashboard:not(.light-mode) .admin-main{background-color:#1a202c;color:#e2e8f0}.section-title{align-items:center;color:#222;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.admin-dashboard:not(.light-mode) .section-title{color:#f7fafc}.section-title:before{background:linear-gradient(135deg,#4080be,#5090ce);border-radius:2px;content:"";height:24px;width:4px}.admin-welcome-section{margin-bottom:3rem}.welcome-card{align-items:center;background:linear-gradient(135deg,#251c55,#281c61 50%,#2e2070);border-radius:20px;box-shadow:0 10px 40px #251c554d;color:#fff;display:flex;gap:2rem;justify-content:space-between;margin-top:4rem;min-height:200px;position:relative}.welcome-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:200px}.welcome-content h2{font-size:2.2rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.welcome-content p{color:#fff;line-height:1.6;margin-bottom:2rem;max-width:600px;opacity:.9}.welcome-stats{display:flex;gap:2rem}.welcome-stat{align-items:center;display:flex;flex-direction:column;text-align:center}.welcome-stat .stat-number{color:#fff;font-size:2rem;font-weight:800;margin-bottom:.25rem}.welcome-stat .stat-label{color:#fff;font-size:.9rem;font-weight:500;opacity:.8}.welcome-icon{font-size:6rem;opacity:.3;position:relative;z-index:1}.admin-stats-section{background-color:#fff;margin-bottom:3rem;max-height:30rem;overflow:visible}.admin-stats-card{background:linear-gradient(135deg,#4c8cca,#3d6fa1);border-radius:20px;box-shadow:0 10px 40px #4c8cca4d;color:#fff;overflow:visible;padding:2rem;position:relative}.admin-stats-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.stats-header{margin-bottom:2rem;position:relative;z-index:1}.stats-header h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.stats-subtitle{color:#ffffffe6;font-size:1rem;margin:0;opacity:.9}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));position:relative;z-index:1}.admin-stat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.admin-stat:hover{background:#ffffff26;box-shadow:0 10px 30px #4c8cca66;transform:translateY(-5px)}.admin-stat .stat-icon{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:10px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.admin-stat .stat-content{flex:1 1}.admin-stat .stat-number{color:#fff;font-size:1.8rem;font-weight:700;line-height:1;margin:0}.admin-stat .stat-label{color:#fffc;font-size:.9rem;font-weight:500;margin:.3rem 0 0}.admin-dashboard:not(.light-mode) .admin-stats-section{background:#0000}.admin-dashboard:not(.light-mode) .admin-stats-card{background:linear-gradient(135deg,#2d3748,#1a202c);box-shadow:0 8px 32px #00000080}.admin-dashboard:not(.light-mode) .admin-stats-section{background-color:#1a202c}.admin-dashboard:not(.light-mode) .admin-stats-card:before{background:radial-gradient(circle,#667eea0d 0,#0000 70%)}.admin-dashboard:not(.light-mode) .stats-header h2{color:#e2e8f0}.admin-dashboard:not(.light-mode) .stats-subtitle{color:#cbd5e0}.admin-dashboard:not(.light-mode) .admin-stat{background:#0000;border:none;color:#e2e8f0}.admin-dashboard:not(.light-mode) .admin-stat:hover{background:#667eea1a;border-color:#667eea4d}.admin-dashboard:not(.light-mode) .admin-stat .stat-icon{background:#667eea33}.admin-dashboard:not(.light-mode) .admin-stat .stat-number{color:#e2e8f0}.admin-dashboard:not(.light-mode) .admin-stat .stat-label{color:#cbd5e0}.report-generation-section{margin-bottom:3rem;margin-top:2rem!important}.report-gen-card{background:linear-gradient(135deg,#4c8cca,#3d6fa1);border-radius:20px;box-shadow:0 10px 40px #4c8cca4d;color:#fff;padding:2rem}.admin-dashboard:not(.light-mode) .report-gen-card{background:linear-gradient(135deg,#2d3748,#1a202c);box-shadow:0 8px 32px #00000080}.report-gen-header{align-items:center;display:flex;justify-content:space-between}.report-gen-info h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.admin-dashboard:not(.light-mode) .report-gen-info h2{color:#e2e8f0}.report-gen-info p{color:#ffffffe6;font-size:1rem;margin:0}.admin-dashboard:not(.light-mode) .report-gen-info p{color:#cbd5e0}.report-gen-actions{display:flex;gap:1rem}.generate-report-btn,.send-report-btn{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;transition:all .3s ease}.generate-report-btn{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 15px #34d3994d}.generate-report-btn:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.send-report-btn{background:linear-gradient(135deg,#166534,#15803d);border:1px solid #86efac4d;box-shadow:0 4px 15px #16a34a33}.send-report-btn:hover{background:linear-gradient(135deg,#15803d,#16a34a);border-color:#86efac80;box-shadow:0 7px 20px #16a34a4d;transform:translateY(-2px)}.generate-report-btn .btn-icon,.send-report-btn .btn-icon{font-size:1.1rem}.recent-reports-section{margin-bottom:2rem}.recent-reports-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.recent-reports-header h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0}.admin-dashboard:not(.light-mode) .recent-reports-header h2{color:#f7fafc}.view-all-reports-btn{background:linear-gradient(135deg,#4c8cca,#3d6fa1);border:none;border-radius:10px;box-shadow:0 4px 15px #4c8cca4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.view-all-reports-btn:hover{background:linear-gradient(135deg,#3d6fa1,#2d5478);box-shadow:0 6px 20px #4c8cca66;transform:translateY(-2px)}.reports-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.report-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:1.5rem;transition:all .3s ease}.report-preview-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.admin-dashboard:not(.light-mode) .report-preview-card{background:linear-gradient(135deg,#2d3748,#1f2937);border-color:#ffffff14;box-shadow:0 4px 20px #0006}.admin-dashboard:not(.light-mode) .report-preview-card:hover{background:linear-gradient(135deg,#374151,#1f2937);border-color:#667eea4d;box-shadow:0 8px 30px #667eea33}.report-preview-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.report-icon{background:#4f46e51a;border-radius:12px;font-size:2rem;height:50px;width:50px}.report-preview-content{margin-bottom:1rem}.report-title{font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.admin-dashboard:not(.light-mode) .report-title{color:#f7fafc}.report-type{color:#4080be;font-size:.9rem;font-weight:500;margin:0 0 1rem}.admin-dashboard:not(.light-mode) .report-type{color:#cbd5e0}.report-meta{display:flex;gap:1rem;margin-bottom:1.5rem}.report-date,.report-size{align-items:center;color:#718096;display:flex;font-size:.8rem;gap:.25rem}.admin-dashboard:not(.light-mode) .report-date,.admin-dashboard:not(.light-mode) .report-size{color:#a0aec0}.report-description{font-size:.9rem;line-height:1.5;margin-bottom:1rem}.admin-dashboard:not(.light-mode) .report-description{color:#4a5568}.editable-indicator{color:#f59e0b;font-size:.85rem;font-weight:600;margin-bottom:1rem}.status-badge{letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-badge.ready,.status-badge.sent,.status-badge.submitted{background:#d1fae5;color:#065f46}.status-badge.draft,.status-badge.processing{background:#fef3c7;color:#92400e}.admin-dashboard:not(.light-mode) .status-badge.ready,.admin-dashboard:not(.light-mode) .status-badge.sent,.admin-dashboard:not(.light-mode) .status-badge.submitted{background-color:#22c55e33;color:#86efac}.admin-dashboard:not(.light-mode) .status-badge.draft,.admin-dashboard:not(.light-mode) .status-badge.processing{background-color:#3b82f633;color:#93c5fd}.report-actions{display:flex;gap:.5rem}.action-buttons{gap:.5rem;width:100%}.delete-btn,.edit-btn,.pdf-btn,.view-btn{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:.25rem;justify-content:center;min-width:0;padding:.5rem .75rem;transition:all .3s ease}.edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.edit-btn:hover{box-shadow:0 4px 15px #3b82f64d;transform:translateY(-1px)}.view-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.view-btn:hover{box-shadow:0 4px 15px #8b5cf64d}.pdf-btn:hover{box-shadow:0 4px 15px #f59e0b4d}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.delete-btn:hover{box-shadow:0 4px 15px #ef44444d;transform:translateY(-1px)}.no-reports{border:1px solid #e2e8f0;padding:3rem 1rem}.admin-dashboard:not(.light-mode) .no-reports{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#ffffff14}.no-reports h3{color:#2d3748}.admin-dashboard:not(.light-mode) .no-reports h3{color:#e2e8f0}.no-reports p{color:#718096;margin-bottom:1.5rem}.admin-dashboard:not(.light-mode) .no-reports p{color:#cbd5e0}.generate-first-report-btn{background:linear-gradient(135deg,#4c8cca,#3d6fa1);border:none;border-radius:12px;box-shadow:0 4px 15px #4c8cca4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.75rem;transition:all .3s ease}.generate-first-report-btn:hover{background:linear-gradient(135deg,#3d6fa1,#2d5478);box-shadow:0 6px 20px #4c8cca66;transform:translateY(-2px)}.loading-reports{color:#718096;padding:2rem;text-align:center}.admin-dashboard:not(.light-mode) .loading-reports{color:#cbd5e0}.principal-sidebar{left:0;transform:translateX(-100%);transition:transform .3s ease;z-index:1000}.principal-sidebar.open{transform:translateX(0)}.sidebar-header{padding:1.5rem}.sidebar-brand{gap:1rem}.sidebar-brand-text h1{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 .25rem}.sidebar-brand-text span{color:#fffc}.sidebar-close{font-size:1.5rem;padding:.25rem;transition:background-color .2s ease}.sidebar-close:hover{background:#ffffff1a}.sidebar-content{display:flex;flex-direction:column;height:calc(100% - 80px);padding:1.5rem}.sidebar-profile{border-radius:12px;margin-bottom:2rem}.profile-avatar{background:#fff3;font-size:1.5rem;height:50px;width:50px}.profile-info h3{color:#fff;margin:0 0 .25rem}.profile-info p{color:#fffc}.sidebar-nav{flex:1 1}.nav-section{margin-bottom:2rem}.nav-section h4{color:#fff9;letter-spacing:.05em;margin:0 0 1rem}.nav-item{border-radius:8px;color:#fff;gap:1rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s ease}.nav-item:hover{background:#ffffff1a}.nav-item .nav-icon{font-size:1.2rem;text-align:center;width:20px}.nav-item .nav-label{color:#fff;font-size:.9rem;font-weight:500}.sidebar-footer{margin-top:auto}.logout-btn{border:1px solid #ef44444d;border-radius:8px;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.logout-btn:hover{transform:translateY(-1px)}.sidebar-overlay{z-index:999}.page-header-with-menu{margin-bottom:2rem;padding:1rem 0}.sidebar-toggle-btn{background:linear-gradient(135deg,#4080be,#5090ce);border-radius:8px;box-shadow:0 2px 8px #4080be4d;font-size:1.2rem}.sidebar-toggle-btn:hover{box-shadow:0 4px 15px #4080be66;transform:translateY(-2px)}.header-content-with-menu h1{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 .5rem}.admin-dashboard:not(.light-mode) .header-content-with-menu h1{color:#f7fafc}.header-content-with-menu p{color:#718096;font-size:1.1rem}.admin-dashboard:not(.light-mode) .header-content-with-menu p{color:#cbd5e0}.charts-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.admin-dashboard:not(.light-mode) .charts-section{background:linear-gradient(135deg,#2d3748,#1f2937);border-color:#ffffff14;box-shadow:0 4px 20px #0006}.charts-section h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;margin-top:0}.admin-dashboard:not(.light-mode) .charts-section h2{color:#f7fafc}.chart-type-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.chart-type-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.admin-dashboard:not(.light-mode) .chart-type-btn{background:#374151;border-color:#ffffff1a;color:#cbd5e0}.chart-type-btn.active{background:linear-gradient(135deg,#4080be,#5090ce);border-color:#4080be;box-shadow:0 2px 8px #4080be4d;color:#fff}.chart-type-btn:hover:not(.active){background:#f8fafc;border-color:#cbd5e0}.admin-dashboard:not(.light-mode) .chart-type-btn:hover:not(.active){background:#ffffff0d}.filter-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:2rem;padding:1.5rem}.admin-dashboard:not(.light-mode) .filter-section{background:linear-gradient(135deg,#2d3748,#1f2937);border-color:#ffffff14}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filter-row label{color:#4a5568;font-size:.9rem;font-weight:600;white-space:nowrap}.admin-dashboard:not(.light-mode) .filter-row label{color:#cbd5e0}.filter-row select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.admin-dashboard:not(.light-mode) .filter-row select{background:#1f2937;border-color:#ffffff1a;color:#f7fafc}.filter-row select:focus{border-color:#4080be;box-shadow:0 0 0 2px #4080be1a;outline:none}.date-filter-toggle{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.date-filter-toggle:hover{box-shadow:0 4px 15px #f59e0b66;transform:translateY(-1px)}.view-report-btn{border-radius:6px;box-shadow:0 2px 8px #4080be4d;font-size:.85rem;padding:.5rem 1rem}.view-report-btn:hover{box-shadow:0 4px 15px #4080be66;transform:translateY(-1px)}.date-range-filter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;padding:1.5rem}.admin-dashboard:not(.light-mode) .date-range-filter{background:#2d3748;border-color:#ffffff1a}.date-range-filter h4{color:#2d3748;font-size:1rem;margin:0 0 1rem}.admin-dashboard:not(.light-mode) .date-range-filter h4{color:#f7fafc}.date-range-inputs{display:flex;flex-wrap:wrap;gap:1rem}.date-input-group{flex:1 1;min-width:150px}.date-input-group label{color:#4a5568;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.admin-dashboard:not(.light-mode) .date-input-group label{color:#cbd5e0}.date-input-group input{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:.875rem;padding:.5rem;width:100%}.admin-dashboard:not(.light-mode) .date-input-group input{background:#1f2937;border-color:#ffffff1a;color:#f7fafc}.date-filter-active{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;color:#06c;font-size:.75rem;margin-top:.5rem;padding:.5rem}.admin-dashboard:not(.light-mode) .date-filter-active{background:#004085;border-color:#004085;color:#b3d9ff}.incident-records-table{border-radius:12px;margin-bottom:2rem}.admin-dashboard:not(.light-mode) .incident-records-table{background:linear-gradient(135deg,#2d3748,#1f2937);border-color:#ffffff14}.records-table th{border-bottom:1px solid #e2e8f0;color:#4a5568;padding:1rem}.admin-dashboard:not(.light-mode) .records-table th{background:#374151;border-bottom-color:#ffffff1a;color:#e2e8f0}.records-table td{color:#4a5568;font-size:.9rem;padding:1rem}.admin-dashboard:not(.light-mode) .records-table td{background-color:#374151;border-bottom-color:#ffffff0d;color:#cbd5e0}.records-table tr:last-child td{border-bottom:none}.admin-dashboard:not(.light-mode) .records-table tr:hover{background:#ffffff05}.pagination-container{padding:1.5rem}.admin-dashboard:not(.light-mode) .pagination-container{background:#374151;border-top-color:#ffffff1a}.admin-dashboard:not(.light-mode) .pagination-info{color:#cbd5e0}.pagination-controls{gap:1rem}.pagination-btn{background:linear-gradient(135deg,#4080be,#5090ce);border-radius:6px;box-shadow:0 2px 8px #4080be4d;height:36px;width:36px}.pagination-btn:hover:not(:disabled){box-shadow:0 4px 15px #4080be66}.pagination-btn:disabled{background:#cbd5e0}.pagination-current{color:#4a5568;font-size:.9rem;font-weight:600}.admin-dashboard:not(.light-mode) .pagination-current{color:#e2e8f0}.date-filter-summary{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;color:#06c;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.admin-dashboard:not(.light-mode) .date-filter-summary{background:#004085;border-color:#004085;color:#b3d9ff}.no-reports-state{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:3rem 1rem;text-align:center}.admin-dashboard:not(.light-mode) .no-reports-state{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#ffffff14}.no-reports-state h3{color:#2d3748;font-size:1.5rem;margin-bottom:.5rem}.admin-dashboard:not(.light-mode) .no-reports-state h3{color:#e2e8f0}.no-reports-state p{color:#718096;margin-bottom:1.5rem}.admin-dashboard:not(.light-mode) .no-reports-state p{color:#cbd5e0}.loading-charts{color:#718096;padding:40px;text-align:center}.admin-dashboard:not(.light-mode) .loading-charts{color:#cbd5e0}.admin-dashboard:not(.light-mode) .modal-content{background:linear-gradient(135deg,#2d3748,#1a202c);box-shadow:0 20px 60px #00000080;color:#f7fafc}.admin-dashboard:not(.light-mode) .modal-header{border-bottom-color:#667eea33}.admin-dashboard:not(.light-mode) .modal-header h3{color:#f7fafc}.admin-dashboard:not(.light-mode) .modal-close{color:#cbd5e0}.admin-dashboard:not(.light-mode) .modal-close:hover{background:#ffffff1a;color:#e2e8f0}.report-form{padding:2rem}.admin-dashboard:not(.light-mode) .form-group label{color:#cbd5e0}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;color:#374151;padding:.75rem;transition:all .2s ease}.admin-dashboard:not(.light-mode) .form-group input,.admin-dashboard:not(.light-mode) .form-group select,.admin-dashboard:not(.light-mode) .form-group textarea{background:#1f2937;border-color:#ffffff1a;color:#f7fafc}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #4f46e51a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.admin-dashboard:not(.light-mode) .form-group input::placeholder,.admin-dashboard:not(.light-mode) .form-group textarea::placeholder{color:#6b7280}.form-info{background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.admin-dashboard:not(.light-mode) .form-info{background:#667eea1a;border-left-color:#667eea}.form-info p{color:#1e40af;font-size:.9rem;margin:0}.admin-dashboard:not(.light-mode) .form-info p{color:#e2e8f0}.send-status{border-radius:8px;font-weight:600;margin-bottom:1rem;padding:1rem}.send-status.success{background:#d1fae5;color:#065f46}.send-status.error{background:#fee2e2;color:#991b1b}.admin-dashboard:not(.light-mode) .send-status.success{background-color:#22c55e1a;color:#86efac}.admin-dashboard:not(.light-mode) .send-status.error{background-color:#ef44441a;color:#fca5a5}.cancel-btn{border:1px solid #d1d5db;border-radius:8px;color:#374151;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.admin-dashboard:not(.light-mode) .cancel-btn{background:#ffffff1a;border-color:#fff3;color:#e2e8f0}.admin-dashboard:not(.light-mode) .cancel-btn:hover{background:#ffffff26}.submit-btn{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.submit-btn:hover{box-shadow:0 4px 15px #4f46e54d;transform:translateY(-1px)}.report-view-content{background-color:#fff}.admin-dashboard:not(.light-mode) .report-view-header h2{color:#e2e8f0}.admin-dashboard:not(.light-mode) .report-view-meta{border-bottom-color:#ffffff1a}.admin-dashboard:not(.light-mode) .report-view-meta span{color:#cbd5e0}.admin-dashboard:not(.light-mode) .report-view-meta strong,.admin-dashboard:not(.light-mode) .report-view-section h4{color:#e2e8f0}.admin-dashboard:not(.light-mode) .report-view-section p{color:#cbd5e0}.admin-dashboard:not(.light-mode) .report-content{background:#ffffff05;border-color:#ffffff14;color:#cbd5e0}.admin-dashboard:not(.light-mode) .report-view-actions{border-top-color:#ffffff14}.dynamic-fields-section{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.admin-dashboard:not(.light-mode) .dynamic-fields-section{border-top-color:#4b5563}.dynamic-fields-section h4{color:#374151;margin-bottom:1rem}.admin-dashboard:not(.light-mode) .dynamic-fields-section h4{color:#d1d5db}.dynamic-fields-grid{grid-gap:.75rem;gap:.75rem}.dynamic-field-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;padding:.75rem}.admin-dashboard:not(.light-mode) .dynamic-field-item{background:#374151;border-color:#4b5563}.dynamic-field-item strong{color:#374151;font-size:.875rem;margin-bottom:.25rem}.admin-dashboard:not(.light-mode) .dynamic-field-item strong{color:#d1d5db}.dynamic-field-item span{color:#6b7280;font-size:.875rem}.admin-dashboard:not(.light-mode) .dynamic-field-item span{color:#9ca3af}@media (max-width:767px){.admin-dashboard{overflow-x:hidden}.admin-main{margin-top:60px;padding:1.5rem 1rem}.admin-header{min-height:60px;padding:.5rem 1rem}.admin-header-content{padding:0 .5rem}.admin-brand-text h1{font-size:1.2rem}.admin-brand span{display:none}.welcome-card{flex-direction:column;padding:1.5rem;text-align:center}.welcome-card h2{font-size:1.35rem}.welcome-content{width:100%}.welcome-stats{flex-direction:column;gap:1rem;width:100%}.welcome-stat{background:#ffffff1a;border-radius:8px;flex-direction:row;justify-content:space-between;padding:.875rem 1rem}.admin-stats-card{padding:1.5rem}.admin-stats-grid{gap:1rem;grid-template-columns:1fr}.admin-stat{align-items:center;flex-direction:row;text-align:left}.report-gen-card{padding:1.5rem}.report-gen-header{flex-direction:column;gap:1rem}.report-gen-actions{flex-direction:column;width:100%}.generate-report-btn,.send-report-btn{justify-content:center;width:100%}.recent-reports-header{flex-direction:column;gap:.75rem}.view-all-reports-btn{width:100%}.reports-grid{grid-template-columns:1fr}.action-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.incident-main-content{margin-left:0!important;padding:1rem}.page-header-with-menu{align-items:flex-start;flex-direction:column;gap:1rem}.header-content-with-menu h1{font-size:1.5rem}.header-content-with-menu p{font-size:1rem}.charts-section{padding:1.5rem}.chart-type-buttons{flex-direction:column}.chart-type-btn{justify-content:center;width:100%}.filter-section{padding:1rem}.filter-row{align-items:stretch;flex-direction:column;gap:.75rem}.filter-row label{margin-bottom:.25rem}.date-filter-toggle,.filter-row select{justify-content:center;width:100%}.date-range-inputs{flex-direction:column}.date-input-group{min-width:100%}.records-table{overflow-x:auto}.records-table table{min-width:600px}.pagination-container{flex-direction:column;gap:1rem;text-align:center}.modal-overlay{padding:1rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-actions,.modal-body,.modal-header{padding:1rem 1.5rem}.dynamic-fields-grid{grid-template-columns:1fr}}@media (min-width:768px){.principal-sidebar{transform:translateX(0)}.incident-main-content{margin-left:280px}.sidebar-close{display:none}.chart-type-buttons{flex-wrap:nowrap}.dynamic-fields-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.admin-main{padding:2rem}.incident-main-content{padding:2rem 3rem}.charts-section{padding:2.5rem}.filter-section{padding:2rem}}@media (min-width:1280px){.admin-main{max-width:1240px}.incident-main-content{margin:0 auto 0 280px;max-width:1200px}.dynamic-fields-grid,.reports-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1920px){.admin-main{max-width:1800px;padding:3rem}.incident-main-content{max-width:1400px;padding:3rem}.principal-sidebar{width:320px}.incident-main-content{margin-left:320px}.reports-grid{gap:2rem;grid-template-columns:repeat(4,1fr)}}@media print{.admin-header,.admin-theme-toggle,.admin-user-menu,.filter-section,.modal-overlay,.pagination-container,.principal-sidebar,.sidebar-toggle-btn{display:none!important}.admin-main,.incident-main-content{margin-left:0!important;padding:0!important}.admin-stats-card,.charts-section,.incident-records-table,.report-gen-card,.reports-grid{border:1px solid #000!important;box-shadow:none!important;page-break-inside:avoid}}.burger-menu-toggle{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:background-color .3s ease;width:40px}.burger-menu-toggle:hover{background-color:#0000001a}.burger-icon{display:flex;flex-direction:column;height:16px;justify-content:space-between;position:relative;transition:transform .3s ease;width:20px}.burger-icon span{background-color:#333;border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.burger-icon.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.burger-icon.open span:nth-child(2){opacity:0}.burger-icon.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.light-mode .burger-icon span{background-color:#333}.admin-dashboard:not(.light-mode) .burger-icon span{background-color:#fff}.admin-dashboard:not(.light-mode) .burger-menu-toggle:hover{background-color:#ffffff1a}@media (max-width:768px){.burger-menu-toggle{height:44px;width:44px}.burger-icon{height:18px;width:22px}}.page-header-with-menu{align-items:center;display:flex;gap:1rem;padding:1rem}.light-mode .page-header-with-menu,.page-header-with-menu{background:#4080be;color:#fff}.header-content-with-menu{flex:1 1}.header-content-with-menu h1{font-size:1.5rem;margin:0}.header-content-with-menu p{font-size:.9rem;margin:0;opacity:.9}.principal-sidebar{z-index:999}@media (max-width:768px){.hamburger-menu{height:26px;width:32px}.page-header-with-menu{padding:.75rem}.header-content-with-menu h1{font-size:1.25rem}.header-content-with-menu p{font-size:.8rem}}.light-mode .hamburger-menu span{background-color:#333}@media (max-width:768px){.principal-sidebar{left:-100%;width:100%}.principal-sidebar.open{left:0}.hamburger-menu{height:26px;width:32px}}.principal-sidebar{background:#1f2937}.light-mode .hamburger-menu span{background-color:#fff!important}.sidebar-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;transition:background-color .3s ease;width:40px}.sidebar-close:hover{background-color:#ffffff1a}.light-mode .sidebar-close{color:#fff}.light-mode .sidebar-close:hover{background-color:#0000001a}.sidebar-overlay{background-color:#00000080;height:100vh;inset:0;width:100%;z-index:9998}.incident-main-content{position:relative;z-index:1}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem}.light-mode .sidebar-header{border-bottom:1px solid #e5e7eb}.sidebar-brand{align-items:center;display:flex;gap:.75rem}.sidebar-logo{font-size:2rem}.sidebar-brand-text h1{font-size:1.25rem;font-weight:600;margin:0}.sidebar-brand-text span{font-size:.8rem;opacity:.8}.sidebar-content{padding:1rem}.sidebar-profile{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.light-mode .sidebar-profile{background:#0000000d}.profile-info h3{font-size:1rem;margin:0}.profile-info p{font-size:.8rem;margin:0;opacity:.8}.nav-section,.sidebar-nav{margin-bottom:1.5rem}.nav-section h4{font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;opacity:.8;text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;text-align:left;transition:background-color .3s ease;width:100%}.nav-item:hover{background-color:#ffffff1a}.light-mode .nav-item:hover{background-color:#0000000d}.nav-icon{font-size:1.1rem}.nav-label{font-size:.9rem}.sidebar-footer{border-top:1px solid #ffffff1a;padding-top:1rem}.light-mode .sidebar-footer{border-top:1px solid #e5e7eb;color:#fff}.logout-btn{align-items:center;background:#ef444433;border:none;border-radius:6px;color:#fff;color:inherit;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background-color .3s ease;width:100%}.logout-btn:hover{background:#ef44444d}@media (max-width:768px){.principal-sidebar{left:-100%;width:100%}.principal-sidebar.open{left:0}.hamburger-menu{height:26px;width:32px}.admin-header{padding:.75rem}.header-title h1{font-size:1.25rem}.header-title span{font-size:.8rem}}.admin-header{align-items:center;display:flex;justify-content:space-between;min-height:80px;padding:1rem;position:relative;z-index:1000}.admin-header,.light-mode .admin-header{background:#4080be;color:#fff}.header-left{min-width:60px}.header-center{flex:1 1;padding:0 1rem;text-align:center}.header-right{min-width:60px}.header-title h1{color:#fff;font-weight:600}.header-title span{color:#ffffffe6}.hamburger-menu{z-index:1002}.admin-dashboard:not(.light-mode) .hamburger-menu span,.hamburger-menu span,.light-mode .hamburger-menu span{background-color:#fff!important}.hamburger-menu:hover{background-color:#ffffff1a;border-radius:4px}.principal-sidebar{background:linear-gradient(135deg,#251c55,#281c61 50%,#2e2070);box-shadow:2px 0 10px #0000001a;color:#fff;height:100vh;left:-300px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1001}.principal-sidebar.open{left:0}.light-mode .principal-sidebar{background:linear-gradient(135deg,#251c55,#281c61 50%,#2e2070);border-right:1px solid;color:#333}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.principal-sidebar.open~.incident-main-content{margin-left:280px}@media (max-width:768px){.admin-header{min-height:70px;padding:.75rem}.hamburger-menu{height:26px;width:32px}.header-title h1{font-size:1.25rem}.header-title span{font-size:.8rem}.principal-sidebar{left:-100%;width:100%}.principal-sidebar.open{left:0}.principal-sidebar.open~.incident-main-content{margin-left:0}}.burger-icon,.burger-menu-toggle,.page-header-with-menu,.sidebar-toggle-btn{display:none!important}.hamburger-menu{height:24px;justify-content:space-between;position:relative;width:30px}.hamburger-menu span{background-color:#fff;border-radius:3px;display:block;height:3px;transform-origin:center;width:100%}.hamburger-menu.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:768px){.hamburger-menu{height:26px;width:32px}}.arrow-menu{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:8px;position:relative;transition:all .3s ease;width:30px}.arrow-menu:hover{background-color:#ffffff1a;border-radius:4px}.arrow-menu.active{transform:rotate(180deg)}@media (max-width:768px){.arrow-menu{font-size:1.6rem;height:35px;width:35px}}.report-view-modal{overflow-y:auto;width:90%}.report-view-modal.dark-mode{background:linear-gradient(135deg,#2d3748,#1a202c);box-shadow:0 20px 60px #00000080;color:#f7fafc}.report-view-modal.dark-mode .modal-header{border-bottom:1px solid #667eea33}.report-view-modal.dark-mode .modal-header h3{color:#f7fafc}.report-view-modal.dark-mode .report-view-content{background:#0000;color:#e2e8f0}.report-view-modal.dark-mode .report-view-header h2{color:#e2e8f0}.report-view-modal.dark-mode .report-view-meta{border-bottom:1px solid #ffffff1a}.report-view-modal.dark-mode .report-view-meta span{color:#cbd5e0}.report-view-modal.dark-mode .report-view-meta strong,.report-view-modal.dark-mode .report-view-section h4{color:#e2e8f0}.report-view-modal.dark-mode .report-view-section p{color:#cbd5e0}.report-view-modal.dark-mode .report-content{background:#ffffff0d;border:1px solid #ffffff1a;color:#cbd5e0}.report-view-modal.dark-mode .report-view-actions{border-top:1px solid #ffffff1a}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-header{background:#fff;flex:0 0 auto}.report-view-modal.dark-mode .modal-header{background:#ffffff0d}.modal-header h3{color:#2d3748;font-weight:700}.modal-close{padding:.25rem}.report-view-modal.dark-mode .modal-close:hover{background:#ffffff1a}.report-view-content{background:#fff;border-radius:0 0 16px 16px;padding:2rem}.report-view-header{margin-bottom:2rem}.report-view-header h2{color:#2d3748;font-size:1.5rem;margin-bottom:1rem}.report-view-meta{border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.report-view-meta span{color:#718096;font-size:.9rem}.report-view-meta strong{color:#2d3748;margin-right:.25rem}.report-view-section{margin-bottom:1.5rem}.report-view-section h4{color:#2d3748;font-size:1.1rem;margin-bottom:.5rem}.report-view-section p{line-height:1.6}.report-view-actions{justify-content:flex-end;padding-top:1rem}.pdf-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.pdf-btn:hover{box-shadow:0 4px 15px #f59e0b66;transform:translateY(-1px)}.menu-toggle{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:transform .3s ease,opacity .3s ease}.menu-toggle:hover{background:#ffffff1a;transform:scale(1.05)}.menu-toggle:active{transform:scale(.95)}.menu-toggle.active .menu-icon{transform:rotate(90deg)}.menu-icon{filter:brightness(0) invert(1);height:28px;transition:transform .3s ease;width:28px}.light-mode .menu-icon{filter:brightness(0) invert(0)}.pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:32px;padding:20px 0}.pagination-btn{color:#4a5568;font-size:14px;gap:6px;padding:10px 20px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.pagination-btn:disabled{background:#f7fafc}.pagination-info{color:#718096;padding:0 10px}.dark-mode .pagination-btn{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark-mode .pagination-btn:hover:not(:disabled){background:#374151;border-color:#6b7280}.dark-mode .pagination-btn:disabled{background:#1a202c}.dark-mode .pagination-info{color:#a0aec0}.all-reports-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:auto;max-height:86vh;max-width:1400px;overflow:hidden;width:92%}.all-reports-content{background:#0000;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0}.all-reports-content,.reports-list{border-radius:0 0 16px 16px;position:relative}.reports-list{background:#f9fafb;box-sizing:border-box;gap:12px;max-height:calc(86vh - 120px);overflow-y:auto;padding:24px 30px 24px 24px}.report-list-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-shrink:0;gap:20px;justify-content:space-between;padding:20px;transition:all .2s ease}.report-list-item:hover{background:#edf2f7;box-shadow:0 2px 8px #00000014;transform:translateX(4px)}.report-list-info{flex:1 1;min-width:0}.report-list-title{color:#1a202c;font-size:18px;font-weight:700;margin:0 0 8px;word-break:break-word}.report-list-details{align-items:center;color:#718096;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.report-list-details span{align-items:center;display:inline-flex}.report-list-actions{display:flex;flex-shrink:0;gap:8px}.report-list-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-width:40px;padding:10px 14px;transition:all .2s ease}.dark-mode .all-reports-modal{background:#111827;height:86vh;max-height:86vh;max-width:1400px;width:92%}.dark-mode .all-reports-content{background:#1a202c;min-height:0}.dark-mode .reports-list{background:#0000}.dark-mode .report-list-item{background:#2d3748;border-color:#4a5568}.dark-mode .report-list-item:hover{background:#374151}.dark-mode .report-list-title{color:#f7fafc}.dark-mode .report-list-details{color:#a0aec0}.report-view-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.report-view-content{flex:1 1;overflow-y:auto;padding:24px}.report-view-header h2{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 16px}.report-view-meta{grid-gap:12px;background:#f7fafc;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:16px}.report-view-meta span{color:#4a5568;font-size:14px;line-height:1.6}.report-view-meta strong{color:#1a202c;font-weight:600}.report-view-section{margin-bottom:24px}.report-view-section h4{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 12px}.report-view-section p{color:#4a5568;line-height:1.7;margin:0}.report-content p{color:#4a5568;line-height:1.7;margin-bottom:12px}.report-view-actions{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;padding-top:24px}.dark-mode .report-view-content,.dark-mode .report-view-modal{background:#1a202c}.dark-mode .report-view-header h2{color:#f7fafc}.dark-mode .report-view-meta{background:#2d3748}.dark-mode .report-view-meta span{color:#a0aec0}.dark-mode .report-view-meta strong,.dark-mode .report-view-section h4{color:#f7fafc}.dark-mode .report-content p,.dark-mode .report-view-section p{color:#cbd5e0}.dark-mode .report-view-actions{border-top-color:#4a5568}@media (max-width:768px){.pagination{gap:8px;margin-top:24px}.pagination-btn{font-size:13px;padding:8px 12px}.pagination-info{font-size:13px;padding:0 5px}.all-reports-modal{height:95vh;margin:6px;max-height:95vh;max-width:98%;width:98%}.all-reports-content{box-sizing:border-box;display:flex;flex-direction:column;padding:0}.reports-list{padding:16px!important}.report-list-item{align-items:flex-start;flex-direction:column;gap:16px;padding:16px}.report-list-title{font-size:16px}.report-list-details{font-size:12px;gap:8px}.report-list-actions{justify-content:flex-start;width:100%}.report-list-actions button{flex:0 0 auto}.report-view-modal{margin:10px;max-width:95%}.report-view-content{padding:16px}.report-view-header h2{font-size:22px}.report-view-meta{gap:8px;grid-template-columns:1fr;padding:12px}.report-view-section h4{font-size:16px}.report-view-actions{flex-direction:column}.report-view-actions button{width:100%}}@media (max-width:480px){.pagination-btn span{display:none}.pagination-btn{min-width:80px}.report-list-title{font-size:15px}.report-list-details{font-size:11px}}.report-view-content::-webkit-scrollbar,.reports-list::-webkit-scrollbar{width:8px}.report-view-content::-webkit-scrollbar-track,.reports-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.report-view-content::-webkit-scrollbar-thumb,.reports-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.report-view-content::-webkit-scrollbar-thumb:hover,.reports-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.dark-mode .report-view-content::-webkit-scrollbar-track,.dark-mode .reports-list::-webkit-scrollbar-track{background:#2d3748}.dark-mode .report-view-content::-webkit-scrollbar-thumb,.dark-mode .reports-list::-webkit-scrollbar-thumb{background:#4a5568}.dark-mode .report-view-content::-webkit-scrollbar-thumb:hover,.dark-mode .reports-list::-webkit-scrollbar-thumb:hover{background:#718096}.admin-login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.admin-login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;overflow:hidden;width:100%}.admin-login-header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:2rem;text-align:center}.admin-login-header h2{font-size:2rem;font-weight:700;margin:0 0 .5rem}.admin-login-header p{font-size:1.1rem;margin:0;opacity:.9}.admin-login-form{padding:2rem}.form-label{color:#2d3748;display:block;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.admin-role-selection{margin-bottom:1.5rem}.admin-role-option{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.admin-role-option:hover{background:#f0fff4;border-color:#4caf50;transform:translateY(-1px)}.admin-role-option.selected{background:linear-gradient(135deg,#f0fff4,#e6fffa);border-color:#4caf50;box-shadow:0 4px 12px #4caf5033}.role-icon{font-size:2rem;margin-right:1rem;text-align:center;width:50px}.role-info{flex:1 1}.role-info h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.role-info p{color:#718096;font-size:.9rem;line-height:1.4;margin:0}.role-radio input{accent-color:#4caf50;height:20px;width:20px}.error-message{background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#c53030;margin-bottom:1rem;padding:.75rem}.admin-login-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:1rem;transition:all .3s ease;width:100%}.admin-login-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 8px 20px #4caf504d;transform:translateY(-2px)}.admin-login-btn:disabled{background:linear-gradient(135deg,#a0aec0,#9ca3af);cursor:not-allowed;opacity:.7;transform:none}.login-info{border-top:1px solid #e2e8f0;padding-top:1rem;text-align:center}.login-info p{color:#718096;font-size:.9rem;margin:.25rem 0}@media (max-width:768px){.admin-login-container{padding:1rem}.admin-login-card{max-width:100%}.admin-role-option{flex-direction:column;gap:.5rem;text-align:center}.role-icon{margin-bottom:.5rem;margin-right:0}}.toast-notification{align-items:center;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;display:flex;gap:.75rem;max-width:450px;min-width:320px;opacity:0;padding:1rem 1.25rem;pointer-events:none;position:fixed;right:20px;top:20px;transform:translateX(400px);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:9999}.toast-notification.toast-show{opacity:1;pointer-events:all;transform:translateX(0)}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:32px;justify-content:center;width:32px}.toast-message{color:#2d3748;flex:1 1;font-size:.95rem;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#718096;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:24px}.toast-close:hover{background:#0000000d;color:#2d3748}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.dark .toast-notification{background:linear-gradient(145deg,#2d3748,#374151);box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff0d}.dark .toast-message{color:#f7fafc}.dark .toast-close{color:#9ca3af}.dark .toast-close:hover{background:#ffffff1a;color:#f7fafc}@media (max-width:768px){.toast-notification{left:1rem;max-width:none;min-width:auto;right:1rem;top:20px}}@media (max-width:480px){.toast-notification{font-size:.9rem;left:.5rem;padding:.875rem 1rem;right:.5rem;top:20px}.toast-icon{font-size:1rem;height:28px;width:28px}.toast-message{font-size:.875rem}}.admin-incident-page{min-height:100vh;transition:all .3s ease}.admin-incident-page.light{background-color:#f8fafc;color:#2d3748}.admin-incident-page.dark,.admin-incident-page.dark .filter-buttons{background-color:#1a202c;color:#f7fafc}.admin-incident-page.dark .report-content{background-color:#303a4a;color:#f7fafc}.admin-incident-page.dark .report-id{background-color:#2d3748;color:#f7fafc}.admin-incident-page.dark .date-range-filter,.admin-incident-page.dark .date-range-filter h4{background-color:#303a4a!important;color:#f7fafc!important}.incident-main-content{margin-top:3rem!important;padding:1rem}.admin-incident-page.light .incident-main-content{background:#f8fafc;color:#1f2937}.admin-incident-page.dark .incident-main-content{background:#0f172a;color:#e2e8f0}.incident-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;margin-bottom:1rem;padding:1rem}.header-content h1{font-size:1.5rem;margin-bottom:.25rem}.header-content p{color:#64748b;font-size:.85rem;font-weight:500;margin:0}.header-stats{gap:1rem}.stat-card{color:#fff;min-width:80px;padding:.5rem 1rem;text-align:center}.stat-card.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card.archived{background:linear-gradient(135deg,#6b7280,#4b5563)}.stat-number{font-size:1.5rem;margin-bottom:.1rem}.stat-label{color:#000;font-size:.75rem}.incident-controls{justify-content:flex-end;margin-bottom:1rem}.search-container{flex:0 0 400px;max-width:400px}.filter-section{gap:1rem}.date-filter{align-items:center;display:flex}.date-select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-size:1rem;outline:none;padding:.75rem 1rem;transition:all .3s ease}.date-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.date-select:hover{border-color:#667eea;color:#667eea}.filter-btn{border:2px solid #e2e8f0;border-radius:12px;color:#667eea;padding:.75rem 1.5rem}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.filter-btn.archived-filter-btn{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.filter-btn.archived-filter-btn.active{background:#6b7280;border-color:#4b5563;color:#fff}.filter-btn.archived-filter-btn:hover:not(.active){background:#e5e7eb;border-color:#9ca3af}.incident-reports-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.incident-report-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:1.5rem;position:relative;transition:all .3s ease}.incident-report-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.report-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.report-id-section{align-items:center;display:flex;gap:.75rem}.report-id{color:#1a202c;font-size:1.1rem;font-weight:700}.published-banner{background-color:#e6fffa;border:1px solid #38a169;border-radius:6px;color:#2f855a;font-size:.85rem;font-weight:500;margin-bottom:.5rem;margin-top:.5rem;padding:.5rem 1rem;text-align:center}.published-banner p{margin:0}.report-content{margin-bottom:1.5rem}.report-title{color:#1a202c;font-size:1.2rem;line-height:1.4;margin-bottom:1rem}.report-meta{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:#1a202c;font-size:.9rem;font-weight:500}.report-description{background:#f8fafc;border-left:4px solid #667eea;border-radius:8px;color:#4a5568;font-size:.95rem;line-height:1.6;padding:1rem}.report-actions{text-align:right}.view-btn{border-radius:12px;padding:.75rem 1.5rem;transition:all .3s ease}.view-btn:hover{box-shadow:0 4px 15px #667eea4d}.no-reports{background:#fff;border:2px dashed #e2e8f0;border-radius:16px;grid-column:1/-1}.no-reports-icon{opacity:.5}.no-reports h3{color:#64748b}.no-reports p{color:#94a3b8}.modal-overlay{background:#00000059;padding:10rem 1rem 1rem}.modal-content{display:flex;flex-direction:column;height:60vh;max-width:2000px;width:95vw}.modal-content.archive-modal{height:80vh;max-width:1100px}.incident-detail-modal{height:65vh!important;max-height:65vh!important;max-width:2100px!important;width:95vw!important}.incident-detail-modal .modal-actions{align-items:center;background:#f8fafc;border-top:2px solid #e2e8f0;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.incident-detail-modal .modal-actions .cancel-btn,.incident-detail-modal .modal-actions .save-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:48px;justify-content:center;max-width:140px;min-width:140px;padding:.85rem 1.5rem;transition:all .3s ease;width:140px}.incident-detail-modal .modal-actions .cancel-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc26264d;color:#fff}.incident-detail-modal .modal-actions .cancel-btn:hover{box-shadow:0 4px 12px #dc262666;transform:translateY(-2px)}.incident-detail-modal .modal-actions .save-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.incident-detail-modal .modal-actions .save-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.new-record-modal.modal-content{display:flex;flex-direction:column;height:80vh;max-height:80vh;max-width:none;overflow:hidden;width:60vw}.modal-header{border-bottom:2px solid #e2e8f0;flex-shrink:0;padding:1.5rem 2rem}.new-record-modal .modal-header{padding:1rem 2rem .5rem}.modal-header h2{align-items:center;display:flex;font-size:1.75rem;gap:.75rem}.modal-header h2:before{content:"";display:none}.modal-close{background:#fff;border:2px solid #fff;font-weight:700;height:45px;width:45px}.modal-close:hover{border-color:#fff;transform:rotate(90deg)}.modal-body{background:#0000;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;scrollbar-color:#667eea80 #0000;scrollbar-width:thin}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#0000}.modal-body::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#667eea80;border:2px solid #0000;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background-color:#667eeacc}.new-record-modal .modal-body{background:#0000;box-sizing:border-box;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding:.6rem 1rem 2rem;scrollbar-color:#667eea80 #0000;scrollbar-width:thin}.detail-section{border-radius:12px;margin-bottom:0}.detail-section h3{align-items:center;border-bottom:3px solid #667eea;display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem}.detail-section h3:before{content:"📋";font-size:1.4rem}.report-details{display:flex;flex-direction:column;gap:1.5rem;width:100%}.detail-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem}@media (min-width:1400px){.detail-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px) and (max-width:1399px){.detail-grid{grid-template-columns:repeat(3,1fr)}}.detail-item{background:#fff;border-left:4px solid #667eea;border-radius:8px;box-shadow:0 1px 3px #0000000d;gap:.5rem;padding:1rem}.detail-item label{font-size:.75rem;font-weight:700;letter-spacing:.8px}.detail-item span{font-size:1.05rem;font-weight:600;line-height:1.4}.incident-description{background:#fff;border-left:5px solid #667eea;border-radius:12px;box-shadow:0 2px 6px #00000014;color:#2d3748;font-size:1.1rem;font-weight:500;line-height:1.8;min-height:120px;padding:1.75rem}.response-form{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 2fr}@media (max-width:1024px){.response-form{grid-template-columns:1fr}}.form-group{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000d;gap:.75rem;padding:1.25rem}.form-group label{align-items:center;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;letter-spacing:.5px;text-transform:uppercase}.form-group label:before{color:#667eea;content:"▶";font-size:.7rem}.status-select{border:2px solid #e2e8f0;font-size:1.05rem;font-weight:600;outline:none;padding:1rem;transition:all .3s ease}.status-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.status-select:hover{border-color:#667eea}.response-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1.05rem;line-height:1.6;min-height:150px;outline:none;padding:1.25rem;resize:vertical;transition:all .3s ease}.response-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checkbox-group{align-items:flex-start;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:10px;display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;padding:1rem}.checkbox-label{display:contents}.checkbox-label:before{display:none}.bulletin-checkbox{accent-color:#0ea5e9;cursor:pointer;flex-shrink:0;height:18px;margin-top:0;width:18px}.checkbox-text-container{display:flex;flex-direction:column;gap:.2rem;width:100%}.checkbox-title{color:#0c4a6e;font-size:.8rem;font-weight:600;line-height:1.3}.checkbox-hint{color:#075985;font-size:.75rem;font-style:italic;font-weight:400;line-height:1.4}.admin-incident-page.dark .checkbox-group{background:linear-gradient(135deg,#1e3a5f,#1e293b);border-color:#0ea5e9}.admin-incident-page.dark .checkbox-title{color:#bae6fd}.admin-incident-page.dark .checkbox-hint{color:#7dd3fc}.modal-actions{align-items:center;background:#f8fafc;border-top:2px solid #e2e8f0;box-sizing:border-box;flex-shrink:0;gap:1.5rem;padding:1.5rem 2rem;position:relative;z-index:1}.publish-btn,.unpublish-btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-width:220px;padding:.85rem 1.75rem;text-align:center;transition:all .3s ease}.publish-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.publish-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.unpublish-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.unpublish-btn:hover{box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.publish-btn:disabled,.publish-btn:disabled:hover,.unpublish-btn:disabled,.unpublish-btn:disabled:hover{background:#ccc;box-shadow:none;color:#666;cursor:not-allowed;transform:none}.cancel-btn{background:#fff;border:2px solid #e2e8f0;color:#64748b;flex-shrink:0;font-size:1rem;padding:.85rem 1.75rem}.cancel-btn:hover{border-color:#94a3b8;box-shadow:0 4px 12px #0000001a;color:#374151;transform:translateY(-1px)}.new-record-modal .cancel-btn{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 1px 6px #0000001a;cursor:pointer;font-size:1rem;font-size:.84rem;transition:all .18s ease}.new-record-modal .cancel-btn,.new-record-modal .save-btn{align-items:center;border:none;border-radius:8px;color:#fff;display:flex;font-weight:600;height:48px;justify-content:center;max-width:180px;min-width:180px;padding:.85rem 2.5rem}.new-record-modal .save-btn{background:linear-gradient(135deg,#10b981,#059669);font-size:1rem}.new-record-modal .save-btn:hover{box-shadow:0 4px 15px #10b9814d;transform:translateY(-1px)}.save-btn{box-shadow:0 2px 8px #10b98133;font-size:1rem;font-weight:700;padding:.85rem 2rem}.save-btn:hover{box-shadow:0 6px 20px #10b98166}.incident-records-table{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:2rem auto;max-width:1400px;overflow:hidden}.table-header{padding:1.5rem 2rem}.table-title h3{margin:0 0 .25rem}.new-record-btn,.table-actions{align-items:center}.new-record-btn{border-radius:12px;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.5rem}.new-record-btn:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-1px)}.export-btn{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#000!important}.export-btn:hover{box-shadow:0 4px 15px #10b9814d}.pagination-btn{border:1px solid #e2e8f0;font-size:.9rem}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.5}.pagination-numbers{gap:.25rem}.page-btn{min-width:2.5rem}.view-details-btn{background:#4484c2;padding:.6rem 1.2rem}.view-details-btn:hover{background:#3366a3;box-shadow:0 4px 12px #4484c24d;transform:translateY(-1px)}.export-record-btn{background:#4484c2;border:none;border-radius:10px;box-shadow:0 2px 8px #4484c233;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.85rem 2rem;transition:all .3s ease}.export-record-btn:hover{background:#3366a3;box-shadow:0 6px 20px #4484c266;transform:translateY(-2px)}.delete-record-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;box-shadow:0 2px 8px #dc26264d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.85rem 2rem;transition:all .3s ease}.delete-record-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.delete-confirm-modal{height:auto;max-width:90vw;width:500px}.delete-confirm-message{color:#1a202c;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.delete-confirm-warning{color:#dc2626;font-size:.95rem;font-weight:500;margin:0;text-align:center}.cancel-delete-btn{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-size:1rem;font-weight:600;padding:.85rem 2rem;transition:all .3s ease}.cancel-delete-btn:hover{border-color:#94a3b8;box-shadow:0 4px 12px #0000001a;color:#374151;transform:translateY(-1px)}.confirm-delete-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;box-shadow:0 2px 8px #dc26264d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.85rem 2rem;transition:all .3s ease}.confirm-delete-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.records-table{padding:0 2rem 2rem}.records-table:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px 8px 0 0;color:#fff;content:"";display:none;font-size:.85rem;font-weight:600;left:0;margin:0 -2rem 1rem;padding:.75rem;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:100%;z-index:10}.records-table table{background:#fff;margin:0 auto}.records-mobile-cards{display:none!important}.records-table th{border-bottom:2px solid #e5e7eb;font-size:.9rem;padding:1rem 1.5rem}.records-table td{min-width:0;overflow:visible!important;padding:1.25rem 1.5rem;white-space:normal!important}.records-table tr:hover{background:#f9fafb}.records-table table thead th{background:#f8fafc;color:#374151;font-size:.85rem;font-weight:700;letter-spacing:.6px;padding:1rem 1.5rem;text-transform:uppercase}.records-table tbody td{border-bottom:1px solid #eef3f5;padding:1.25rem 1.5rem;vertical-align:top}.record-id{color:#2b6cb0;font-size:.95rem;font-weight:700;width:10%}.patient-main{align-items:flex-start;display:flex;flex-direction:column;gap:6px;min-width:0;padding:.15rem 0}.patient-name{color:#1f2937;display:block;font-size:.95rem;font-weight:700;letter-spacing:normal;line-height:1.2;margin:0;min-width:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.patient-gender-badge{border-radius:999px;color:#fff;display:inline-block;flex:0 0 auto;font-size:.65rem;font-weight:700;line-height:1;margin:0;padding:3px 8px;text-transform:uppercase}.admin-incident-page.dark .filter-btn,.admin-incident-page.dark .incident-header,.admin-incident-page.dark .incident-report-card,.admin-incident-page.dark .no-reports,.admin-incident-page.dark .search-input{background:#2d3748;border-color:#4a5568}.admin-incident-page.dark .filter-btn.archived-filter-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.admin-incident-page.dark .filter-btn.archived-filter-btn.active{background:#4b5563;border-color:#6b7280;color:#f3f4f6}.admin-incident-page.dark .filter-btn.archived-filter-btn:hover:not(.active){background:#4b5563;border-color:#6b7280}.admin-incident-page.dark .detail-item span,.admin-incident-page.dark .header-content h1,.admin-incident-page.dark .meta-value,.admin-incident-page.dark .report-title{color:#f7fafc}.admin-incident-page.dark .incident-description,.admin-incident-page.dark .report-description{background:#2d3748;border-color:#667eea;color:#e5e7eb}.admin-incident-page.dark .modal-content{background:#2d3748;color:#f7fafc}.admin-incident-page.dark .modal-header{background:linear-gradient(135deg,#4c51bf,#5a4a9f)}.admin-incident-page.dark .modal-header h2{color:#f7fafc}.admin-incident-page.dark .detail-section{background:#374151;border-color:#4a5568}.admin-incident-page.dark .detail-section h3{border-color:#667eea;color:#f7fafc}.admin-incident-page.dark .detail-item{background:#2d3748;border-color:#667eea}.admin-incident-page.dark .form-group{background:#2d3748;border-color:#4a5568}.admin-incident-page.dark .response-textarea,.admin-incident-page.dark .status-select{background:#374151;border-color:#4a5568;color:#f7fafc}.admin-incident-page.dark .cancel-btn{background:#374151;border-color:#4a5568;color:#e5e7eb}.admin-incident-page.dark .new-record-modal .cancel-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;color:#fff}.admin-incident-page.dark .incident-detail-modal .modal-actions,.admin-incident-page.dark .new-record-modal .modal-actions{background:#2d3748;border-color:#4a5568}.admin-incident-page.dark .modal-actions{background:#2d3748;border-top-color:#4a5568}.admin-incident-page.dark .incident-records-table,.admin-incident-page.dark .records-table table{background:#2d3748;border-color:#4a5568}.admin-incident-page.dark .records-table:before{background:linear-gradient(135deg,#4c51bf,#5a67d8);color:#f7fafc}.admin-incident-page.dark .table-header{background:#374151;border-color:#4a5568}.admin-incident-page.dark .records-table th,.admin-incident-page.dark .table-title h3{background:#2d3748;border-bottom-color:#4a5568;color:#f7fafc}.admin-incident-page.dark .table-title span{color:#94a3b8}.admin-incident-page.dark .records-table td{background:#1e293b;border-color:#4a5568;color:#e2e8f0}.admin-incident-page.dark .records-table tr:hover{background:#374151}.admin-incident-page.dark .complaint,.admin-incident-page.dark .date,.admin-incident-page.dark .email,.admin-incident-page.dark .grade,.admin-incident-page.dark .grade-section-text,.admin-incident-page.dark .incident-type,.admin-incident-page.dark .last-login,.admin-incident-page.dark .location,.admin-incident-page.dark .patient-id,.admin-incident-page.dark .patient-name,.admin-incident-page.dark .record-id,.admin-incident-page.dark .section,.admin-incident-page.dark .student-id,.admin-incident-page.dark .time,.admin-incident-page.dark .time-in,.admin-incident-page.dark .time-out{color:#f7fafc}.admin-incident-page.dark .record-modal{background:#2d3748;color:#f7fafc}.admin-incident-page.dark .record-details .detail-section{background:#374151;border-color:#4a5568}.admin-incident-page.dark .record-details .detail-item{background:#2d3748;border-color:#667eea;color:#f7fafc}.admin-incident-page.dark .export-btn{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff!important}.admin-incident-page.dark .record-card{background:#2d3748;border-color:#4a5568}.admin-incident-page.dark .record-card-header{border-bottom-color:#4a5568}.admin-incident-page.dark .record-card-id strong{color:#818cf8}.admin-incident-page.dark .record-card-id span,.admin-incident-page.dark .record-card-label{color:#9ca3af}.admin-incident-page.dark .record-card-value{color:#f7fafc}.admin-incident-page.dark .record-card-row.patient-row{background:#374151}.admin-incident-page.dark .patient-info .patient-name{color:#f7fafc}.admin-incident-page.dark .complaint-text{color:#d1d5db}.admin-incident-page.dark .time-info-item{color:#9ca3af}.admin-incident-page.dark .time-info-item span{color:#f7fafc}.admin-incident-page.dark .record-card-footer{border-top-color:#4a5568}.admin-incident-page.dark .record-card-action-btn{background:#818cf8}.admin-incident-page.dark .record-card-action-btn:hover{background:#6366f1}.admin-incident-page.dark .view-details-btn{background:#4484c2;color:#fff}.admin-incident-page.dark .view-details-btn:hover{background:#3366a3}.admin-incident-page.dark .export-record-btn{background:#4484c2;color:#fff}.admin-incident-page.dark .export-record-btn:hover{background:#3366a3}.admin-incident-page.dark .delete-record-btn{background:linear-gradient(135deg,#dc2626,#b91c1c)}.admin-incident-page.dark .delete-record-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}.admin-incident-page.dark .delete-confirm-modal{background:#1e293b;border:1px solid #334155}.admin-incident-page.dark .delete-confirm-message{color:#f1f5f9}.admin-incident-page.dark .delete-confirm-warning{color:#fca5a5}.admin-incident-page.dark .cancel-delete-btn{background:#2d3748;border-color:#4a5568;color:#cbd5e1}.admin-incident-page.dark .cancel-delete-btn:hover{background:#374151;border-color:#64748b;color:#f1f5f9}.admin-incident-page.dark .confirm-delete-btn{background:linear-gradient(135deg,#dc2626,#b91c1c)}@media (max-width:1200px){.incident-reports-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:992px){.incident-header,.incident-main-content{padding:1.5rem}.header-stats{gap:1rem}.stat-card{min-width:80px;padding:.75rem 1rem}.stat-number{font-size:1.5rem}.incident-controls{gap:1rem}.search-container{flex:0 0 300px;max-width:300px}.records-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.records-table:before{content:"👆 Swipe table left/right to see all columns";display:block}.records-mobile-cards{display:none!important}.records-table table{min-width:1000px}.records-table td,.records-table th{font-size:.9rem;padding:.75rem}}@media (max-width:768px){.incident-main-content{margin-left:0!important;padding:1rem}.incident-header{align-items:flex-start;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;padding:1rem}.header-content h1{font-size:1.5rem}.header-content p{font-size:.9rem}.header-stats{justify-content:space-between;overflow-x:auto;padding-bottom:.5rem;width:100%}.stat-card{min-width:70px;padding:.75rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.75rem}.table-header{align-items:flex-start}.table-actions{flex-wrap:wrap;justify-content:flex-start}.incident-controls{align-items:stretch;flex-direction:column;gap:1rem}.search-container{flex:1 1 auto;max-width:100%}.search-input{font-size:.9rem;padding:.65rem .85rem}.filter-section{flex-wrap:wrap;justify-content:flex-start;width:100%}.date-select{font-size:.9rem;padding:.65rem .85rem}.filter-buttons{flex-wrap:wrap;gap:.5rem;width:100%}.filter-btn{flex:1 1;font-size:.85rem;min-width:100px;padding:.65rem 1rem}.table-header{flex-direction:column;gap:1rem;padding:1rem}.table-title{width:100%}.table-title h3{font-size:1.25rem}.table-title span{font-size:.85rem}.table-actions{flex-direction:row;gap:.75rem;width:100%}.export-btn,.new-record-btn{flex:1 1;font-size:.85rem;justify-content:center;padding:.75rem 1rem}.records-table{margin:0 -1rem;padding:0;width:calc(100% + 2rem)}.records-table table{min-width:900px;width:100%}.records-table td,.records-table th{font-size:.75rem;padding:.65rem .5rem;white-space:nowrap}.records-table th{font-size:.7rem;letter-spacing:.3px}.record-id{font-size:.75rem;min-width:100px}.patient-col{min-width:140px}.patient-name{font-size:.8rem;margin-bottom:.25rem}.patient-gender-badge{font-size:.65rem;padding:.15rem .4rem}.patient-sub{font-size:.7rem}.complaint-col,.date-col,.grade-col,.time-col,.type-col{font-size:.75rem}.complaint-col{max-width:150px;overflow:hidden;text-overflow:ellipsis}.time-col,.time-in,.time-out{font-size:.7rem}.status-badge{font-size:.65rem;padding:.25rem .5rem}.action-col{padding:0!important;width:70px!important}.records-table{-webkit-overflow-scrolling:touch;display:block!important;margin-top:1.5rem;overflow-x:auto}.records-table:before{content:"👆 Swipe table left/right to see all columns";display:block!important}.records-mobile-cards{display:none!important}.record-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1rem;transition:all .2s ease}.record-card:active{box-shadow:0 1px 4px #0000001a;transform:scale(.98)}.record-card-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.record-card-id{display:flex;flex-direction:column;gap:.25rem}.record-card-id strong{color:#6366f1;font-size:.85rem;font-weight:600}.record-card-id span{color:#6b7280;font-size:.7rem}.record-card-status{align-items:center;display:flex;gap:.5rem}.record-card-body{display:flex;flex-direction:column;gap:.75rem}.record-card-row{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.record-card-row.patient-row{align-items:flex-start;background:#f9fafb;border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem}.record-card-label{color:#6b7280;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.record-card-value{color:#111827;font-size:.85rem;font-weight:500;text-align:right}.patient-row .record-card-value{text-align:left;width:100%}.patient-info{align-items:center;display:flex;justify-content:space-between;width:100%}.patient-info .patient-name{color:#111827;font-size:.95rem;font-weight:600}.patient-info .patient-gender-badge{border-radius:4px;color:#fff;font-size:.65rem;font-weight:600;padding:.2rem .5rem}.complaint-text{color:#374151;font-size:.8rem;line-height:1.4;margin-top:.25rem}.time-info{display:flex;flex-direction:column;gap:.25rem;text-align:right}.time-info-item{color:#6b7280;font-size:.75rem}.time-info-item span{color:#111827;font-weight:500}.record-card-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;margin-top:.5rem;padding-top:.75rem}.record-card-action-btn{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;transition:all .2s ease}.record-card-action-btn:hover{background:#4080be;box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.record-card-action-btn:active{transform:translateY(0)}.record-card-action-btn img{filter:brightness(0) invert(1);height:18px;width:18px}.pagination-container{flex-direction:column;gap:1rem;padding:1rem}.pagination-info{font-size:.85rem;text-align:center}.pagination-controls{flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.pagination-numbers{display:flex;gap:.25rem;margin:0}.pagination-btn{font-size:.85rem;min-width:60px;padding:.5rem .75rem}.page-btn{min-width:36px;padding:.5rem}.incident-reports-grid,.report-meta{grid-template-columns:1fr}.no-reports{padding:3rem 1.5rem}.no-reports-icon{font-size:3rem}.no-reports h3{font-size:1.25rem}.no-reports p{font-size:.9rem}.modal-overlay{padding:.5rem}.modal-content{border-radius:12px;height:95vh;max-height:95vh;max-width:95vw;width:95vw}.incident-detail-modal{height:95vh!important;max-width:95vw!important;width:95vw!important}.modal-header{border-radius:12px 12px 0 0;padding:1rem}.modal-header h2{font-size:1.25rem}.modal-close{font-size:1.5rem;height:36px;width:36px}.modal-body{padding:1rem}.new-record-modal{height:95vh!important;width:95vw!important}.new-record-form{gap:.75rem;grid-template-columns:1fr}.form-section{padding:1rem}.form-section h3{font-size:1.1rem;margin-bottom:1rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-group label{font-size:.8rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.65rem}.detail-grid{gap:1rem;grid-template-columns:1fr}.detail-section{padding:1rem}.detail-section h3{font-size:1.1rem;margin-bottom:1rem}.detail-item label{font-size:.7rem}.detail-item span{font-size:.9rem}.modal-actions{gap:.75rem;padding:1rem}.record-modal-actions{flex-direction:row;justify-content:flex-end}.record-close-btn,.record-export-btn{font-size:.85rem;padding:.65rem 1rem}.cancel-btn,.save-btn{font-size:.9rem;padding:.75rem 1.5rem}.time-section .time-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:480px){.incident-main-content{margin-top:4.2rem!important;padding:.5rem}.incident-header{gap:1rem;padding:.75rem}.header-content h1{font-size:1.25rem}.header-content p{font-size:.8rem}.header-stats{flex-wrap:nowrap;gap:.5rem}.stat-card{min-width:55px;padding:.5rem}.stat-number{font-size:1rem}.stat-label{color:#000;font-size:.65rem}.incident-controls{gap:.75rem}.date-select,.search-input{font-size:.85rem;padding:.6rem .75rem}.filter-buttons{gap:.5rem}.filter-btn{font-size:.75rem;min-width:85px;padding:.5rem .75rem}.table-header{gap:.75rem;padding:.75rem}.table-title h3{font-size:1.1rem}.table-title span{font-size:.75rem}.table-actions{gap:.5rem}.export-btn,.new-record-btn{font-size:.8rem;padding:.6rem .75rem}.records-table{-webkit-overflow-scrolling:touch;display:block!important;margin-top:1.5rem;overflow-x:auto}.records-table:before{content:"👆 Swipe table left/right to see all columns";display:block!important}.records-mobile-cards{display:none!important;gap:.75rem}.record-card{padding:.85rem}.record-card-header{margin-bottom:.75rem;padding-bottom:.65rem}.record-card-id strong{font-size:.8rem}.record-card-id span{font-size:.65rem}.record-card-body{gap:.65rem}.record-card-row{padding:.4rem 0}.record-card-row.patient-row{padding:.65rem}.record-card-label{font-size:.65rem}.record-card-value{font-size:.8rem}.patient-info .patient-name{font-size:.9rem}.complaint-text{font-size:.75rem}.time-info-item{font-size:.7rem}.record-card-footer{margin-top:.4rem;padding-top:.65rem}.record-card-action-btn{font-size:.8rem;padding:.55rem 1rem}.record-card-action-btn img{height:16px;width:16px}.records-table td,.records-table th{font-size:.7rem;padding:.5rem .35rem}.records-table th{font-size:.65rem;letter-spacing:.2px}.record-id{font-size:.7rem;min-width:90px}.patient-col{min-width:120px}.patient-name{font-size:.75rem;margin-bottom:.2rem}.patient-gender-badge{font-size:.6rem;padding:.1rem .35rem}.patient-sub{font-size:.65rem}.complaint-col{max-width:120px}.time-in,.time-out{font-size:.65rem}.status-badge{font-size:.6rem;padding:.2rem .45rem}.action-col{width:60px!important}.pagination-container{gap:.75rem;padding:.75rem}.pagination-info{font-size:.75rem}.pagination-controls{gap:.35rem}.pagination-btn{font-size:.75rem;min-width:50px;padding:.45rem .6rem}.page-btn{min-width:32px;padding:.45rem .35rem}.no-reports{padding:2rem 1rem}.no-reports-icon{font-size:2.5rem}.no-reports h3{font-size:1.1rem}.no-reports p{font-size:.85rem}.incident-report-card{padding:1rem}.modal-overlay{padding:.25rem}.modal-content{border-radius:8px;height:98vh;max-height:98vh;max-width:98vw;width:98vw}.incident-detail-modal{height:98vh!important;max-width:98vw!important;width:98vw!important}.modal-header{padding:.75rem}.modal-header h2{font-size:1.1rem}.modal-close{font-size:1.25rem;height:32px;width:32px}.modal-body{padding:.75rem}.new-record-modal{height:98vh!important;width:98vw!important}.detail-section{padding:.75rem}.detail-section h3{font-size:1rem}.detail-item label{font-size:.65rem}.detail-item span{font-size:.85rem}.form-section{padding:.75rem}.form-section h3{font-size:1rem}.form-group label{font-size:.75rem}.form-group input,.form-group select,.form-group textarea{font-size:.85rem;padding:.6rem}.modal-actions{gap:.5rem;padding:.75rem}.incident-detail-modal .modal-actions,.new-record-modal .modal-actions{flex-direction:column-reverse;gap:.75rem}.incident-detail-modal .modal-actions .cancel-btn,.incident-detail-modal .modal-actions .save-btn,.new-record-modal .modal-actions .cancel-btn,.new-record-modal .modal-actions .save-btn{max-width:100%;min-width:100%;width:100%}.record-modal-actions{flex-direction:column}.record-close-btn,.record-export-btn{font-size:.85rem;padding:.65rem 1rem;width:100%}.cancel-btn,.save-btn{font-size:.9rem;padding:.7rem 1.25rem}}.notification-container{position:relative}.notification-icon{background:#4080be1a;cursor:pointer;padding:.5rem;position:relative;transition:all .3s ease}.notification-icon:hover{background:#4080be33;transform:scale(1.05)}.notification-icon svg{color:#4080be;height:24px;width:24px}.notification-badge{animation:pulse-badge 2s infinite;background:linear-gradient(135deg,#ff4757,#ff6348);box-shadow:0 2px 8px #ff475766;font-size:.7rem;height:20px;width:20px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{animation:slideDown .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:380px;z-index:1000}.admin-dark .notification-dropdown{background:#2d3748;box-shadow:0 10px 40px #0000004d}.notification-header{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border-bottom:2px solid #e2e8f0;color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.admin-dark .notification-header{border-bottom-color:#4a5568}.notification-header h3{font-size:1.1rem;font-weight:600;margin:0}.mark-all-read{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;opacity:.9;padding:.3rem .8rem;transition:all .2s ease}.mark-all-read:hover{background:#fff3;opacity:1}.notification-list{max-height:400px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1}.admin-dark .notification-list::-webkit-scrollbar-track{background:#1a202c}.notification-list::-webkit-scrollbar-thumb{background:#4080be;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#5090ce}.notification-item{border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.admin-dark .notification-item{border-bottom-color:#4a5568}.notification-item:hover{background:#f7fafc}.admin-dark .notification-item:hover{background:#374151}.notification-item.unread{background:#f0f7ff}.admin-dark .notification-item.unread{background:#1e3a5f}.notification-item.unread:before{background:linear-gradient(135deg,#4080be,#5090ce);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.notification-content{gap:1rem}.notification-icon-wrapper{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.notification-icon-wrapper.incident{background:linear-gradient(135deg,#4080be,#5090ce)}.notification-icon-wrapper.chat{background:linear-gradient(135deg,#10b981,#34d399)}.notification-icon-wrapper.announcement{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.notification-icon-wrapper.status{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.notification-details{flex:1 1}.notification-title{color:#1a202c;font-size:.95rem;margin:0 0 .3rem}.admin-dark .notification-title{color:#f7fafc}.notification-message{color:#4a5568;margin:0 0 .5rem}.admin-dark .notification-message{color:#cbd5e0}.notification-time{align-items:center;color:#718096;display:flex;gap:.3rem}.admin-dark .notification-time{color:#a0aec0}.notification-empty{color:#718096;padding:3rem 2rem;text-align:center}.admin-dark .notification-empty{color:#a0aec0}.notification-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.notification-empty p{font-size:.95rem;margin:0}.notification-footer{border-top:1px solid #e2e8f0;padding:.8rem 1.5rem;text-align:center}.admin-dark .notification-footer{border-top-color:#4a5568}.view-all-notifications{color:#4080be;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease}.view-all-notifications:hover{color:#5090ce;text-decoration:underline}@media (max-width:768px){.notification-dropdown{left:50%!important;max-height:calc(100vh - 100px)!important;max-width:450px!important;position:fixed!important;right:auto!important;top:80px!important;transform:translateX(-50%)!important;width:calc(100vw - 20px)!important}.notification-item{padding:.8rem 1rem}.notification-icon-wrapper{font-size:1rem;height:35px;width:35px}}@media (max-width:480px){.notification-dropdown{left:50%!important;max-width:none!important;position:fixed!important;right:auto!important;top:75px!important;transform:translateX(-50%)!important;width:calc(100vw - 16px)!important}}.archive-reports-btn{background-color:#6b7280;border:none;border-radius:12px;box-shadow:0 2px 8px #6b728033;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.archive-reports-btn:hover{background-color:#4b5563;box-shadow:0 4px 12px #6b72804d;transform:translateY(-2px)}.archive-reports-btn:active{transform:translateY(0)}.archive-reports-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.archive-modal{display:flex;flex-direction:column;max-height:85vh;max-width:900px}.archive-modal .modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.archive-controls{border-bottom:2px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem}.archive-description{color:#64748b;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.select-all-container{margin-bottom:1rem}.select-all-container .checkbox-label{align-items:center;background:#f8fafc;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.select-all-container .checkbox-label:hover{background:#f1f5f9}.select-all-container .checkbox-text{color:#1a202c;font-size:1rem;font-weight:600}.archive-reports-list{flex:1 1;margin-bottom:1rem;padding-right:.5rem}.archive-reports-list::-webkit-scrollbar{width:8px}.archive-reports-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.archive-reports-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.archive-reports-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.no-reports-message{color:#64748b;padding:3rem 1rem;text-align:center}.no-reports-message p{font-size:1.1rem}.archive-report-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:.75rem;transition:all .2s ease}.archive-report-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #00000014}.archive-report-item.selected{background:#f0f4ff;border-color:#667eea}.archive-report-label{align-items:flex-start;cursor:pointer;display:flex;gap:1rem;padding:1rem;width:100%}.archive-checkbox{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.archive-report-info{flex:1 1;min-width:0}.archive-report-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.archive-report-id{background:#f1f5f9;border-radius:6px;color:#4b5563;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;padding:.25rem .5rem}.archive-status-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.archive-report-title{color:#1a202c;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.archive-report-meta{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem}.archive-report-meta span{white-space:nowrap}.archive-summary{font-weight:500;margin-top:.5rem;padding:.5rem;text-align:center}.archive-reports-list{max-height:40vh;overflow-y:auto;padding-right:1rem}.archive-summary p{color:#1a202c;font-size:1rem;margin:0}.archive-summary strong{color:#667eea;font-size:1.2rem}.modal-actions .archive-btn{background-color:#6b7280;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.modal-actions .archive-btn:hover:not(:disabled){background-color:#4b5563;box-shadow:0 4px 12px #6b72804d;transform:translateY(-2px)}.modal-actions .archive-btn:disabled{background-color:#d1d5db;cursor:not-allowed;opacity:.6}.admin-incident-page.dark .archive-controls{border-bottom-color:#4a5568}.admin-incident-page.dark .archive-description{color:#cbd5e1}.admin-incident-page.dark .select-all-container .checkbox-label{background:#2d3748}.admin-incident-page.dark .select-all-container .checkbox-label:hover{background:#374151}.admin-incident-page.dark .select-all-container .checkbox-text{color:#f7fafc}.admin-incident-page.dark .archive-report-item{background:#2d3748;border-color:#4a5568}.admin-incident-page.dark .archive-report-item:hover{border-color:#718096}.admin-incident-page.dark .archive-report-item.selected{background:#374151;border-color:#667eea}.admin-incident-page.dark .archive-report-id{background:#1a202c;color:#cbd5e1}.admin-incident-page.dark .archive-report-title{color:#f7fafc}.admin-incident-page.dark .archive-report-meta{color:#cbd5e1}.admin-incident-page.dark .archive-summary{background:#2d3748;border-color:#667eea}.admin-incident-page.dark .archive-summary p{color:#f7fafc}.admin-incident-page.dark .no-reports-message{color:#cbd5e1}@media (max-width:480px){.incident-header,.incident-main-content{padding:1rem}.header-content h1{font-size:1.5rem}.header-content p{font-size:.9rem}.header-stats{flex-direction:column;gap:.75rem}.stat-card{padding:.75rem 1rem;width:100%}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.incident-controls{flex-direction:column;gap:1rem}.search-container{flex:1 1;max-width:100%}.filter-section{flex-direction:column;width:100%}.filter-buttons{flex-wrap:wrap;width:100%}.filter-btn{flex:1 1;font-size:.85rem;min-width:calc(50% - .25rem);padding:.6rem 1rem}.incidents-grid{grid-template-columns:1fr}.incident-card{padding:1rem}.incident-header-row{align-items:flex-start;flex-direction:column;gap:.5rem}.incident-id{font-size:.8rem}.modal-overlay{padding:.5rem}.incident-modal{margin:.5rem;max-height:95vh;max-width:100%}.modal-header h2{font-size:1.25rem}.modal-body{padding:1rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.modal-actions button{width:100%}.archive-report-label{padding:.75rem}.archive-report-title{font-size:.9rem}.archive-report-meta{font-size:.8rem}}@media (min-width:481px) and (max-width:767px){.incident-header,.incident-main-content{padding:1.5rem}.header-content h1{font-size:1.75rem}.header-stats{display:grid;grid-template-columns:repeat(2,1fr)}.incident-controls{flex-direction:column;gap:1rem}.search-container{max-width:100%}.filter-buttons{flex-wrap:wrap}.filter-btn{flex:1 1;min-width:auto}.incidents-grid{grid-template-columns:1fr}.incident-modal{max-width:95%}}@media (min-width:768px) and (max-width:1023px){.incident-main-content{padding:1.5rem}.header-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.incident-controls{align-items:stretch;flex-direction:column;gap:1rem}.search-container{max-width:100%}.filter-section{flex-wrap:wrap}.incidents-grid{grid-template-columns:repeat(2,1fr)}.incident-modal{max-width:90%}.archive-modal{max-height:90vh;max-width:95vw}.archive-report-meta{gap:.25rem}.archive-report-header,.archive-report-meta{align-items:flex-start;flex-direction:column}.modal-actions .archive-btn{font-size:.9rem;padding:.65rem 1.25rem}}@media (min-width:1024px) and (max-width:1279px){.incident-main-content{padding:2rem}.header-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.incident-controls{flex-direction:row}.search-container{flex:0 0 350px;max-width:350px}.incidents-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px) and (max-width:1439px){.incident-main-content{padding:2rem}.incidents-grid{grid-template-columns:repeat(3,1fr)}.search-container{flex:0 0 400px}}@media (min-width:1440px) and (max-width:1919px){.incidents-grid{grid-template-columns:repeat(3,1fr)}.incident-main-content{margin:0 auto;max-width:1400px}}@media (min-width:1920px){.incidents-grid{grid-template-columns:repeat(4,1fr)}.incident-main-content{margin:0 auto;max-width:1800px;padding:3rem}}@media (max-height:500px) and (orientation:landscape){.incident-header{padding:1rem}.header-content h1{font-size:1.25rem}.header-stats{gap:.5rem}.stat-card{padding:.5rem 1rem}.modal-overlay{padding:1rem}.incident-modal{max-height:90vh;overflow-y:auto}}.incident-report-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.incident-report-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 80px #0006;display:flex;flex-direction:column;height:90vh;max-height:90vh;max-width:1800px;overflow:hidden;width:98vw}.incident-report-modal-header{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);border-bottom:3px solid #1e40af;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.incident-report-modal-header h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0}.incident-report-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;transition:all .2s ease;width:40px}.incident-report-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.incident-report-modal-body{background:#f8fafc;flex:1 1;overflow-y:auto;padding:2rem}.incident-report-modal-body::-webkit-scrollbar{width:10px}.incident-report-modal-body::-webkit-scrollbar-track{background:#e2e8f0;border-radius:10px}.incident-report-modal-body::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.incident-report-modal-body::-webkit-scrollbar-thumb:hover{background:#64748b}.incident-report-details{margin:0 auto;max-width:1600px}.incident-detail-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:1.5rem;padding:1.75rem}.incident-detail-section h3{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1.25rem;padding-bottom:.75rem}.incident-detail-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr)}.incident-detail-item{display:flex;flex-direction:column;gap:.4rem}.incident-detail-item label{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.incident-detail-item span{color:#1e293b;font-size:1rem;font-weight:500;word-break:break-word}.incident-dynamic-fields-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}.incident-dynamic-field-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:.4rem;padding:1rem}.incident-dynamic-field-item label{color:#64748b;font-size:.875rem;font-weight:600}.incident-dynamic-field-item span{color:#1e293b;font-size:1rem;font-weight:500}.incident-description-text{word-wrap:break-word;background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;color:#334155;font-size:1rem;line-height:1.7;margin:0;padding:1rem;white-space:pre-wrap}.incident-admin-history-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.incident-admin-history-item{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;flex-direction:column;gap:.4rem;padding:1rem}.incident-admin-history-item.full-width{grid-column:1/-1}.incident-admin-history-item label{color:#1e40af;font-size:.875rem;font-weight:600}.incident-admin-history-item span{color:#1e293b;font-size:1rem}.admin-by{color:#64748b!important;display:block;font-size:.875rem!important;font-style:italic;margin-top:.25rem}.previous-response{background:#fff;border-left:3px solid #3b82f6;border-radius:6px;color:#334155;font-size:.95rem;line-height:1.6;padding:1rem;white-space:pre-wrap}.incident-response-form{display:flex;flex-direction:column;gap:1.25rem}.incident-form-group{display:flex;flex-direction:column;gap:.5rem}.incident-form-group label{color:#1e293b;font-size:.95rem}.incident-status-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.incident-status-select:hover{border-color:#3b82f6}.incident-status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.incident-response-textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;line-height:1.6;min-height:120px;padding:1rem;resize:vertical;transition:all .2s ease}.incident-response-textarea:hover{border-color:#3b82f6}.incident-response-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.incident-response-textarea::placeholder{color:#94a3b8}.incident-checkbox-group{background:#eff6ff;border:2px solid #bfdbfe;border-radius:10px;padding:1.25rem}.incident-checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:1rem;-webkit-user-select:none;user-select:none}.incident-bulletin-checkbox{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.incident-checkbox-text-container{display:flex;flex-direction:column;gap:.4rem}.incident-checkbox-title{color:#1e293b;font-size:1rem;font-weight:600}.incident-checkbox-hint{color:#64748b;font-size:.875rem;line-height:1.5}.incident-report-modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.incident-modal-cancel-btn,.incident-modal-save-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.875rem 2rem;transition:all .2s ease}.incident-modal-cancel-btn{background:#e2e8f0;color:#475569}.incident-modal-cancel-btn:hover{background:#cbd5e1;transform:translateY(-1px)}.incident-modal-save-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.incident-modal-save-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.incident-modal-save-btn:active{transform:translateY(0)}@media (max-width:1400px){.incident-detail-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.incident-report-modal-content{height:85vh;width:95vw}.incident-detail-grid,.incident-dynamic-fields-grid{grid-template-columns:repeat(2,1fr)}.incident-admin-history-grid{grid-template-columns:1fr}}@media (max-width:768px){.incident-report-modal-overlay{padding:.5rem}.incident-report-modal-content{border-radius:12px;height:95vh;width:100vw}.incident-report-modal-header{padding:1rem 1.5rem}.incident-report-modal-header h2{font-size:1.25rem}.incident-report-modal-body{padding:1rem}.incident-detail-section{padding:1.25rem}.incident-detail-grid,.incident-dynamic-fields-grid{grid-template-columns:1fr}.incident-report-modal-actions{flex-direction:column;padding:1rem 1.5rem}.incident-modal-cancel-btn,.incident-modal-save-btn{width:100%}}.admin-lost-found-page.dark .admin-modal-content .detail-section>.detail-title,.admin-lost-found-page.dark .admin-modal-content .detail-section>h3,.admin-lost-found-page.dark .admin-modal-content .detail-section>h4,.admin-lost-found-page.dark .admin-modal-content .detail-section>span[style*="font-weight: bold"],.admin-lost-found-page.dark .admin-modal-content .detail-section>span[style*="font-weight:bold"],.admin-lost-found-page.dark .admin-modal-content .detail-section>strong{color:#fff!important}.admin-lost-found-page.dark .admin-modal-content input,.admin-lost-found-page.dark .admin-modal-content textarea{background:#23272f!important;border:1px solid #353a45!important;box-shadow:none!important;color:#e2e8f0!important}.admin-lost-found-page.dark .admin-modal-content input::placeholder,.admin-lost-found-page.dark .admin-modal-content textarea::placeholder{color:#7b8494!important;opacity:1!important}.admin-lost-found-page.dark .admin-modal-content input[type=text],.admin-lost-found-page.dark .admin-modal-content textarea{background:#23272f!important;border:1px solid #353a45!important;box-shadow:none!important;color:#e2e8f0!important}.admin-lost-found-page.dark .admin-modal-content input[type=text]::placeholder,.admin-lost-found-page.dark .admin-modal-content textarea::placeholder{color:#7b8494!important;opacity:1!important}.admin-lost-found-page.dark .admin-modal-content .detail-section .description-field,.admin-lost-found-page.dark .admin-modal-content .detail-section input,.admin-lost-found-page.dark .admin-modal-content .detail-section textarea,.admin-lost-found-page.dark .admin-modal-content input,.admin-lost-found-page.dark .admin-modal-content textarea{background:#23272f!important;border-color:#353a45!important;color:#e2e8f0!important}.admin-lost-found-page.dark .admin-modal-content .admin-modal-body>.detail-grid,.admin-lost-found-page.dark .admin-modal-content .admin-modal-body>.detail-section,.admin-lost-found-page.dark .admin-modal-content .admin-modal-body>div,.admin-lost-found-page.dark .admin-modal-content .detail-grid,.admin-lost-found-page.dark .admin-modal-content .detail-section{background:#23272f!important;box-shadow:none!important;color:#e2e8f0!important}.admin-lost-found-page.dark .admin-modal-content,.admin-lost-found-page.dark .admin-modal-content .detail-grid,.admin-lost-found-page.dark .admin-modal-content .detail-section,.admin-lost-found-page.dark .admin-modal-content.wide-modal{background:#23272f!important;color:#e2e8f0!important}.admin-lost-found-page.dark .admin-modal-content .detail-item label,.admin-lost-found-page.dark .admin-modal-content .detail-label{color:#bfc7d5!important}.admin-lost-found-page.dark .admin-modal-content .detail-item span,.admin-lost-found-page.dark .admin-modal-content .detail-value{color:#e2e8f0!important}.admin-lost-found-page.dark .admin-modal-content .admin-modal-title{color:#f8fafc!important}.admin-lost-found-page.dark .admin-modal-content .admin-modal-header{background:#23272f!important;color:#f8fafc!important}.admin-lost-found-page.dark .admin-modal-content .admin-modal-close{color:#f8fafc!important}.admin-lost-found-page.dark .admin-modal-content .admin-modal-actions{background:#23272f!important}.admin-lost-found-page{background-color:#f8fafc;max-width:100vw;min-height:100vh;overflow-x:hidden;transition:all .3s ease;width:100%}.admin-lost-found-page.light{background-color:#f8fafc;color:#2d3748}.admin-lost-found-page.dark{background-color:#1a202c;color:#f7fafc}.admin-lost-found-main{margin-left:0;max-width:100vw;overflow-x:hidden;padding-top:0;transition:margin-left .3s ease;width:100%}.admin-lost-found-page.sidebar-open .admin-lost-found-main{margin-left:350px;transition:margin-left .3s ease}.incident-main-content{box-sizing:border-box;margin-left:0;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:2rem;transition:margin-left .3s ease}.admin-welcome-section{margin-bottom:2rem}.welcome-card{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #667eea33;padding:2.5rem}.welcome-content h2{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .75rem}.welcome-content p{color:#ffffffe6;font-size:1.1rem;line-height:1.5;margin:0}.admin-lost-found-page.dark .welcome-card{background:linear-gradient(135deg,#4a5568,#2d3748)}.admin-container{margin:0 auto;max-width:1600px;padding:0 2rem}.admin-container,.admin-stats-section{box-sizing:border-box;overflow-x:hidden}.admin-stats-section{background:#fff;border-bottom:1px solid #e2e8f0;max-width:100vw;padding:2rem 0}.admin-lost-found-page.dark .admin-stats-section{background:#2d3748;border-bottom-color:#4a5568}.admin-stat-card{align-items:center;background:#667eea;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.admin-stat-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.admin-lost-found-page.dark .admin-stat-card{background:#4a5568;border-color:#718096}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-content{color:#000;flex:1 1}.stat-number{color:#2d3748;font-size:2rem;line-height:1;margin:0}.admin-lost-found-page.dark .stat-number{color:#f7fafc}.stat-label{font-size:.9rem;margin:.5rem 0 0}.admin-lost-found-page.dark .stat-label{color:#a0aec0}.admin-controls-section{background:#fff;border-bottom:1px solid #e2e8f0;padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:80px;z-index:100}.admin-lost-found-page.dark .admin-controls-section{background:#2d3748;border-bottom-color:#4a5568}.admin-tab-buttons{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.admin-tab-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.admin-tab-button:hover{border-color:#667eea;color:#667eea}.admin-tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.admin-lost-found-page.dark .admin-tab-button{background:#4a5568;border-color:#718096;color:#f7fafc}.admin-lost-found-page.dark .admin-tab-button:hover{border-color:#667eea;color:#667eea}.tab-icon{font-size:1.1rem}.admin-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.admin-search-box{flex:1 1;max-width:400px;position:relative}.admin-search-input{border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;width:100%}.admin-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-lost-found-page.dark .admin-search-input{background:#4a5568;border-color:#718096;color:#f7fafc}.admin-search-icon{color:#718096;font-size:1rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.admin-filter-group{display:flex;gap:1rem}.admin-filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease}.admin-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-lost-found-page.dark .admin-filter-select{background:#4a5568;border-color:#718096;color:#f7fafc}.admin-content-area{padding:2rem 0 4rem}.admin-tickets-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.admin-ticket-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:all .3s ease}.admin-ticket-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.admin-lost-found-page.dark .admin-ticket-card{background:#2d3748;border-color:#4a5568}.ticket-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.admin-lost-found-page.dark .ticket-header{background:#4a5568;border-bottom-color:#718096}.ticket-id{color:#667eea;font-size:.95rem;font-weight:600}.ticket-status-badges{display:flex;gap:.5rem}.priority-badge,.status-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.ticket-content{padding:1.5rem}.ticket-title{font-size:1.1rem;margin:0 0 .5rem}.admin-lost-found-page.dark .ticket-title{color:#f7fafc}.ticket-description{color:#718096;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.admin-lost-found-page.dark .ticket-description{color:#a0aec0}.ticket-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{align-items:center;justify-content:space-between}.detail-label{color:#4a5568;font-size:.85rem;font-weight:500}.admin-lost-found-page.dark .detail-label{color:#a0aec0}.detail-value{color:#2d3748;font-size:.85rem;margin-left:1rem;text-align:right}.admin-lost-found-page.dark .detail-value{color:#f7fafc}.action-btn{padding:.5rem 1rem}.view-btn{background:#667eea;flex:1 1}.view-btn:hover{background:#5a67d8;transform:translateY(-1px)}.status-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:.85rem;padding:.5rem}.admin-lost-found-page.dark .status-select{background:#2d3748;border-color:#4a5568;color:#f7fafc}.admin-empty-state{color:#718096;padding:4rem 2rem;text-align:center}.admin-lost-found-page.dark .admin-empty-state{color:#a0aec0}.empty-icon{margin-bottom:1rem}.admin-empty-state h3{color:#4a5568;font-size:1.5rem;margin-bottom:.5rem}.admin-lost-found-page.dark .admin-empty-state h3{color:#f7fafc}.admin-empty-state p{font-size:1rem;margin:0}.admin-modal-overlay{align-items:center;animation:fadeInOverlay .2s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.admin-modal-content{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;position:relative;width:100%}.admin-modal-content.wide-modal{max-width:900px}.admin-modal-content:before{background:linear-gradient(90deg,#4caf50,#45a049,#3d8b40);content:"";height:2px;left:0;position:absolute;right:0;top:0}.admin-modal-content:after{background:linear-gradient(180deg,#4caf50,#45a049,#3d8b40);content:"";height:100%;left:0;position:absolute;top:0;width:2px}.admin-lost-found-page.dark .admin-modal-content{background:linear-gradient(135deg,#2d3748,#1a202c)}.admin-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.admin-lost-found-page.dark .admin-modal-header{background:#4a5568;border-bottom-color:#718096}.admin-modal-title{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0}.admin-lost-found-page.dark .admin-modal-title{color:#f7fafc}.admin-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;transition:all .3s ease}.admin-modal-close:hover{background:#e2e8f0;color:#4a5568;transform:scale(1.05)}.admin-modal-close:active{transform:scale(.95)}.admin-lost-found-page.dark .admin-modal-close:hover{background:#718096;color:#f7fafc}.admin-modal-body{flex:1 1;max-height:calc(80vh - 180px);overflow-x:hidden;overflow-y:auto;padding:2rem}.admin-modal-body::-webkit-scrollbar{width:8px}.admin-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.admin-modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.admin-modal-body::-webkit-scrollbar-thumb:hover{background:#555}.admin-lost-found-page.dark .admin-modal-body::-webkit-scrollbar-track{background:#2d3748}.admin-lost-found-page.dark .admin-modal-body::-webkit-scrollbar-thumb{background:#4a5568}.admin-lost-found-page.dark .admin-modal-body::-webkit-scrollbar-thumb:hover{background:#718096}.detail-grid{grid-gap:2rem;gap:2rem}.detail-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.admin-lost-found-page.dark .detail-section{background:#4a5568;border-color:#4a5568}.detail-section h4{border-bottom:1px solid #e2e8f0;color:#667eea;font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.admin-lost-found-page.dark .detail-section h4{border-bottom-color:#718096}.detail-item{align-items:flex-start;gap:1rem;justify-content:space-between;margin-bottom:1rem}.detail-item:last-child{margin-bottom:0}.detail-item label{color:#4a5568;flex-shrink:0;font-weight:500;min-width:120px}.admin-lost-found-page.dark .detail-item label{color:#a0aec0}.detail-item span{color:#2d3748;flex:1 1;text-align:right;word-break:break-word}.admin-lost-found-page.dark .detail-item span{color:#f7fafc}.file-link{color:#667eea!important;cursor:pointer;text-decoration:underline}.file-link:hover{color:#5a67d8!important}.admin-modal-actions{background:#f8fafc;flex-shrink:0;flex-wrap:wrap;justify-content:center;padding:1.5rem}.admin-lost-found-page.dark .admin-modal-actions{background:#4a5568;border-top-color:#718096}.admin-btn-primary,.admin-btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;max-width:180px;min-width:140px;padding:.875rem 2rem;text-align:center;transition:all .3s ease}.admin-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);order:2}.admin-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.admin-btn-primary:active:not(:disabled){transform:translateY(0)}.admin-btn-primary:disabled{opacity:.6}.admin-btn-secondary{border:1px solid #cbd5e0;order:1}.admin-btn-secondary:hover:not(:disabled){background:#cbd5e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.admin-btn-secondary:active:not(:disabled){transform:translateY(0)}.admin-lost-found-page.dark .admin-btn-secondary{background:#718096;border-color:#4a5568;color:#f7fafc}.admin-lost-found-page.dark .admin-btn-secondary:hover:not(:disabled){background:#a0aec0;color:#1a202c}.admin-btn-primary.is-primary,.admin-btn-reject,.admin-btn-secondary.is-secondary,.close-item-btn,.pair-item-btn,.resolve-btn,.view-details-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.875rem 1.5rem;text-align:center;transition:all .3s ease}.admin-btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;order:1}.admin-btn-reject:hover:not(:disabled){box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.admin-btn-reject:active:not(:disabled){transform:translateY(0)}.admin-btn-reject:disabled{cursor:not-allowed;opacity:.6}.close-item-btn,.pair-item-btn,.view-details-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:.5rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.view-details-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.view-details-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.pair-item-btn{background:linear-gradient(135deg,#17a2b8,#138496)}.pair-item-btn:hover{box-shadow:0 4px 12px #17a2b84d}.close-item-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.close-item-btn:hover{box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.resolve-btn{background:linear-gradient(135deg,#28a745,#218838)}.resolve-btn:hover{box-shadow:0 4px 12px #28a7454d}.ticket-actions{gap:.75rem;justify-content:flex-start}.action-btn{border-radius:6px;font-size:.85rem;padding:.7rem 1.2rem}.view-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.view-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.set-status-btn{background:linear-gradient(135deg,#ffc107,#ffb300);color:#000}.set-status-btn:hover{box-shadow:0 4px 12px #ffc1074d;transform:translateY(-2px)}.records-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow-x:auto;padding:2rem;width:100%}.admin-lost-found-page.dark .records-container{background:#2d3748;border-color:#4a5568;color:#f7fafc}.records-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.records-header h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0}.admin-lost-found-page.dark .records-header h3{color:#f7fafc}.records-header p{color:#64748b;font-size:.9rem;margin:.25rem 0 0}.export-btn{align-items:center;background:linear-gradient(135deg,#3182ce,#2b77cb);border:none;border-radius:8px;color:#fff;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.5rem}.export-btn:hover{background:linear-gradient(135deg,#2b77cb,#2c5aa0);box-shadow:0 4px 15px #3182ce4d;transform:translateY(-1px)}.records-table-container{align-items:center;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;justify-content:center;overflow-x:auto;padding:0;width:100%}.admin-lost-found-page.dark .records-table-container{border-color:#4a5568}.records-table{border-collapse:collapse;font-size:.85rem;min-width:900px;table-layout:auto;width:95%}.records-table th{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:.8rem;padding:1rem .75rem;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;width:auto;z-index:10}.admin-lost-found-page.dark .records-table th{background:#1a202c;border-bottom-color:#4a5568;color:#f7fafc}.records-table td{border-bottom:1px solid #e2e8f0;font-size:.85rem;overflow:hidden;padding:.75rem;text-overflow:ellipsis;vertical-align:middle;width:auto;word-break:break-word}.records-table td .status-pill{font-size:.75rem}.records-table td .status-pill.available{background:#c6f6d5;color:#276749}.records-table td .status-pill.pending_claim{background:#bee3f8;color:#2c5282}.records-table td .status-pill.claimed{background:#fed7d7;color:#c53030}.records-table td .status-pill.paired{background:#efe6ff;color:#6b46c1}.records-table td .status-pill.donated{background:#fef3c7;color:#7a4100}.admin-lost-found-page.dark .records-table td{border-bottom-color:#4a5568}.records-table tbody tr:hover{background:#f8fafc}.admin-lost-found-page.dark .records-table tbody tr:hover{background:#4a5568}.table-action-btn{border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.4rem .8rem;text-align:center;transition:all .2s ease;width:100%}.table-action-btn.primary{background:#4299e1;color:#fff}.table-action-btn.primary:hover{background:#3182ce}.table-action-btn.secondary{background:#38a169;color:#fff}.table-action-btn.secondary:hover{background:#2f855a}.table-action-btn.danger{background:#e53e3e;color:#fff}.table-action-btn.danger:hover{background:#c53030}.resolve-btn,.view-image-btn{border:2px solid;border-radius:8px;cursor:pointer;display:inline-block;font-size:.85rem;font-weight:600;margin:.25rem;min-width:100px;padding:.6rem 1rem;text-align:center;transition:all .3s ease}.view-image-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.view-image-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);border-color:#5a67d8;box-shadow:0 6px 20px #667eea66;filter:brightness(1.05);transform:translateY(-2px)}.view-image-btn:active{box-shadow:0 2px 10px #667eea33;transform:translateY(0)}.resolve-btn{background:linear-gradient(135deg,#48bb78,#38a169);border-color:#48bb78;box-shadow:0 4px 15px #48bb784d;color:#fff}.resolve-btn:hover{background:linear-gradient(135deg,#38a169,#48bb78);border-color:#2f855a;box-shadow:0 6px 20px #48bb7866;filter:brightness(1.05);transform:translateY(-2px)}.resolve-btn:active{box-shadow:0 2px 10px #48bb7833;transform:translateY(0)}.category-badge{background:#e2e8f0;border-radius:4px;color:#2d3748;font-size:.8rem;padding:.25rem .5rem}.admin-lost-found-page.dark .category-badge{background:#4a5568;color:#f7fafc}.priority-badge.small{border-radius:4px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize;white-space:nowrap}.records-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.records-btn:hover{transform:translateY(-1px)}.records-btn.active,.records-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important}.records-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.image-control-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.image-control-btn:hover{box-shadow:0 4px 15px #0000004d;transform:translateY(-2px)}.add-item-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:8px;box-shadow:0 2px 8px #4caf504d;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap;width:auto}.add-item-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 15px #4caf5066;transform:translateY(-2px)}.add-item-btn span{font-size:1rem}.wide-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff2e;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;max-height:90vh!important;max-width:1000px!important}.wide-modal,.wide-modal .admin-modal-form{display:flex;flex-direction:column;overflow:hidden}.wide-modal .admin-modal-form{flex:1 1}.wide-modal .form-content{flex:1 1;margin-bottom:1rem;overflow-y:auto;padding:0 1rem}.wide-modal .admin-modal-actions{background:#ffffff05;border-top:1px solid #ffffff1a;flex-shrink:0;padding:.75rem 1rem}.admin-modal-form{display:flex;flex-direction:column;height:calc(90vh - 140px);overflow:hidden}.form-content{flex:1 1;overflow:hidden;padding:2.5rem 2.5rem 1rem}.form-content,.form-fields-container{display:flex;flex-direction:column;gap:1.5rem}.form-fields-container{flex:1 1}.form-row{grid-gap:2rem;gap:2rem}.admin-form-group{display:flex;flex-direction:column;gap:.5rem}.admin-form-group label{color:#2d3748;font-size:.9rem;font-weight:600}.admin-lost-found-page.dark .admin-form-group label{color:#e2e8f0}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000d;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.admin-lost-found-page.dark .admin-form-group input,.admin-lost-found-page.dark .admin-form-group select,.admin-lost-found-page.dark .admin-form-group textarea{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a,0 4px 8px #0000001a;box-shadow:0 0 0 3px #4caf501a;outline:none;transform:translateY(-1px)}.admin-form-group textarea{min-height:100px;resize:vertical}.file-input{cursor:pointer}.file-help-text{font-size:.8rem;font-style:italic}.admin-lost-found-page.dark .file-help-text{color:#a0aec0}.file-preview{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.75rem;margin-top:.75rem;padding:1rem}.file-preview-header{align-items:center;display:flex;justify-content:space-between}.file-preview-image{border-radius:6px;box-shadow:0 2px 8px #0000001a;max-height:200px;max-width:100%;object-fit:contain}.admin-lost-found-page.dark .file-preview{background:#4a5568;border-color:#718096}.admin-lost-found-page.dark .file-name{color:#e2e8f0}.remove-file-btn{align-items:center;background:#fed7d7;border:none;border-radius:50%;color:#c53030;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;transition:all .3s ease;width:24px}.remove-file-btn:hover{background:#feb2b2}.admin-modal-actions{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-top:1px solid #e2e8f0;box-shadow:0 -4px 12px #0000000d;display:flex;gap:1rem;justify-content:flex-end;margin-top:auto;padding:2rem 2.5rem}.admin-lost-found-page.dark .admin-modal-actions{background:#2d3748;border-top-color:#4a5568}.admin-btn-primary{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease}.admin-btn-primary:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px)}.admin-btn-primary:disabled{cursor:not-allowed;opacity:.7}.admin-btn-primary:disabled,.admin-btn-primary:disabled:hover{background:linear-gradient(135deg,#a0aec0,#9ca3af);transform:none}.admin-btn-secondary{background:#e2e8f0;border:none;border-radius:8px;color:#4a5568;cursor:pointer;font-weight:600;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.admin-btn-secondary:hover{background:#cbd5e0;color:#2d3748}.admin-lost-found-page.dark .admin-btn-secondary{background:#4a5568;color:#e2e8f0}.admin-lost-found-page.dark .admin-btn-secondary:hover{background:#718096}.admin-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.admin-btn-secondary:disabled,.admin-btn-secondary:disabled:hover{background:#e2e8f0;color:#a0aec0}.pagination-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:1.5rem;padding:1rem}.admin-lost-found-page.dark .pagination-container{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#718096}.pagination-info{color:#4a5568}.admin-lost-found-page.dark .pagination-info{color:#e2e8f0}.pagination-controls{gap:.75rem}.pagination-btn{font-size:.85rem;font-weight:500;gap:.25rem;min-width:50px;padding:.5rem 1rem;width:50px}.pagination-btn:enabled{background:linear-gradient(135deg,#4299e1,#3182ce);box-shadow:0 2px 4px #4299e14d;color:#fff}.pagination-btn:enabled:hover{background:linear-gradient(135deg,#3182ce,#2c5aa0);box-shadow:0 4px 8px #4299e166;transform:translateY(-1px)}.pagination-btn:disabled{background:#e2e8f0;box-shadow:none;color:#a0aec0;transform:none}.admin-lost-found-page.dark .pagination-btn:disabled{background:#718096;color:#a0aec0}.pagination-current{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:.85rem;font-weight:700;padding:.5rem 1rem}.image-toggle-btn{border:none;border-radius:4px;box-shadow:0 1px 3px #0003;cursor:pointer;font-size:.7rem;font-weight:500;padding:.25rem .5rem;transition:all .3s ease}.image-toggle-btn.show{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.image-toggle-btn.hide{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff}.image-toggle-btn:hover{box-shadow:0 2px 6px #0000004d;transform:translateY(-1px)}.image-placeholder{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.image-placeholder.has-image{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border:2px solid #4299e1;color:#2d3748}.image-placeholder.no-image{background:#f7fafc;border:2px dashed #cbd5e0;color:#a0aec0}.image-placeholder:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.05)}.resolve-modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;bottom:0;display:flex;gap:12px;margin-top:auto;padding:20px;position:-webkit-sticky;position:sticky}.resolve-modal-actions .admin-btn-primary,.resolve-modal-actions .admin-btn-secondary{border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-height:44px;transition:all .2s ease}.resolve-modal-actions .admin-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.resolve-modal-actions .admin-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.resolve-modal-actions .admin-btn-primary{background:#2563eb;border:1px solid #2563eb;color:#fff}.resolve-modal-actions .admin-btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.resolve-modal-actions .admin-btn-primary:disabled,.resolve-modal-actions .admin-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.resolve-modal-container{display:flex;flex-direction:column;max-height:80vh;min-height:400px}.resolve-modal-body{flex:1 1;overflow-y:auto;padding:20px}.admin-modal-content.wide-modal{margin:20px auto;max-width:600px;width:95vw}.claimers-list{background:#f8fafc;border:1px solid #e2e8f0}.claimer-item{background:#fff;border:2px solid #e2e8f0;margin:8px 0}.claimer-item:hover{background:#f0f9ff;border-color:#3b82f6}.claimer-item.selected{background:#dbeafe;border-color:#2563eb}.claimers-list::-webkit-scrollbar-track{background:#f1f5f9}.claimers-list::-webkit-scrollbar-thumb{background:#cbd5e1}.claimers-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.set-status-btn{background-color:#4989c7!important;border:none;border-radius:4px;color:#fff!important;cursor:pointer;font-size:14px;padding:8px 12px}.set-status-btn:hover{background-color:#3570a6!important}.resolve-btn{background-color:#28a745!important;border:none;border-radius:4px;color:#fff!important;cursor:pointer;font-size:14px;padding:8px 12px}.resolve-btn:hover{background-color:#218838!important}.admin-form-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.item-actions{flex-wrap:wrap;margin-top:1.5rem}.item-actions .close-item-btn,.item-actions .pair-item-btn,.item-actions .view-details-btn{border-radius:6px;flex:1 1;font-size:.4rem!important;font-weight:600;height:32px;max-width:100px;min-width:80px;overflow:hidden;padding:.38rem .5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.item-actions .view-details-btn{background:#4989c7!important}.item-actions .view-details-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.item-actions .pair-item-btn{background:#287a2c!important}.item-actions .pair-item-btn:hover{box-shadow:0 4px 12px #17a2b84d;transform:translateY(-2px)}.item-actions .close-item-btn:hover{box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.item-actions .close-item-btn:active,.item-actions .pair-item-btn:active,.item-actions .view-details-btn:active{transform:translateY(0)}.item-actions .close-item-btn:disabled,.item-actions .pair-item-btn:disabled,.item-actions .view-details-btn:disabled{cursor:not-allowed;opacity:.6}.ticket-actions{background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1rem 1.5rem}.admin-lost-found-page.dark .ticket-actions{background:#4a5568;border-top-color:#718096}.ticket-actions .action-btn,.ticket-actions .resolve-btn,.ticket-actions .set-status-btn,.ticket-actions .view-btn{border:none;border-radius:6px;cursor:pointer;flex-basis:calc(33.33% - 0.33rem);flex-grow:1;flex-shrink:1;font-size:.8rem;font-weight:600;max-width:180px;min-width:100px;overflow:hidden;padding:.75rem .875rem;text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.ticket-actions .view-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ticket-actions .view-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.ticket-actions .set-status-btn{background:linear-gradient(135deg,#ffc107,#ffb300);color:#000}.ticket-actions .set-status-btn:hover{box-shadow:0 4px 12px #ffc1074d;transform:translateY(-2px)}.ticket-actions .resolve-btn{background:linear-gradient(135deg,#28a745,#218838);color:#fff}.ticket-actions .resolve-btn:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.ticket-actions .action-btn:active,.ticket-actions .resolve-btn:active,.ticket-actions .set-status-btn:active,.ticket-actions .view-btn:active{transform:translateY(0)}.ticket-actions .action-btn:disabled,.ticket-actions .resolve-btn:disabled,.ticket-actions .set-status-btn:disabled,.ticket-actions .view-btn:disabled{cursor:not-allowed;opacity:.6}.admin-lost-found-page.dark .admin-form-group label,.admin-lost-found-page.dark .admin-modal-title,.admin-lost-found-page.dark .records-header h3{color:#fff!important}.admin-lost-found-page.dark .records-header p{color:#d1d5db!important}.admin-lost-found-page.dark .pagination-info{color:#e2e8f0!important}.admin-lost-found-page.dark .pagination-current{color:#fff!important}.admin-lost-found-page.dark .records-table th{background:#1a202c!important;color:#fff!important}.admin-lost-found-page.dark .category-badge{background:#4a5568!important;color:#fff!important}.admin-lost-found-page.dark .file-help-text{color:#d1d5db!important}.admin-lost-found-page.dark .admin-empty-state h3{color:#fff!important}.admin-lost-found-page.dark .admin-empty-state p{color:#d1d5db!important}.admin-lost-found-page.dark .admin-search-input::placeholder{color:#a0aec0!important}.admin-lost-found-page.dark .admin-filter-select{color:#fff!important}.admin-lost-found-page.dark .admin-filter-select option{background:#2d3748!important;color:#fff!important}.admin-lost-found-page.dark .dynamic-fields-render h4{color:#fff!important}.admin-lost-found-page.dark .dynamic-fields-render .admin-form-group label{color:#e2e8f0!important}.item-card-small{color:#222;transition:background-color .2s,color .2s}.item-card-small.dark{background-color:#222733!important;border-color:#393d44!important;color:#f1f1f1!important}.item-card-small.dark.selected{border-color:#2997ff!important}.admin-lost-found-page.dark .admin-edit-buttons button,.admin-lost-found-page.dark .resolve-section h4{color:#fff!important}.admin-lost-found-page.dark .resolve-help-text{color:#d1d5db!important}.admin-lost-found-page.dark .claimer-item div{color:#e2e8f0!important}.admin-lost-found-page.dark .claimer-item div[style*="font-weight: bold"]{color:#fff!important}.admin-lost-found-page.dark .admin-form-select,.admin-lost-found-page.dark .admin-form-select option{background:#2d3748!important;color:#fff!important}.admin-lost-found-page.dark div[style*="background-color: #fff3cd"]{background-color:#4a5568!important;border-color:#718096!important}.admin-lost-found-page.dark div[style*="background-color: #fff3cd"] strong{color:#fff!important}.admin-lost-found-page.dark div[style*="background-color: #fff3cd"] ul{color:#d1d5db!important}.admin-lost-found-page.dark div[style*="background-color: #f8f9fa"]{background-color:#4a5568!important;border-color:#718096!important}.admin-lost-found-page.dark div[style*="background-color: #f8f9fa"] strong{color:#fff!important}.admin-lost-found-page.dark div[style*="background-color: #f8f9fa"] br{color:#d1d5db!important}.admin-lost-found-page.dark div[style*="background-color: #fff3cd"] h5{color:#fff!important}.admin-lost-found-page.dark div[style*="background-color: #fff3cd"] p{color:#d1d5db!important}.admin-lost-found-page.dark div[style*="background-color: #e7f3ff"]{background-color:#2d3748!important;border-color:#667eea!important}.admin-lost-found-page.dark div[style*="background-color: #e7f3ff"] h4{color:#667eea!important}.admin-lost-found-page.dark div[style*="background-color: #e7f3ff"] div{color:#e2e8f0!important}.date-range-filter{background-color:#fff;border:1px solid #dee2e6;color:#222;transition:background-color .2s,color .2s,border-color .2s}.date-range-filter.dark{background-color:#2d3748!important;color:#f1f1f1!important}.date-range-filter-input.dark,.date-range-filter-text.dark{background-color:initial!important;color:#fff!important}.admin-lost-found-page.dark .admin-tab-button{color:#e2e8f0!important}.admin-lost-found-page.dark .admin-tab-button.active,.admin-lost-found-page.dark .stat-content .stat-number{color:#fff!important}.admin-lost-found-page.dark .stat-content .stat-label{color:#d1d5db!important}.admin-lost-found-page.dark .welcome-content h2{color:#fff!important}.admin-lost-found-page.dark .welcome-content p{color:#d1d5db!important}.admin-lost-found-page.dark .admin-modal-body{background:#1a202c!important;color:#fff!important}.admin-lost-found-page.dark .detail-section{background:#2d3748!important;border-color:#4a5568!important}.admin-lost-found-page.dark .detail-section h4{border-bottom-color:#4a5568!important;color:#667eea!important}.admin-lost-found-page.dark .detail-item label{color:#e2e8f0!important}.admin-lost-found-page.dark .detail-item span,.admin-lost-found-page.dark .records-table td div[style*="color: #1a202c"],.admin-lost-found-page.dark .records-table td div[style*="font-weight: 500"]{color:#fff!important}.admin-lost-found-page.dark .records-table td div[style*="color: #4a5568"]{color:#e2e8f0!important}.description-box{background-color:#fff;color:#1a202c;transition:background .2s,color .2s}.description-box.dark{background-color:#23272f!important;border-color:#393d44!important;color:#f1f1f1!important}.admin-lost-found-page.dark .item-header h3.item-name,.detail-title.dark{color:#fff!important}.admin-lost-found-page.dark .item-header .item-category{color:#e2e8f0!important}.admin-lost-found-page.dark .item-header .item-description{color:#d1d5db!important}.admin-lost-found-page.dark .item-details .detail-text{color:#e2e8f0!important}.admin-lost-found-page.dark .item-status{background:#4a5568!important;border:1px solid #718096!important;color:#fff!important}.admin-lost-found-page.dark .item-detail .detail-icon{opacity:.9!important}.admin-lost-found-page.dark .item-detail .detail-text{color:#e2e8f0!important}.admin-lost-found-page.dark .records-table tbody tr:hover{background:#4a5568!important}.admin-lost-found-page.dark .records-table tbody tr:hover td{color:#fff!important}.admin-lost-found-page.dark .records-table td{color:#e2e8f0!important}.admin-lost-found-page.dark .records-table td div[style*="color: #718096"]{color:#a0aec0!important}.admin-lost-found-page.dark .records-table td[style*="font-family: monospace"]{color:#e2e8f0!important}.admin-lost-found-page.dark .records-table td span[style*=background-color]{color:#fff!important}.admin-lost-found-page.dark .item-date{color:#e2e8f0!important}.admin-lost-found-page.dark .items-grid,.admin-lost-found-page.dark .items-header{background:#0000!important}.admin-lost-found-page.dark .items-header div[style*="background-color: #e7f3ff"]{background-color:#2d3748!important;border-color:#667eea!important;color:#e2e8f0!important}.admin-lost-found-page.dark .items-header div[style*="background-color: #e7f3ff"] strong{color:#fff!important}.admin-lost-found-page.dark .admin-modal-content{background:linear-gradient(135deg,#2d3748,#1a202c)!important}.admin-lost-found-page.dark .admin-modal-body div[style*="background-color: #f8f9fa"]{background-color:#2d3748!important}.admin-lost-found-page.dark .admin-modal-body div[style*="background-color: #fff"]{background-color:#4a5568!important}.admin-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.item-actions{align-items:center;flex-wrap:nowrap;gap:.5rem;justify-content:center;margin-top:1rem;padding:0 .5rem}.item-actions .close-item-btn,.item-actions .pair-item-btn,.item-actions .view-details-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;flex:0 0 auto;font-size:1.2rem;height:44px;justify-content:center;padding:0;transition:all .3s ease;width:44px}.item-actions .view-details-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.item-actions .view-details-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px) scale(1.05)}.item-actions .pair-item-btn{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.item-actions .pair-item-btn:hover{box-shadow:0 4px 15px #17a2b866;transform:translateY(-2px) scale(1.05)}.item-actions .close-item-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.item-actions .close-item-btn:hover{box-shadow:0 4px 15px #dc354566;transform:translateY(-2px) scale(1.05)}.category-badge{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none;border-radius:6px;color:#fff!important;font-size:.75rem;font-weight:600;padding:.3rem .6rem;text-transform:capitalize;white-space:nowrap}.ticket-status.pending{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}.ticket-status.approved,.ticket-status.successful{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.ticket-status.denied{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important}.records-table td span[style*=background-color]{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important}.records-table td span[style*="background-color: #c6f6d5"]{background:linear-gradient(135deg,#10b981,#059669)!important}.records-table td span[style*="background-color: #fed7d7"]{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.records-table td span[style*="background-color: #bee3f8"]{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.records-table td span[style*="background-color: #e2e8f0"]{background:linear-gradient(135deg,#6b7280,#4b5563)!important}.admin-lost-found-page.dark .item-actions .close-item-btn,.admin-lost-found-page.dark .item-actions .pair-item-btn,.admin-lost-found-page.dark .item-actions .view-details-btn{box-shadow:0 2px 8px #0000004d}.admin-lost-found-page.dark .tickets-title{color:#fff!important}.admin-lost-found-page.dark .item-card{background:#2d3748!important;border-color:#4a5568!important;color:#fff!important}.item-actions button{position:relative}.item-actions button:hover:after{background:#2d3748;border-radius:4px;bottom:-30px;box-shadow:0 2px 8px #0000004d;color:#fff;content:attr(title);font-size:.75rem;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.admin-lost-found-page.dark .item-actions button:hover:after{background:#4a5568;color:#e2e8f0}.item-actions{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.5rem!important;justify-content:center!important;margin-top:1rem!important;padding:0 .5rem!important}.item-actions .close-item-btn,.item-actions .pair-item-btn,.item-actions .view-details-btn{align-items:center!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 8px #00000026!important;cursor:pointer!important;display:flex!important;flex:0 0 auto!important;font-size:1.2rem!important;height:44px!important;justify-content:center!important;margin:0!important;padding:0!important;transition:all .3s ease!important;width:44px!important}.item-actions .view-details-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;order:1!important}.item-actions .pair-item-btn{background:linear-gradient(135deg,#17a2b8,#138496)!important;color:#fff!important;order:2!important}.item-actions .close-item-btn{background:linear-gradient(135deg,#dc3545,#c82333)!important;color:#fff!important;order:3!important}.item-actions .close-item-btn:hover,.item-actions .pair-item-btn:hover,.item-actions .view-details-btn:hover{box-shadow:0 4px 15px #0006!important;transform:translateY(-2px) scale(1.05)!important}.item-card{display:flex!important;flex-direction:column!important;height:auto!important;min-height:300px!important}.item-details,.item-header{flex:1 1!important}.item-actions{margin-top:auto!important;padding-bottom:.5rem!important}.admin-lost-found-page.dark .donations-intro{background-color:#2d3748!important;border-color:#4a5568!important;color:#e2e8f0!important}.admin-lost-found-page.dark .donations-intro h4{color:#fff!important}.admin-lost-found-page.dark .donations-intro p{color:#d1d5db!important}.admin-lost-found-page.dark .donated-item-card,.admin-lost-found-page.dark .donation-item-card{background:#2d3748!important;border-color:#4a5568!important;color:#fff!important}.admin-lost-found-page.dark .donated-item-card h4,.admin-lost-found-page.dark .donation-item-card h4{color:#fff!important}.admin-lost-found-page.dark .donated-item-card p,.admin-lost-found-page.dark .donation-item-card p{color:#d1d5db!important}.admin-lost-found-page.dark .donated-item-card div[style*="border-top: 1px solid #e9ecef"],.admin-lost-found-page.dark .donation-item-card div[style*="border-top: 1px solid #e9ecef"]{border-top-color:#4a5568!important}.admin-lost-found-page.dark .donation-item-card div[style*="background-color: #28a745"],.admin-lost-found-page.dark .donation-item-card div[style*="background-color: #dc3545"],.admin-lost-found-page.dark .donation-item-card div[style*="background-color: #ffc107"]{color:#000!important}.admin-lost-found-page.dark .donation-item-card div[style*="background-color: #007bff"]{color:#fff!important}.admin-lost-found-page.dark .search-input{background:#2d3748!important;border-color:#4a5568!important;color:#fff!important}.admin-lost-found-page.dark .search-input::placeholder{color:#a0aec0!important}.admin-lost-found-page.dark .admin-tab-buttons .admin-tab-button{background:#4a5568!important;border-color:#718096!important;color:#e2e8f0!important}.admin-lost-found-page.dark .admin-tab-buttons .admin-tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.admin-lost-found-page.dark .settings-section{background:#0000!important}.admin-lost-found-page.dark .settings-section h4{border-bottom:1px solid #4a5568!important;color:#fff!important}.admin-lost-found-page.dark .add-item-form input{background:#2d3748!important;border-color:#4a5568!important;color:#fff!important}.admin-lost-found-page.dark .add-item-form input::placeholder{color:#a0aec0!important}.admin-lost-found-page.dark .items-list{background:#2d3748!important;border-color:#4a5568!important}.admin-lost-found-page.dark .item-row{border-bottom-color:#4a5568!important;color:#e2e8f0!important}.admin-lost-found-page.dark .items-list .item-row span{color:#e2e8f0!important}.admin-lost-found-page.dark .settings-section div[style*="background-color: #d4edda"],.admin-lost-found-page.dark .settings-section div[style*="background-color: #e7f3ff"]{background:#2d3748!important;border-color:#4a5568!important}.admin-lost-found-page.dark .settings-section div[style*="background-color: #d4edda"] h4,.admin-lost-found-page.dark .settings-section div[style*="background-color: #e7f3ff"] h4{color:#fff!important}.admin-lost-found-page.dark .settings-section div[style*="background-color: #d4edda"] p,.admin-lost-found-page.dark .settings-section div[style*="background-color: #e7f3ff"] p{color:#d1d5db!important}.admin-lost-found-page.dark .settings-section div[style*="border: 2px solid #007bff"],.admin-lost-found-page.dark .settings-section div[style*="border: 2px solid #28a745"]{background:#1a202c!important;border-color:#4a5568!important}.admin-lost-found-page.dark .settings-section div[style*="border: 2px solid #007bff"] h5,.admin-lost-found-page.dark .settings-section div[style*="border: 2px solid #28a745"] h5{color:#fff!important}.admin-lost-found-page.dark .admin-modal-body div[style*="background-color: #f8f9fa"]{background:#2d3748!important;border-color:#4a5568!important;color:#fff!important}.admin-lost-found-page.dark .admin-modal-body div[style*="background-color: #f8f9fa"] h4{border-bottom-color:#4a5568!important;color:#667eea!important}.admin-lost-found-page.dark .admin-modal-body div[style*="background-color: #fff"]{background:#4a5568!important;border-color:#718096!important;color:#e2e8f0!important}.admin-lost-found-page.dark .admin-modal-body div[style*="display: grid"] div{color:#e2e8f0!important}.admin-lost-found-page.dark .admin-modal-body div[style*="display: grid"] div strong{color:#fff!important}.admin-lost-found-page.dark .admin-modal-body div[style*="padding: 1.5rem; background-color: #f8f9fa"]{background:#2d3748!important;color:#fff!important}.admin-lost-found-page.dark .admin-modal-body div[style*="padding: 1.5rem; background-color: #f8f9fa"] h4{color:#667eea!important}.admin-lost-found-page.dark .admin-modal-body div[style*="padding: 1rem; background-color: #fff3cd"]{background:#4a5568!important;border-color:#d69e2e!important}.admin-lost-found-page.dark .admin-modal-body div[style*="padding: 1rem; background-color: #fff3cd"] h5{color:#fff!important}.admin-lost-found-page.dark .admin-modal-body div[style*="padding: 1rem; background-color: #fff3cd"] p{color:#e2e8f0!important}.admin-lost-found-page.dark .admin-form-group input,.admin-lost-found-page.dark .admin-form-group select,.admin-lost-found-page.dark .admin-form-group textarea{background:#2d3748!important;border-color:#4a5568!important;color:#fff!important}.admin-lost-found-page.dark .admin-form-group input::placeholder,.admin-lost-found-page.dark .admin-form-group textarea::placeholder{color:#a0aec0!important}.admin-lost-found-page.dark .admin-form-group select option{background:#2d3748!important;color:#fff!important}.admin-lost-found-page.dark .file-preview{background:#2d3748!important;border-color:#4a5568!important}.admin-lost-found-page.dark .file-name{color:#e2e8f0!important}.records-table-donated{background:#0000;border-collapse:initial;border-spacing:0;font-size:1rem;min-width:0;table-layout:auto;width:100%}.records-table-donated th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#1a253a;font-size:.96rem;font-weight:700;letter-spacing:.5px;padding:1rem .75rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.records-table-donated td{background:#fff;border-bottom:1px solid #eef2f6;color:#202940;font-size:1rem;padding:.9rem .75rem;vertical-align:middle;word-break:break-word}.records-table-donated tr:last-child td{border-bottom:none}.records-table-donated td span{border-radius:7px;display:inline-block;font-size:.93em;font-weight:600;min-width:40px;padding:.33em .9em;text-align:center}@media (max-width:900px){.records-table-donated td,.records-table-donated th{font-size:.94rem;padding:.7rem .4rem}}@media (max-width:600px){.records-table-donated td,.records-table-donated th{font-size:.89rem;padding:.5rem .25rem}.records-table-donated{font-size:.92rem}}@media (max-width:480px){.records-table-donated td,.records-table-donated th{padding:.35rem .1rem}}.records-table-donated tbody tr:nth-child(2n) td{background:#f3f6fa}.records-table-donated tr.selected td{background-color:#e9eefd!important}.admin-lost-found-page.dark .records-table-donated,body.dark .records-table-donated{background:#0000}.admin-lost-found-page.dark .records-table-donated th,body.dark .records-table-donated th{background:#23272f!important;border-bottom:2px solid #293040!important;color:#fff!important}.admin-lost-found-page.dark .records-table-donated td,body.dark .records-table-donated td{background:#23272f!important;border-bottom:1px solid #293040!important;color:#fff!important}.admin-lost-found-page.dark .records-table-donated tbody tr:nth-child(2n) td,body.dark .records-table-donated tbody tr:nth-child(2n) td{background:#21232b!important}.admin-lost-found-page.dark .records-table-donated td span,body.dark .records-table-donated td span{background:#2b3061;color:#eaf9ff}.admin-lost-found-page.dark .records-table-donated .category-label,body.dark .records-table-donated .category-label{color:#fff!important}.admin-user-management-page.sidebar-open{padding-left:350px;transition:padding-left .3s ease}.admin-header,.topbar,header{background:#2b3b4f;left:0;position:fixed!important;right:0;top:0}@media (max-width:1200px){.admin-user-management-page.sidebar-open{padding-left:280px}}.admin-user-management-page .admin-header,.admin-user-management-page .topbar,.admin-user-management-page header{background:#2b3b4f!important}@media (max-width:992px){.admin-user-management-page.sidebar-open{padding-left:0}}@media (max-width:768px){.admin-user-management-page.sidebar-open{padding-left:0}}.toast-success-container{animation:slideInRight .3s ease forwards;display:flex;justify-content:flex-end;max-width:350px;position:fixed;right:1rem;top:1rem;width:auto;z-index:9999}.toast-success-content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fef2f2;border-radius:12px;box-shadow:0 4px 12px #dc26264d;color:#dc2626;display:flex;font-weight:500;gap:.8rem;padding:.8rem 1rem}.toast-icon svg{flex-shrink:0}.toast-message{flex-grow:1;font-size:14px}.toast-close-btn{background:#0000;border:none;color:#dc2626;cursor:pointer;font-size:20px;line-height:1;padding:0}.toast-approve-overlay{align-items:center;background:#0000008c;display:flex;height:100vh;justify-content:center;left:0;pointer-events:auto;position:fixed;top:0;width:100vw;z-index:2999}.admin-user-management-page{max-width:100vw;min-height:100vh;overflow-x:hidden;transition:all .3s ease;width:100%}.admin-user-management-page.light{background-color:#f8fafc;color:#2d3748}.admin-user-management-page.dark{background-color:#1a202c;color:#f7fafc}.user-management-main-content{box-sizing:border-box;margin-left:0;margin-top:80px;max-width:100%;min-height:100vh;overflow-x:hidden;padding:0 2rem 2rem;position:relative;transition:margin-left .3s ease;width:100%;z-index:auto}.user-management-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:1rem;max-width:100%;padding:2rem;width:100%}.header-content{width:100%}.header-content h1{color:#1a202c;font-size:2rem;font-weight:700;margin:0}.page-subtitle{color:#64748b;font-size:1rem;margin:1rem 0 2rem;padding:0 2rem}.header-stats{border-radius:12px;color:#fff;display:flex;min-width:100px;padding:1rem 1.5rem;text-align:center}.stat-card.critical{background:linear-gradient(135deg,#dc2626,#b91c1c)}.stat-card.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.info{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-number{font-weight:700;margin-bottom:.25rem}.stat-label,.stat-number{color:#fff;font-size:16px}.stat-label{font-weight:500;opacity:.9}.table-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:.5rem;padding:0}.incident-controls,.user-management-controls{justify-content:flex-start;margin-bottom:2rem}.incident-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.search-container{max-width:500px;min-width:300px}.filter-container{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.incident-controls .filter-container{order:-1}.search-input{background:#fff;border-radius:12px;color:#1a202c;padding:.875rem 1.125rem}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-section{align-items:center;display:flex;gap:.5rem}.filter-buttons{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;gap:.5rem;padding:.5rem}.filter-btn{background:#0000;border:none;border-radius:8px;color:#64748b;font-size:.95rem;padding:.75rem 1.25rem;transition:all .3s ease}.filter-btn:hover{background:#f1f5f9;color:#1a202c}.filter-btn.active{background:#667eea;box-shadow:0 2px 8px #667eea4d}.incident-records-table,.user-management-records-table{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;display:block;max-width:100%;overflow:hidden;width:100%}.table-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:2rem}.table-title h3{color:#1a202c;font-size:1.3rem;font-weight:700;margin-bottom:.25rem}.table-title span{color:#64748b;font-size:.9rem}.table-actions{display:flex;gap:1rem}.new-record-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.new-record-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.export-btn{background:#fff;border:2px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.export-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.records-table{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:block;max-width:100%;overflow-x:auto;position:relative;scrollbar-color:#cbd5e0 #f1f5f9;scrollbar-width:thin;width:100%}.records-table table{border-collapse:collapse;display:table;min-width:800px;width:100%}.records-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1.25rem 1rem;text-align:left;text-transform:uppercase}.records-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.95rem;padding:1.25rem 1rem}.records-table tr:hover{background:#f8fafc}.record-id{color:#667eea;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600}.user-info{gap:.75rem}.user-name{color:#1a202c}.email{color:#64748b;font-size:.9rem}.student-id{color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500}.role-badge,.status-badge{border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.375rem .875rem;text-transform:uppercase}.records-table table td .role-badge{display:inline-block;min-width:72px;white-space:nowrap;word-break:normal}.records-table table td:nth-child(4),.records-table table th:nth-child(4){min-width:180px}.last-login{color:#6b7280;font-size:.9rem}.no-reports{color:#9ca3af;max-width:100%;overflow-x:auto;padding:4rem 2rem;text-align:center}.no-reports-icon{font-size:4rem;margin-bottom:1rem}.no-reports h3{color:#6b7280;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.no-reports p{color:#9ca3af;font-size:1rem}.modal-content{border-radius:20px;max-width:1000px}.modal-close:hover,.modal-header h2{color:#1a202c}.modal-body{padding:2rem}.detail-section{margin-bottom:2rem}.detail-section h3{border-bottom:2px solid #667eea;color:#1a202c;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{flex-direction:column;gap:.25rem}.detail-item label{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#1a202c;font-size:.95rem;font-weight:500}.request-id-row{align-items:center;background:linear-gradient(135deg,#f0f4ff,#f5f7ff);border:2px solid #667eea;border-radius:12px;box-sizing:border-box;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem;width:100%}.request-id-row--inactive{background:linear-gradient(135deg,#fef3c7,#fef9e7);border-color:#f59e0b}.request-id-row label{color:#667eea;flex-shrink:0;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.request-id-row--inactive label{color:#d97706}.request-id-row .record-id{color:#667eea;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.95rem;font-weight:600;letter-spacing:.3px;min-width:0;position:relative;word-break:break-all}.request-id-row--inactive .record-id{color:#d97706}.record-id--italic{font-style:italic}.request-id-tooltip-trigger{cursor:help;position:relative}.request-id-tooltip{background:#1a202c;border-radius:6px;bottom:120%;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.8rem;font-weight:600;opacity:0;padding:.5rem .75rem;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}.request-id-tooltip,.request-id-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.request-id-tooltip:after{border:5px solid #0000;border-top-color:#1a202c;content:"";top:100%}.request-id-tooltip-trigger:hover+.request-id-tooltip,.request-id-tooltip:hover{opacity:1;visibility:visible}.admin-user-management-page.dark .request-id-row{background:linear-gradient(135deg,#2d3748,#374151);border-color:#667eea}.admin-user-management-page.dark .request-id-row--inactive{background:linear-gradient(135deg,#3d2c1f,#4a3a2a);border-color:#d97706}.admin-user-management-page.dark .request-id-row label{color:#93bbff}.admin-user-management-page.dark .request-id-row--inactive label{color:#fbbf24}.admin-user-management-page.dark .request-id-row .record-id{color:#93bbff}.admin-user-management-page.dark .request-id-row--inactive .record-id{color:#fbbf24}.admin-user-management-page.dark .request-id-tooltip{background:#f7fafc;color:#1a202c}.admin-user-management-page.dark .request-id-tooltip:after{border-top-color:#f7fafc}.table-request-id-tooltip-trigger{color:#d97706!important;cursor:help;font-style:italic;position:relative}.table-request-id-tooltip{background:#1a202c;border-radius:6px;bottom:120%;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.75rem;font-style:normal;font-weight:600;left:50%;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}.table-request-id-tooltip:after{border:5px solid #0000;border-top-color:#1a202c;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.table-request-id-tooltip-trigger:hover .table-request-id-tooltip{opacity:1;visibility:visible}.admin-user-management-page.dark .table-request-id-tooltip{background:#f7fafc;color:#1a202c}.admin-user-management-page.dark .table-request-id-tooltip:after{border-top-color:#f7fafc}.admin-user-management-page.dark .table-request-id-tooltip-trigger{color:#fbbf24!important}.close-btn,.delete-confirm-btn{border:none;border-radius:8px;box-shadow:0 2px 8px #00000014;display:inline-block;flex:1 1;font-size:1rem;font-weight:600;height:48px;margin:0;min-width:0;text-align:center}.delete-btn{background:#ef4444,;color:#fff;font-size:15.2px}.close-btn{background:#4e8ecc;color:#fff}.close-btn:hover{background:#3b6fa5;color:#fff}.delete-confirm-btn{background:linear-gradient(90deg,#ef4444,#dc2626)}.delete-confirm-btn:hover{background:#b91c1c;color:#fff}.toast-success{align-items:center;background:linear-gradient(90deg,#10b981,#059669);border-radius:12px;box-shadow:0 8px 32px #10b9811f;color:#fff;display:flex;font-size:18px;font-weight:600;gap:10px;letter-spacing:.5px;padding:1rem 2rem;position:fixed;right:32px;top:32px;z-index:9999}.cancel-btn{background:#ef4444!important;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem}.cancel-btn:hover{background:#dc2626;color:#fff}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem}.save-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.save-btn:disabled{background:#9ca3af;box-shadow:none}.new-record-modal{max-height:95vh;max-width:1400px}.new-record-form{padding:0}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{border-bottom:2px solid #667eea;color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.form-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:2px solid #e5e7eb;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.form-group textarea{min-height:100px}.header-title h1{color:#1a202c}.header-title span{color:#64748b;font-size:.875rem}.notification-btn{background:none;border-radius:8px;padding:.5rem;transition:all .3s ease}.notification-btn:hover{background:#f1f5f9}.notification-btn span:first-child{font-size:1.25rem}.notification-badge{background:#ef4444;font-size:.75rem;font-weight:600;padding:.125rem .375rem;right:0;top:0}.admin-user-management-page.dark .user-management-header{background:#1a202c;border-color:#2d3748}.admin-user-management-page.dark .header-content h1{color:#f7fafc}.admin-user-management-page.dark .header-content p{color:#cbd5e0}.admin-user-management-page.dark .search-input{background:#1a202c;border-color:#2d3748;color:#f7fafc}.admin-user-management-page.dark .search-input:focus{border-color:#667eea}.admin-user-management-page.dark .filter-buttons{background:#1a202c}.admin-user-management-page.dark .filter-btn{color:#cbd5e0}.admin-user-management-page.dark .filter-btn:hover{background:#2d3748;color:#f7fafc}.admin-user-management-page.dark .user-management-records-table{background:#1a202c;border-color:#1a202c}.admin-user-management-page.dark .table-header{background:#2d3748;border-color:#1a202c}.admin-user-management-page.dark .table-title h3{color:#f7fafc}.admin-user-management-page.dark .table-title span{color:#cbd5e0}.admin-user-management-page.dark .incident-records-table{background:#1a202c!important;border-color:#1a202c!important}.admin-user-management-page.dark .records-table{background:#1a202c!important}.admin-user-management-page.dark .records-table table{background:#1a202c!important;color:#e2e8f0!important}.admin-user-management-page.dark .records-table th{background:#374151!important;border-color:#2d3748!important;color:#f7fafc!important;font-weight:600!important}.admin-user-management-page.dark .records-table td{border-color:#1a202c!important;color:#e2e8f0!important}.admin-user-management-page.dark .records-table tr:hover{background:#2d3748!important}.admin-user-management-page.dark .no-reports{background:#1a202c;color:#cbd5e0;padding:4rem 2rem;text-align:center}.admin-user-management-page.dark .no-reports-icon{font-size:4rem;margin-bottom:1rem}.admin-user-management-page.dark .no-reports h3{color:#e2e8f0;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.admin-user-management-page.dark .no-reports p{color:#a0aec0;font-size:1rem}.admin-user-management-page.dark .export-btn{background:#374151!important;border-color:#fff!important;color:#e2e8f0!important}.admin-user-management-page.dark .export-btn:hover{background:#f0f0f0!important;color:#667eea!important}.admin-user-management-page.dark .user-name{color:#f7fafc}.admin-user-management-page.dark .modal-body,.admin-user-management-page.dark .modal-content{background:#1a202c!important}.admin-user-management-page.dark .modal-overlay{background:#000c!important}.admin-user-management-page.dark .modal-content{background:#2d3748!important;box-shadow:0 20px 60px #000c!important;color:#e2e8f0!important}.admin-user-management-page.dark .modal-header{background:#1a202c!important;border-color:#2d3748!important}.admin-user-management-page.dark .modal-header h2{color:#f7fafc!important}.admin-user-management-page.dark .modal-close{color:#cbd5e0!important}.admin-user-management-page.dark .modal-close:hover{background:#2d3748!important;color:#f7fafc!important}.admin-user-management-page.dark .detail-section h3{border-bottom-color:#667eea!important;color:#f7fafc!important}.admin-user-management-page.dark .detail-section{background:#2d3748!important;color:#f7fafc!important}.admin-user-management-page.dark .detail-item label{color:#cbd5e0!important}.admin-user-management-page.dark .detail-grid,.admin-user-management-page.dark .detail-item{background:#0000!important}.admin-user-management-page.dark .detail-item p,.admin-user-management-page.dark .detail-item span{color:#e2e8f0!important}.admin-user-management-page.dark .modal-actions{background:#1a202c!important;border-color:#2d3748!important}.admin-user-management-page.dark .cancel-btn{background:#2d3748!important;border-color:#374151!important;color:#cbd5e0!important}.admin-user-management-page.dark .cancel-btn:hover{background:#374151!important;color:#f7fafc!important}.admin-user-management-page.dark .form-section h3{color:#f7fafc}.admin-user-management-page.dark .form-group{background-color:#2d3748}.admin-user-management-page.dark label{color:#fff}.admin-user-management-page.dark .form-group input,.admin-user-management-page.dark .form-group select,.admin-user-management-page.dark .form-group textarea{background-color:#2d3748;border-color:#374151;color:#f7fafc}.admin-user-management-page.dark .form-group input:focus,.admin-user-management-page.dark .form-group select:focus,.admin-user-management-page.dark .form-group textarea:focus{border-color:#667eea}.admin-user-management-page.dark .form-group input::placeholder{color:#718096}.admin-user-management-page.dark .results-section{background:#0000}.admin-user-management-page.dark .results-header h3{color:#f7fafc}.admin-user-management-page.dark .results-header p{color:#cbd5e0}.admin-user-management-page.dark .results-actions{display:flex;gap:1rem}.admin-user-management-page.dark .action-button{background:#2d3748;border:1px solid #374151;border-radius:8px;color:#f7fafc;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.admin-user-management-page.dark .action-button:hover{background:#374151;border-color:#667eea}.admin-user-management-page.dark .action-button.primary{background:#667eea;border-color:#667eea}.admin-user-management-page.dark .action-button.primary:hover{background:#5568d3}.admin-user-management-page.dark .keys-list{background:#0000}.admin-user-management-page.dark .key-item{background:#2d3748;border:1px solid #374151;border-radius:8px;margin-bottom:1rem;padding:1rem}.admin-user-management-page.dark .key-item-header{display:flex;gap:.5rem;margin-bottom:.75rem}.admin-user-management-page.dark .key-type-badge{background:#667eea;border-radius:6px;color:#f7fafc;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.admin-user-management-page.dark .key-status-badge{background:#10b981;border-radius:6px;color:#f7fafc;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.admin-user-management-page.dark .key-code-display{align-items:center;background:#1a202c;border:1px solid #374151;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.admin-user-management-page.dark .key-code-text{color:#f7fafc;font-family:Courier New,monospace;font-weight:600}.admin-user-management-page.dark .copy-icon{color:#cbd5e0}.admin-user-management-page.dark .key-meta{color:#a0aec0;font-size:.85rem}.admin-user-management-page.dark{background:#2d3748;border-color:#4a5568}.admin-user-management-page.dark .header-title h1{color:#f7fafc}.admin-user-management-page.dark .header-title span{color:#cbd5e0}.admin-user-management-page.dark .notification-btn:hover{background:#2d3748}.admin-user-management-page.dark select.filter-dropdown{background-color:#1a202c;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%2393bbff%27 height=%2720%27 viewBox=%270 0 20 20%27 width=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M5.25 7.5l4.75 4.75 4.75-4.75z%27/></svg>");border-color:#2d3748;color:#f7fafc}.admin-user-management-page.dark select.filter-dropdown:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.admin-user-management-page.dark select.filter-dropdown:hover{border-color:#667eea}.view-banned-btn{align-items:center;background-color:#4d8dcb;border:none;border-radius:8px;box-shadow:0 2px 8px #4d8dcb1f;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:6px;padding:10px 24px;transition:background .2s,transform .1s}.view-banned-btn.active,.view-banned-btn:hover{background-color:#3b6fa5}.view-banned-btn:hover{transform:translateY(-2px) scale(1.03)}.deactivate-btn{align-items:center;background-color:#ef4444;border:none;border-radius:8px;box-shadow:0 2px 8px #ef44441f;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:6px;margin-right:10px;padding:10px 24px;transition:background .2s,transform .1s}.deactivate-btn:hover{background-color:#dc2626;transform:translateY(-2px) scale(1.03)}.deactivate-btn:disabled{background-color:#fca5a5;cursor:not-allowed;transform:none}.view-deactivated-btn{align-items:center;background-color:#8b5cf6;border:none;border-radius:8px;box-shadow:0 2px 8px #8b5cf61f;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:6px;padding:10px 24px;transition:background .2s,transform .1s}.view-deactivated-btn.active{background-color:#7c3aed}.view-deactivated-btn:hover{background-color:#7c3aed;transform:translateY(-2px) scale(1.03)}.view-reactivation-btn{align-items:center;background-color:#06b6d4;border:none;border-radius:8px;box-shadow:0 2px 8px #06b6d41f;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:6px;padding:10px 24px;transition:background .2s,transform .1s}.view-reactivation-btn.active{background-color:#0891b2}.view-reactivation-btn:hover{background-color:#0891b2;transform:translateY(-2px) scale(1.03)}.approve-btn{background-color:#10b981;border:none;border-radius:6px;box-shadow:0 1px 4px #10b98133;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:background .2s,transform .1s}.approve-btn:hover{background-color:#059669;transform:translateY(-1px)}.approve-btn:disabled{background-color:#a7f3d0;cursor:not-allowed;transform:none}.archive-btn{background-color:#6b7280;border:none;border-radius:6px;box-shadow:0 1px 4px #6b728033;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:6px;padding:8px 16px;transition:background .2s,transform .1s}.archive-btn:hover{background-color:#4b5563;transform:translateY(-1px)}.archive-btn:disabled{background-color:#d1d5db;cursor:not-allowed;transform:none}select.filter-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%236676ea%27 height=%2720%27 viewBox=%270 0 20 20%27 width=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M5.25 7.5l4.75 4.75 4.75-4.75z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:18px 18px;border:2px solid #e2e8f0;border-radius:12px;color:#1a202c;cursor:pointer;font-size:.95rem;font-weight:600;min-width:180px;padding:10px 36px 10px 16px;position:relative;transition:border-color .3s ease,box-shadow .3s ease}select.filter-dropdown:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}select.filter-dropdown:hover{border-color:#667eea}.action-btn{box-shadow:0 2px 8px #00000014;display:inline-block;font-size:1rem;height:44px;margin-right:.5rem;min-width:120px;padding:.5rem 1.5rem;transition:background .2s,transform .1s}.approve-btn{background:#10b981!important;border:2px solid #059669;box-shadow:0 2px 8px #10b9812e;color:#fff;font-size:1rem;padding-left:1.5rem;padding-right:1.5rem;white-space:normal;word-break:break-word}.approve-btn:hover{background:#059669;transform:translateY(-2px) scale(1.03)}.reject-btn{background:#ef4444!important;border:2px solid #b91c1c;box-shadow:0 2px 8px #ef44442e;color:#fff}.reject-btn:hover{background:#b91c1c;transform:translateY(-2px) scale(1.03)}.view-btn{background:#4d8dcb!important;border-radius:8px;box-shadow:0 2px 8px #4d8dcb2e;display:inline-block;font-size:.9rem;height:44px;margin-right:.5rem;min-width:120px;padding:.5rem 1.5rem;text-align:center;transition:background .2s,transform .1s;white-space:nowrap}.view-btn:hover{background:#3b6fa5!important;transform:translateY(-2px) scale(1.03)}.permissions-btn{background:#667eea!important;border:none;border-radius:8px;box-shadow:0 2px 8px #667eea2e;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;height:44px;margin-right:.5rem;min-width:120px;padding:.5rem 1.5rem;text-align:center;transition:background .2s,transform .1s}.permissions-btn:hover{background:#5568d3!important;transform:translateY(-2px) scale(1.03)}.dismiss-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:600;padding:.625rem 1.125rem;transition:all .3s ease}.dismiss-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.ban-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:600;padding:.625rem 1.125rem;transition:all .3s ease}.ban-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.restore-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:600;padding:.625rem 1.125rem;transition:all .3s ease}.restore-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.generate-keys-btn{background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.generate-keys-btn:hover{box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.add-principal-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.add-principal-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.toast-approve{align-items:center;animation:toastIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;max-width:408px;min-width:326px;padding:2.04rem 2.55rem 1.53rem}@keyframes toastIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.toast-approve h3{color:#059669;font-size:1.15rem;font-weight:700;margin:0 0 .5rem}.toast-approve .user-summary{margin-bottom:1rem;text-align:left;width:100%}.toast-approve .toast-actions{display:flex;gap:1rem;justify-content:center;width:100%}.pagination-container{align-items:center;background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.pagination-info{color:#64748b;font-size:.9rem;font-weight:500}.pagination-page-indicator{color:#64748b;display:none;font-size:.85rem;font-weight:600;text-align:center}.pagination-controls{gap:.5rem}.pagination-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#64748b;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;height:2.5rem;justify-content:center;min-width:2.75rem;padding:.75rem 1.25rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#667eea;border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{background:#f8fafc;opacity:.4}.pagination-btn.active{background:#667eea;border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.next-btn,.prev-btn{background:#0000;border:none;box-shadow:none;color:#64748b}.next-btn:hover:not(:disabled),.prev-btn:hover:not(:disabled){background:#0000;border:none;box-shadow:none;color:#667eea;transform:scale(1.2)}.next-btn:disabled,.prev-btn:disabled{background:#0000;cursor:not-allowed;opacity:.3}.pagination-numbers{display:flex;gap:.5rem;margin:0 1rem}.page-btn,.pagination-numbers .page-btn.mobile-hidden{display:flex}.page-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;height:2.5rem;justify-content:center;min-width:2.75rem;transition:all .3s ease}.admin-user-management-page.dark .pagination-container{background:#1a202c!important;border-color:#1a202c!important}.admin-user-management-page.dark .pagination-info{color:#cbd5e0!important}.admin-user-management-page.dark .pagination-page-indicator{color:#cbd5e0}.admin-user-management-page.dark .pagination-btn{background:#374151;border-color:#4a5568;color:#cbd5e0}.admin-user-management-page.dark .pagination-btn:hover:not(:disabled){background:#667eea;border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#fff;transform:translateY(-2px)}.admin-user-management-page.dark .pagination-btn:disabled{background:#2d3748!important;opacity:.4!important}.admin-user-management-page.dark .pagination-btn.active{background:#667eea!important;border-color:#667eea!important;box-shadow:0 4px 12px #667eea4d!important;color:#fff!important}.admin-user-management-page.dark .next-btn,.admin-user-management-page.dark .prev-btn{background:#0000!important;border:none!important;color:#cbd5e0!important}.admin-user-management-page.dark .next-btn:hover:not(:disabled),.admin-user-management-page.dark .prev-btn:hover:not(:disabled){background:#0000!important;border:none!important;box-shadow:none!important;color:#667eea!important;transform:scale(1.2)!important}.admin-user-management-page.dark .next-btn:disabled,.admin-user-management-page.dark .prev-btn:disabled{background:#0000!important;opacity:.3!important}.admin-user-management-page.dark .pagination-controls,.admin-user-management-page.dark .pagination-numbers{background:#0000!important}.admin-user-management-page.dark .page-btn{background:#374151!important;border-color:#4a5568!important;color:#cbd5e0!important}.admin-user-management-page.dark .page-btn:hover{background:#4a5568;border-color:#718096}@media (min-width:1920px){.user-management-main-content{margin:0 auto;max-width:1800px;padding:2.5rem 3rem}.user-management-header{padding:2.5rem}.header-content h1,.stat-number{font-size:2.25rem}.records-table td,.records-table th{font-size:1rem;padding:1.5rem 1.25rem}}@media (min-width:1440px) and (max-width:1919px){.user-management-main-content{padding:2.25rem}.header-stats{gap:1.5rem}}@media (min-width:1200px) and (max-width:1439px){.user-management-main-content{padding:2rem}.stat-number{font-size:1.75rem}}@media (min-width:992px) and (max-width:1199px){.user-management-header,.user-management-main-content{padding:1.75rem}.header-content h1{font-size:1.75rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.85rem}.search-container{max-width:400px}.records-table td,.records-table th{padding:1rem .875rem}}@media (min-width:768px) and (max-width:991px){.user-management-main-content{padding:1.5rem}.user-management-header{flex-direction:column;gap:1.25rem;padding:1.5rem}.header-content{width:100%}.header-content h1{font-size:1.5rem}.header-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);width:100%}.stat-card{min-width:0}.stat-number{font-size:1.5rem}.user-management-controls{flex-wrap:wrap}.search-container{max-width:none;min-width:0;width:100%}.filter-container{width:100%}.filter-buttons{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.filter-btn{padding:.7rem 1rem;white-space:nowrap}.table-header{padding:1.5rem}.table-title h3{font-size:1.15rem}.export-btn,.new-record-btn{font-size:.9rem;padding:.75rem 1.25rem}.records-table td,.records-table th{font-size:.9rem;padding:1rem .75rem}.modal-content{max-width:90%}}@media (min-width:600px) and (max-width:767px){.user-management-main-content{padding:1.25rem}.user-management-header{flex-direction:column;gap:1.25rem;padding:1.25rem}.header-content h1{font-size:1.5rem}.header-content p{font-size:.95rem}.header-stats{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:1fr;width:100%}.stat-card{padding:.65rem 1rem}.stat-number{font-size:1.3rem;margin-bottom:.15rem}.stat-label{font-size:1rem!important}.user-management-controls{flex-direction:column;gap:1rem}.search-container{max-width:none;min-width:0;width:100%}.search-input{font-size:.95rem;padding:.75rem 1rem}.filter-container{width:100%}.filter-buttons{-webkit-overflow-scrolling:touch;gap:.5rem;overflow-x:auto;padding:.5rem;scrollbar-width:thin;width:100%}.filter-buttons::-webkit-scrollbar{height:4px}.filter-buttons::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.filter-btn{flex-shrink:0;font-size:.875rem;padding:.65rem 1rem;white-space:nowrap}.table-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.25rem}.table-title{width:100%}.table-title h3{font-size:1.1rem}.table-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;width:100%}.export-btn,.new-record-btn{font-size:.875rem;padding:.75rem 1rem;white-space:nowrap}.records-table{font-size:.875rem}.records-table td,.records-table th{font-size:.875rem;padding:.875rem .625rem}.records-table th{font-size:.75rem}.user-info{gap:.5rem}.role-badge,.status-badge{font-size:.75rem;padding:.35rem .75rem}.modal-overlay{padding:1.25rem}.modal-content{max-height:90vh;max-width:95%}.modal-header{padding:1.5rem 1.25rem 1rem}.modal-header h2{font-size:1.25rem}.modal-body{padding:1.5rem 1.25rem}.detail-grid,.form-grid{gap:1rem;grid-template-columns:1fr}.modal-actions{gap:.75rem;padding:1rem 1.25rem 1.5rem}.close-btn,.delete-confirm-btn{font-size:.9rem;height:44px}.pagination-container{flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:1rem 1.25rem}.pagination-info{display:none}.pagination-page-indicator{display:block;font-size:.85rem;margin-bottom:.25rem;order:-1;width:100%}.pagination-numbers .page-btn.mobile-hidden{display:none}.pagination-btn{font-size:1.15rem;padding:.55rem .75rem}.page-btn,.pagination-btn{height:2.75rem;min-width:2.75rem}.page-btn{font-size:.95rem}}@media (min-width:480px) and (max-width:599px){.user-management-main-content{box-sizing:border-box;margin-top:0;max-width:100vw;overflow-x:hidden;padding:1rem}.user-management-header{border-radius:12px;flex-direction:column;gap:1rem;padding:1rem}.header-content h1{display:none}.header-content p{font-size:.9rem}.header-content{width:100%}.header-stats{grid-gap:.35rem;display:grid;gap:.35rem;grid-template-columns:repeat(2,1fr);width:100%}.stat-card{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:.5rem .4rem;text-align:center}.stat-number{font-size:1.4rem;line-height:1.2;margin-bottom:0}.stat-label{font-size:1rem!important;line-height:1.2}.user-management-header p{font-size:.9rem;margin-top:.5rem;order:2;text-align:center}.user-management-controls{flex-direction:column;gap:.875rem;margin-bottom:1.5rem}.search-container{max-width:none;min-width:0;width:100%}.search-input{border-radius:10px;font-size:.9rem;padding:.7rem .95rem}.filter-container{width:100%}.filter-buttons{-webkit-overflow-scrolling:touch;gap:.5rem;overflow-x:auto;padding:.5rem;scrollbar-width:thin;width:100%}.filter-btn{flex-shrink:0;font-size:.85rem;padding:.6rem .95rem;white-space:nowrap}.user-management-records-table{border-radius:12px;box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.table-header{flex-direction:column;gap:.875rem;padding:1rem}.table-title h3{font-size:1rem}.table-title span{font-size:.85rem}.table-actions{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:1fr 1fr;width:100%}.export-btn,.new-record-btn{border-radius:8px;font-size:.85rem;padding:.7rem .875rem}.records-table{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:block!important;font-size:.85rem;max-width:100%;overflow-x:auto;width:100%}.records-table table{display:table!important;min-width:800px;width:100%}.records-table td,.records-table th{font-size:.85rem;padding:.75rem .5rem;white-space:nowrap}.records-table th{font-size:.7rem;letter-spacing:.3px}@media (max-width:600px){.records-table{overflow-x:visible}.records-table table{border:0;min-width:100%}.records-table thead{display:none}.records-table tbody{display:block;width:100%}.records-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:block;margin-bottom:1rem;padding:1rem}.admin-user-management-page.dark .records-table tr{background:#2d3748;border-color:#4a5568}.records-table td{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 0;text-align:right;white-space:normal}.admin-user-management-page.dark .records-table td{border-bottom-color:#374151}.records-table td:last-child{border-bottom:none}.records-table td:before{color:#64748b;content:attr(data-label);flex:0 0 40%;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.admin-user-management-page.dark .records-table td:before{color:#cbd5e0}.records-table td.actions{align-items:stretch;flex-direction:column;gap:.5rem}.records-table td.actions:before{display:none}.records-table .action-btn,.records-table .approve-btn,.records-table .permissions-btn,.records-table .reject-btn,.records-table .restore-btn,.records-table .view-btn{justify-content:center;margin:0;width:100%}.user-info{flex-direction:row;gap:.5rem;justify-content:flex-end}.records-table .record-id{word-break:break-all}}.user-info{align-items:flex-start;flex-direction:column;gap:.375rem}.user-name{font-size:.9rem}.email{font-size:.8rem}.role-badge,.status-badge{font-size:.7rem;padding:.3rem .7rem}.action-btn{font-size:.8rem;padding:.5rem .875rem}.modal-overlay{padding:1rem}.modal-content{border-radius:16px;max-height:92vh;max-width:96%}.modal-header{padding:1.25rem 1rem .875rem}.modal-header h2{font-size:1.15rem}.modal-close{font-size:1.75rem;height:36px;width:36px}.modal-body{padding:1.25rem 1rem}.detail-section h3{font-size:1.05rem}.detail-grid,.form-grid{gap:.875rem;grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.7rem .875rem}.modal-actions{flex-direction:column;gap:.625rem;padding:.875rem 1rem 1.25rem}.close-btn,.delete-confirm-btn,.save-btn{font-size:.9rem;height:44px;width:100%}.pagination-container{flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:1rem}.pagination-info{display:none}.pagination-page-indicator{display:block;font-size:.8rem;margin-bottom:.25rem;order:-1;width:100%}.pagination-controls{justify-content:center;width:auto}.pagination-btn{font-size:1.1rem;padding:.5rem .65rem}.page-btn,.pagination-btn{height:2.5rem;min-width:2.5rem}.page-btn{font-size:.9rem}.pagination-numbers{gap:0;margin:0 .5rem}.pagination-numbers .page-btn.mobile-hidden{display:none}.next-btn,.prev-btn{font-size:1.1rem}}@media (min-width:375px) and (max-width:479px){.records-table{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:block!important;max-width:100%;overflow-x:auto;width:100%}.records-table table{display:table!important;min-width:800px;width:100%}.records-table td,.records-table th{white-space:nowrap}.user-management-main-content{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:.875rem}.user-management-header{border-radius:10px;box-sizing:border-box;flex-direction:column;gap:1rem;max-width:100%;padding:1rem;width:100%}.header-content h1{display:none}.header-content p{font-size:.875rem}.header-content{width:100%}.header-stats{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:repeat(2,1fr);width:100%}.stat-card{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:.45rem .35rem;text-align:center}.stat-number{font-size:1.3rem;line-height:1.2;margin-bottom:0}.stat-label{font-size:.7rem;line-height:1.2}.user-management-header p{font-size:.85rem;margin-top:.5rem;order:2;text-align:center}.user-management-controls{flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.search-container{max-width:none;min-width:0;width:100%}.search-input{border-radius:10px;font-size:.875rem;padding:.65rem .875rem}.filter-container{width:100%}.filter-buttons{-webkit-overflow-scrolling:touch;gap:.375rem;overflow-x:auto;padding:.375rem;width:100%}.filter-btn{border-radius:7px;flex-shrink:0;font-size:.8rem;padding:.55rem .875rem;white-space:nowrap}.user-management-records-table{border-radius:10px}.table-header{flex-direction:column;gap:.75rem;padding:.875rem}.table-title h3{font-size:.95rem}.table-title span{font-size:.8rem}.table-actions{flex-direction:column;gap:.5rem;width:100%}.export-btn,.new-record-btn{border-radius:8px;font-size:.8rem;padding:.65rem .875rem;width:100%}.records-table td,.records-table th{font-size:.8rem;padding:.7rem .375rem}.records-table th{font-size:.65rem;letter-spacing:.2px}.user-info{align-items:flex-start;flex-direction:column;gap:.3rem}.user-name{font-size:.85rem}.email,.student-id{font-size:.75rem}.role-badge,.status-badge{border-radius:16px;font-size:.65rem;padding:.275rem .625rem}.last-login{font-size:.8rem}.action-btn,.approve-btn,.reject-btn{font-size:.75rem;padding:.45rem .75rem}.view-banned-btn{font-size:.8rem;padding:.65rem 1rem}.modal-overlay{padding:.75rem}.modal-content{border-radius:14px;max-height:94vh;max-width:98%}.modal-header{padding:1rem .875rem .75rem}.modal-header h2{font-size:1.05rem}.modal-close{font-size:1.5rem;height:32px;width:32px}.modal-body{padding:1rem .875rem}.detail-section{margin-bottom:1.5rem}.detail-section h3{font-size:1rem;margin-bottom:.875rem}.detail-grid,.form-grid{gap:.75rem;grid-template-columns:1fr}.detail-item label{font-size:.7rem}.detail-item span{font-size:.875rem}.form-group label{font-size:.8rem}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:.875rem;padding:.65rem .875rem}.modal-actions{flex-direction:column;gap:.5rem;padding:.75rem .875rem 1rem}.close-btn,.delete-confirm-btn,.save-btn{font-size:.875rem;height:42px;width:100%}.no-reports{padding:3rem 1rem}.no-reports-icon{font-size:3rem}.no-reports h3{font-size:1.25rem}.no-reports p{font-size:.9rem}.pagination-container{flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:.875rem}.pagination-info{display:none}.pagination-page-indicator{display:block;font-size:.75rem;margin-bottom:.25rem;order:-1;width:100%}.pagination-controls{flex-direction:row;flex-wrap:nowrap;justify-content:center;width:auto}.pagination-btn{font-size:1rem;padding:.45rem .6rem}.page-btn,.pagination-btn{height:2.25rem;min-width:2.25rem}.page-btn{font-size:.85rem}.pagination-numbers{gap:0;margin:0 .5rem}.pagination-numbers .page-btn.mobile-hidden{display:none}.next-btn,.prev-btn{font-size:1rem}}@media (max-width:374px){.user-management-main-content{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:.75rem}.user-management-header{border-radius:10px;box-sizing:border-box;flex-direction:column;gap:.875rem;max-width:100%;padding:.875rem;width:100%}.header-content h1{display:none}.header-content p{font-size:.75rem}.header-content{width:100%}.header-stats{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(2,1fr);width:100%}.stat-card{align-items:center;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:.4rem .3rem;text-align:center}.stat-number{font-size:1.2rem;line-height:1.2;margin-bottom:0}.stat-label{font-size:.65rem;line-height:1.2}.user-management-header p{font-size:.75rem;margin-top:.5rem;order:2;text-align:center}.user-management-controls{flex-direction:column;gap:.625rem;margin-bottom:1rem}.search-input{border-radius:8px;font-size:.85rem;padding:.6rem .75rem}.filter-buttons{gap:.375rem;padding:.375rem}.filter-btn{border-radius:6px;font-size:.75rem;padding:.5rem .75rem}.table-header{gap:.625rem;padding:.75rem}.table-title h3{font-size:.9rem}.table-title span{font-size:.75rem}.table-actions{flex-direction:column;gap:.5rem}.export-btn,.new-record-btn{font-size:.75rem;padding:.6rem .75rem}.records-table{-webkit-overflow-scrolling:touch;display:block!important;overflow-x:auto;width:100%}.records-table table{display:table!important;min-width:800px;width:100%}.records-table td,.records-table th{font-size:.75rem;padding:.625rem .3rem;white-space:nowrap}.records-table th{font-size:.6rem}.user-name{font-size:.8rem}.email{font-size:.7rem}.role-badge,.status-badge{font-size:.6rem;padding:.25rem .5rem}.action-btn{font-size:.7rem;padding:.4rem .65rem}.modal-header h2{font-size:1rem}.modal-body{padding:.875rem .75rem}.detail-section h3{font-size:.95rem}.form-group input,.form-group select,.form-group textarea{font-size:.85rem;padding:.6rem .75rem}.close-btn,.delete-confirm-btn,.save-btn{font-size:.85rem;height:40px}.pagination-container{flex-direction:row;flex-wrap:wrap;gap:.625rem;justify-content:center;padding:.75rem}.pagination-info{display:none}.pagination-page-indicator{display:block;font-size:.7rem;margin-bottom:.25rem;order:-1;width:100%}.pagination-controls{gap:.5rem;justify-content:center;width:auto}.pagination-btn{font-size:.95rem;padding:.4rem .55rem}.page-btn,.pagination-btn{height:2rem;min-width:2rem}.page-btn{font-size:.8rem}.pagination-numbers{gap:0;margin:0 .4rem}.pagination-numbers .page-btn.mobile-hidden{display:none}.next-btn,.prev-btn{font-size:.95rem}}.records-table::-webkit-scrollbar{height:8px}.records-table::-webkit-scrollbar-track{border-radius:10px}.records-table::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media (max-width:767px){.records-table{position:relative}.records-table:before{background:linear-gradient(135deg,#f0f4ff,#f5f7ff);border-bottom:2px solid #667eea;border-radius:16px 16px 0 0;color:#667eea;content:"👆 Swipe table left/right to see all columns";display:block;font-size:.75rem;font-weight:600;padding:.625rem;text-align:center}.admin-user-management-page.dark .records-table:before{background:linear-gradient(135deg,#2d3748,#374151);border-bottom-color:#667eea;color:#93bbff}}.records-table::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.records-table::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.records-table::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (hover:none) and (pointer:coarse){.action-btn,.approve-btn,.filter-btn,.reject-btn{min-height:44px;padding:.65rem 1rem}.export-btn,.new-record-btn,.view-banned-btn{min-height:48px;padding:.75rem 1.25rem}.modal-close{min-height:44px;min-width:44px}.action-btn,.filter-btn,button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.action-btn:hover,.filter-btn:hover,.nav-item:hover{transform:none}}@media print{.action-btn,.admin-header,.admin-sidebar,.filter-buttons,.modal-overlay,.sidebar-overlay,.table-actions{display:none!important}.user-management-main-content{margin:0;padding:0}.user-management-records-table{border:1px solid #000;box-shadow:none}.records-table{font-size:10pt}}@media (max-width:767px) and (orientation:landscape){.user-management-main-content{padding-top:70px}.user-management-header{padding:1rem}.header-stats{grid-gap:.08rem;display:grid;gap:.08rem;grid-template-columns:1fr}.stat-card{padding:.05rem .4rem}.stat-number{font-size:.95rem;margin-bottom:0}.stat-label{font-size:1rem!important}.modal-content{max-height:85vh}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.records-table td,.records-table th,.user-management-header,.user-management-records-table{border-width:.5px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.admin-user-management-page:not(.light){background-color:#0f172a}}.date-filter-container{align-items:center;display:flex}.date-filter-btn{transition:all .3s ease}.date-filter-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.user-management-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.search-container{flex:1 1;min-width:250px}.filter-container{min-width:200px}.date-filter-container{min-width:auto}@media (max-width:768px){.user-management-controls{align-items:stretch;flex-direction:column}.date-filter-container,.filter-container,.search-container{min-width:100%}.date-range-filter{margin-top:.5rem}}.records-table td .status-pill{background:#e2e8f0;border-radius:12px;color:#4a5568;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:normal;padding:.25rem .6rem;text-transform:none;white-space:nowrap}.records-table td .status-pill.pending{background:#f59e0b;color:#fff}.records-table td .status-pill.accepted,.records-table td .status-pill.approved,.records-table td .status-pill.resolved{background:#10b981;color:#fff}.records-table td .status-pill.open{background:#f59e0b;color:#fff}.records-table td .status-pill.dismissed{background:#6b7280;color:#fff}.records-table td .status-pill.banned{background:#dc2626;color:#fff}.records-table td .status-pill.closed{background:#e2e8f0;color:#4a5568}.records-table td .status-pill.active{background:#10b981;color:#fff}.records-table td .status-pill.inactive{background:#ef4444;color:#fff}.records-table td:nth-child(6),.records-table th:nth-child(6){min-width:120px}.admin-report-page.dark .form-group{background-color:#374151}.report-main-content{margin-left:0}.report-form-container{grid-template-columns:1fr 300px;margin:0 auto;max-width:1200px}.title-input{background:var(--input-background);border:2px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:border-color .2s ease}.title-input:focus{border-color:var(--button-primary);outline:none}.content-textarea{background:var(--input-background);border:2px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:1rem;transition:border-color .2s ease}.content-textarea:focus{border-color:var(--button-primary);outline:none}.save-btn:hover{background:#4b5563;transform:translateY(-1px)}.report-info-panel{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:6rem}.report-info-panel h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 1rem;text-align:center}@media (max-width:1024px){.report-form-container{gap:1.5rem;grid-template-columns:1fr}.report-info-panel{order:-1;position:static}}@media (max-width:768px){.report-main-content{padding:5rem 1rem 1rem}.report-form-card{padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{justify-content:center;width:100%}.content-textarea{min-height:300px}}@media (max-width:480px){.report-main-content{padding:4.5rem .5rem .5rem}.report-form-card{padding:1rem}.report-form-header h2{font-size:1.5rem}.content-textarea{min-height:250px}}.admin-report-page{background-color:var(--background-color);min-height:100vh;transition:all .3s ease}.admin-report-page.light{--background-color:#f8fafc;--card-background:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#e5e7eb;--input-background:#fff;--input-border:#d1d5db;--button-primary:#3b82f6;--button-secondary:#6b7280;--button-danger:#ef4444;--button-success:#10b981;--button-warning:#f59e0b;--button-info:#3b82f6;--draft-active:#dbeafe;--draft-hover:#f3f4f6}.admin-report-page.dark{--background-color:#111827;--card-background:#1f2937;--text-primary:#f9fafb;--text-secondary:#d1d5db;--border-color:#374151;--input-background:#374151;--input-border:#4b5563;--button-primary:#3b82f6;--button-secondary:#6b7280;--button-danger:#ef4444;--button-success:#10b981;--button-warning:#f59e0b;--button-info:#3b82f6;--draft-active:#1e3a8a;--draft-hover:#374151}.admin-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.header-left{gap:1rem}.hamburger-menu{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:8px}.hamburger-menu span{background:#fff;height:2px;transition:all .3s ease;width:20px}.header-title h1{font-size:1.5rem;font-weight:700;margin:0}.header-title span{font-size:.9rem;opacity:.9}.header-right{gap:1rem}.back-button{background:#fff3;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s ease}.back-button:hover{background:#ffffff4d}.header-notifications{position:relative}.notification-btn{background:#fff3;border:none;border-radius:6px;cursor:pointer;padding:8px;position:relative}.notification-badge{align-items:center;background:var(--button-danger);border-radius:50%;display:flex;height:18px;justify-content:center;right:-5px;top:-5px;width:18px}.report-main-content{margin:0 auto;max-width:1200px;padding:6rem 2rem 2rem;transition:margin-left .3s ease}.report-form-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px}.report-form-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.report-form-header{margin-bottom:2rem;text-align:center}.report-form-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.report-form-header p{color:var(--text-secondary);font-size:1rem;margin:0}.save-status{border:1px solid #0000;border-radius:8px;font-weight:500;margin:1rem 0;padding:12px;text-align:center}.save-status.success{background-color:#d1fae5;border-color:#a7f3d0;color:#065f46}.save-status.error{background-color:#fee2e2;border-color:#fecaca;color:#991b1b}.save-status.info{background-color:#dbeafe;border-color:#93c5fd;color:#1e40af}.dark .report-form-card label{color:#fff}.dark .save-status.success{background-color:#064e3b;border-color:#047857;color:#6ee7b7}.dark .save-status.error{background-color:#7f1d1d;border-color:#991b1b;color:#fca5a5}.dark .save-status.info{background-color:#1e3a8a;border-color:#3730a3;color:#93c5fd}.report-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:var(--text-primary);font-size:1rem}.content-textarea,.description-textarea,.form-group select,.title-input{background:var(--input-background);border:2px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.content-textarea:focus,.description-textarea:focus,.form-group select:focus,.title-input:focus{border-color:var(--button-primary);outline:none}.description-textarea{line-height:1.5;min-height:80px;resize:vertical}.content-textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:400px;resize:vertical}.form-row{grid-gap:1rem}.word-count{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem;text-align:right}.form-actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;padding-top:1rem}.form-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.clear-btn{background:var(--button-danger)}.clear-btn:hover{background:#dc2626;transform:translateY(-1px)}.new-draft-btn{background:var(--button-warning);color:#fff}.new-draft-btn:hover{background:#d97706;transform:translateY(-1px)}.save-btn{background:var(--button-secondary)}.save-btn:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.generate-btn{background:var(--button-success);color:#fff}.generate-btn:hover{background:#059669;transform:translateY(-1px)}.report-info-panel{display:flex;flex-direction:column;gap:1.5rem}.drafts-section,.report-info{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;height:-webkit-fit-content;height:fit-content;padding:1.5rem}.drafts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.drafts-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.drafts-count{background:var(--button-primary);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px}.drafts-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;max-height:400px;overflow-y:auto}.draft-item{align-items:flex-start;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem;transition:all .2s ease}.draft-item:hover{background:var(--draft-hover);border-color:var(--button-primary);transform:translateY(-1px)}.draft-item.active{background:var(--draft-active);border-color:var(--button-primary)}.draft-content{flex:1 1;min-width:0}.draft-title{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin:0 0 .25rem}.current-badge{border-radius:10px;font-size:.625rem}.draft-preview{-webkit-box-orient:vertical;display:-webkit-box;font-size:.75rem;line-height:1.4;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis}.draft-meta,.draft-preview{color:var(--text-secondary)}.draft-meta{align-items:center;display:flex;font-size:.625rem;justify-content:space-between}.draft-category{background:var(--input-background);border-radius:10px;color:var(--text-primary);font-weight:600;padding:2px 6px}.delete-draft-btn{background:none;border:none;border-radius:4px;cursor:pointer;flex-shrink:0;font-size:.75rem;opacity:.7;padding:4px;transition:all .2s ease}.admin-report-page.dark .report-form-card .form-group label{color:#fff}.delete-draft-btn:hover{background:#ef44441a;opacity:1;transform:scale(1.1)}.no-drafts{color:var(--text-secondary);padding:2rem 1rem;text-align:center}.no-drafts p{font-weight:600;margin:0 0 .25rem}.no-drafts small{font-size:.875rem}.drafts-info{border-top:1px solid var(--border-color);padding-top:1rem}.drafts-info p{color:var(--text-secondary);font-size:.75rem;margin:.25rem 0}.report-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 1rem;text-align:center}.info-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.info-value{color:var(--text-primary);font-size:.875rem;font-weight:600}@media (max-width:1024px){.report-form-container{gap:1.5rem;grid-template-columns:1fr}.report-info-panel{order:-1}.drafts-section,.report-info{position:static}}@media (max-width:768px){.report-main-content{padding:5rem 1rem 1rem}.report-form-card{padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{justify-content:center;width:100%}.content-textarea{min-height:300px}.form-row{grid-template-columns:1fr}.admin-header-content{flex-direction:column;gap:1rem;text-align:center}.header-right{justify-content:center}}@media (max-width:480px){.report-main-content{padding:4.5rem .5rem .5rem}.report-form-card{padding:1rem}.report-form-header h2{font-size:1.5rem}.content-textarea{min-height:250px}.draft-item{flex-direction:column;gap:.5rem}.delete-draft-btn{align-self:flex-end}}.drafts-buttons-container{margin-top:15px}.draft-buttons-list{gap:8px;max-height:400px;overflow-y:auto;padding:4px}.draft-button,.draft-buttons-list{display:flex;flex-direction:column}.draft-button{align-items:flex-start;background:var(--card-background);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;gap:4px;padding:12px;position:relative;text-align:left;transition:all .2s ease;width:100%}.draft-button:hover{background:var(--draft-hover);border-color:var(--button-primary);transform:translateY(-1px)}.draft-button.active{background:var(--draft-active);border-color:var(--button-primary)}.draft-button-title{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.draft-button-meta{color:var(--text-secondary);font-size:12px;margin:0;opacity:.8}.current-badge{background:var(--button-success);border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.draft-button .delete-draft-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:12px;opacity:.7;padding:4px;position:absolute;right:8px;top:8px;transition:opacity .2s ease}.draft-button .delete-draft-btn:hover{background:#ef44441a;opacity:1}.loading-drafts{color:var(--text-secondary);padding:2rem 1rem;text-align:center}.loading-drafts p{font-weight:600;margin:0}.modal-content{background:var(--card-background);border:1px solid var(--border-color);box-shadow:0 10px 25px #0003}.modal-header{margin-bottom:15px;padding:20px 20px 0}.modal-header h3{color:var(--text-primary);font-size:1.25rem}.modal-close{color:var(--text-secondary);font-size:24px}.modal-close:hover{background:var(--hover-color)}.modal-body{padding:0 20px}.modal-body p{color:var(--text-primary);line-height:1.5;margin:0 0 15px}.draft-preview-info{background:var(--draft-hover);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;margin-top:10px;padding:10px}.modal-actions{gap:10px;margin-top:15px;padding:20px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.modal-actions .secondary{background:var(--button-secondary);color:#fff}.modal-actions .secondary:hover{background:#4b5563}.modal-actions .primary{background:var(--button-primary);color:#fff}.modal-actions .primary:hover{background:#2563eb}@media (max-width:768px){.draft-button{padding:10px}.draft-button-title{font-size:13px}.modal-content{margin:20px;width:95%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.info-value.email-truncate{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}@media (max-width:768px){.info-value.email-truncate{max-width:120px}}@media (max-width:480px){.info-value.email-truncate{max-width:100px}}.radio-group{flex-direction:column;gap:.75rem}.radio-label{align-items:center;background:var(--input-background);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:.75rem;padding:.5rem;transition:all .2s ease}.radio-label:hover{background:var(--draft-hover);border-color:var(--button-primary)}.radio-label:before{content:none!important;display:none!important}.radio-group input[type=radio]{cursor:pointer;height:18px;margin:0;position:relative;width:18px;z-index:1}.radio-group input[type=radio]:checked{accent-color:var(--button-primary)}.dynamic-fields-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.dynamic-fields-section h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.dynamic-fields-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.wide-modal{max-width:600px!important;width:95%!important}.modal-title{color:var(--text-primary);font-weight:700}.modal-cancel-btn{background:var(--button-secondary);border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.modal-cancel-btn:hover{background:#4b5563}.modal-submit-btn{background:var(--button-success);border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.modal-submit-btn:hover{background:#059669}.edit-form-btn{background-color:#28a745!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;margin-bottom:1rem!important;padding:8px 16px!important;transition:all .2s ease!important}.edit-form-btn:hover{background-color:#218838!important;transform:translateY(-1px)!important}.edit-mode-notice{background:var(--draft-active);border-left:4px solid var(--button-warning);border-radius:6px;color:var(--text-primary);font-size:.9rem;margin:1rem 0;padding:.75rem 1rem}.edit-mode-notice strong{color:var(--button-warning)}.user-role-badge{background:var(--button-primary);border-radius:20px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;margin-top:.5rem;padding:.5rem 1rem}.loading-container{color:var(--text-secondary)}.loading-spinner{border-left:4px solid var(--border-color);border:4px solid var(--border-color);border-left-color:var(--button-primary);height:40px;margin-bottom:1rem;width:40px}.save-edit-btn{background:var(--button-warning)!important;color:#fff!important}.save-edit-btn:hover{background:#d97706!important;transform:translateY(-1px)!important}.report-back-container{margin-bottom:1rem;padding:1rem}.back-button{align-items:center;background:#4080be;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.back-button:hover{background:#3069a3;transform:translateX(-2px)}@media (max-width:768px){.dynamic-fields-grid{gap:.75rem;grid-template-columns:1fr}.dynamic-fields-section{margin:1rem 0;padding:1rem}.radio-group{gap:.5rem}.radio-label{padding:.75rem}}@media (max-width:480px){.dynamic-fields-section h3{font-size:1.1rem}.radio-label{font-size:.9rem}}.admin-report-page.dark .dynamic-fields-section h3,.admin-report-page.dark .form-group label,.admin-report-page.dark .report-form-header h2{color:#fff!important}.admin-report-page.dark .report-form-header p{color:#e5e7eb!important}.admin-report-page.dark .drafts-section h3,.admin-report-page.dark .report-info h3{color:#fff!important}.admin-report-page.dark .info-label{color:#d1d5db!important}.admin-report-page.dark .info-value{color:#fff!important}.admin-report-page.dark .word-count{color:#d1d5db!important}.admin-report-page.dark .modal-content h3,.admin-report-page.dark .modal-content h4,.admin-report-page.dark .modal-content label{color:#fff!important}.admin-report-page.dark .modal-content p{color:#e5e7eb!important}.admin-report-page.dark .draft-button-title{color:#fff!important}.admin-report-page.dark .draft-button-meta{color:#d1d5db!important}.admin-report-page.dark .radio-label{background:#374151!important;border:1px solid #4b5563!important;color:#fff!important}.admin-report-page.dark .radio-label:hover{background:#4b5563!important;border-color:#3b82f6!important}.admin-report-page.dark .edit-mode-notice{background:#1e3a8a!important;color:#e5e7eb!important}.admin-report-page.dark .edit-mode-notice strong{color:#fbbf24!important}.admin-report-page.dark .save-status{color:inherit!important}.admin-report-page.dark .draft-preview-info{background:#374151!important;border-color:#4b5563!important;color:#fff!important}.admin-report-page.dark .drafts-info p,.admin-report-page.dark .loading-container,.admin-report-page.dark .loading-drafts,.admin-report-page.dark .no-drafts p,.admin-report-page.dark .no-drafts small{color:#d1d5db!important}.admin-heatmap-container{background:#f7fafc;margin:0;max-width:100%;min-height:100vh;padding:1rem;transition:all .3s ease;width:100%}.admin-main{background-color:initial;flex-grow:1;padding:2rem;transition:margin-left .3s ease-in-out,width .3s ease-in-out;width:100%}.admin-main.sidebar-open{margin-left:280px;width:calc(100% - 280px)}.admin-main.dark{background-color:#1a202c;color:#f7fafc}@media (max-width:768px){.admin-main,.admin-main.sidebar-open{margin-left:0;padding:1.5rem 1rem;width:100%}}.admin-heatmap-container.dark{background:#1a202c!important;color:#f7fafc}.admin-heatmap-container .admin-heatmap-page{background:#0000}.admin-heatmap-header{align-items:center;background:#fff;border:1px solid #667eea33;border-radius:15px;box-shadow:0 4px 20px #0000001a;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.admin-heatmap-container.dark .admin-heatmap-header{background:#2d3748;border-color:#667eea4d;box-shadow:0 4px 20px #0000004d}.admin-heatmap-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-heatmap-header p{color:#666;font-size:1rem;margin:0;transition:color .3s ease}.admin-heatmap-container.dark .admin-heatmap-header p{color:#cbd5e0}.admin-heatmap-controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.control-section{background:#fff;border:1px solid #667eea26;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:1.25rem;transition:all .3s ease}.admin-heatmap-container.dark .control-section{background:#2d3748;border-color:#667eea40;box-shadow:0 4px 15px #0000004d}.control-section:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.admin-heatmap-container.dark .control-section:hover{box-shadow:0 8px 25px #0006}.control-section h3{border-bottom:2px solid #667eea33;color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;transition:color .3s ease}.admin-heatmap-container.dark .control-section h3{border-bottom-color:#667eea4d;color:#f7fafc}.floor-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.floor-btn{background:#fff;border:2px solid #667eea4d;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-weight:500;min-width:100px;padding:.75rem 1rem;transition:all .3s ease}.admin-heatmap-container.dark .floor-btn{background:#374151;border-color:#667eea66;color:#e2e8f0}.floor-btn:hover{background:#667eea0d;border-color:#667eea99}.admin-heatmap-container.dark .floor-btn:hover{background:#667eea26}.floor-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 15px #667eea4d;color:#fff}.tool-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.tool-btn{align-items:center;background:#fff;border:2px solid #667eea4d;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .3s ease}.admin-heatmap-container.dark .tool-btn{background:#374151;border-color:#667eea66;color:#e2e8f0}.tool-btn:hover{background:#667eea0d;border-color:#667eea99;transform:translateY(-1px)}.admin-heatmap-container.dark .tool-btn:hover{background:#667eea26}.tool-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 15px #667eea4d;color:#fff}.settings-grid{grid-gap:1rem;display:grid;gap:1rem}.setting-item{align-items:center;border-radius:6px;color:#333;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.5rem;transition:all .3s ease}.admin-heatmap-container.dark .setting-item{color:#e2e8f0}.setting-item:hover{background:#667eea0d}.admin-heatmap-container.dark .setting-item:hover{background:#667eea1a}.setting-item input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.setting-item input[type=range]{accent-color:#667eea;flex:1 1;margin:0 .5rem}.setting-item span{color:#666;font-size:.9rem;min-width:40px;transition:color .3s ease}.admin-heatmap-container.dark .setting-item span{color:#a0aec0}.data-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.data-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;text-decoration:none;transition:all .3s ease}.data-btn.export{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.data-btn.import{background:linear-gradient(135deg,#17a2b8,#6610f2);color:#fff;overflow:hidden;position:relative}.data-btn.clear{background:linear-gradient(135deg,#dc3545,#fd7e14);color:#fff}.data-btn.add-map{background:linear-gradient(135deg,#4080be,#3366a3);box-shadow:0 2px 8px #4080be40}.data-btn.delete-map{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 2px 8px #ef44444d}.data-btn:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.admin-heatmap-container.dark .data-btn:hover{box-shadow:0 4px 15px #0006}.admin-map-workspace{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 320px;min-height:500px}.map-display{background:#fff;border:1px solid #667eea26;border-radius:15px;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:all .3s ease}.admin-heatmap-container.dark .map-display{background:#2d3748;border-color:#667eea40;box-shadow:0 4px 20px #0000004d}.map-info{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.map-info-actions{display:flex;flex-direction:column;gap:.75rem}.edit-hotspot-btn,.edit-image-btn{border:none;border-radius:10px;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}.edit-hotspot-btn{background:linear-gradient(135deg,#4080be,#3366a3)}.edit-hotspot-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626)}.edit-image-btn{background:linear-gradient(135deg,#10b981,#059669)}.edit-hotspot-btn:hover,.edit-image-btn:hover{box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.admin-heatmap-container.dark .edit-hotspot-btn,.admin-heatmap-container.dark .edit-image-btn{box-shadow:0 4px 12px #00000073}.map-info h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.map-info p{color:#fff;font-size:.9rem;margin:0;opacity:.9}.interactive-map{background:#f8f9fa;cursor:crosshair;margin:0;overflow:visible;padding:0;position:relative;transition:background .3s ease;width:100%}.admin-heatmap-container.dark .interactive-map{background:#1a202c}.loading-heatmap{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;min-height:500px}.loading-heatmap p{color:#667eea;font-weight:600;letter-spacing:.5px;margin-top:1rem;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border-top-color:#667eea}.map-loading-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;display:flex;justify-content:center;min-height:500px;overflow:hidden;position:relative}.map-loading-container:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.map-loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;z-index:1}.loading-spinner-modern{height:80px;position:relative;width:80px}.spinner-ring-modern{animation:spin-modern 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;border:3px solid #0000;border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}.spinner-ring-modern:first-child{animation-delay:0s;border-top-color:#667eea}.spinner-ring-modern:nth-child(2){animation-delay:-.5s;border-top-color:#764ba2;height:70%;left:15%;top:15%;width:70%}.spinner-ring-modern:nth-child(3){animation-delay:-1s;border-top-color:#a855f7;height:40%;left:30%;top:30%;width:40%}@keyframes spin-modern{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text-modern{color:#667eea;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0;text-align:center}.interactive-map.show-grid{background-image:linear-gradient(#667eea1a 1px,#0000 0),linear-gradient(90deg,#667eea1a 1px,#0000 0);background-size:20px 20px}.map-image{object-fit:contain}.map-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;transition:color .3s ease}.admin-heatmap-container.dark .map-placeholder{color:#cbd5e0}.map-placeholder h3{color:#333;font-size:1.5rem;margin-bottom:.5rem;transition:color .3s ease}.admin-heatmap-container.dark .map-placeholder h3{color:#f7fafc}.grid-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.grid-line{background:#667eea26;position:absolute;width:1px}.grid-line.horizontal{height:1px;width:100%}.hotspot{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 10px #0000004d;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;transform:translate(-50%,-50%);transition:all .3s ease;width:30px}.hotspot.low{background:linear-gradient(135deg,#28a745,#20c997)}.hotspot.medium{background:linear-gradient(135deg,#ffc107,#fd7e14)}.hotspot.high{background:linear-gradient(135deg,#dc3545,#e91e63)}.hotspot:hover{transform:translate(-50%,-50%) scale(1.2);z-index:10}.hotspot-icon{color:#fff;font-size:14px}.hotspot-menu{background:#fff;border-radius:6px;box-shadow:0 4px 15px #0003;left:50%;opacity:0;position:absolute;top:100%;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:20}.hotspot:hover .hotspot-menu{opacity:1;top:calc(100% + 5px);visibility:visible}.hotspot-menu button{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:.8rem;padding:.5rem 1rem;transition:background .2s ease;width:100%}.hotspot-menu button:hover{background:#f8f9fa}.hotspot-menu button:first-child{border-radius:6px 6px 0 0}.hotspot-menu button:last-child{border-radius:0 0 6px 6px}.map-pin{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;display:flex;height:25px;justify-content:center;position:absolute;transform:translate(-50%,-50%);transition:all .3s ease;width:25px}.map-pin.security{background:linear-gradient(135deg,#6610f2,#e83e8c)}.map-pin.emergency{background:linear-gradient(135deg,#dc3545,#fd7e14)}.map-pin.facility{background:linear-gradient(135deg,#17a2b8,#20c997)}.map-pin.inactive{filter:grayscale(100%);opacity:.5}.map-pin:hover{transform:translate(-50%,-50%) scale(1.2);z-index:10}.pin-icon{color:#fff;font-size:12px}.pin-menu{background:#fff;border-radius:6px;box-shadow:0 4px 15px #0003;left:50%;opacity:0;position:absolute;top:100%;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:20}.map-pin:hover .pin-menu{opacity:1;top:calc(100% + 5px);visibility:visible}.pin-menu button{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:.8rem;padding:.5rem 1rem;transition:background .2s ease;width:100%}.pin-menu button:hover{background:#f8f9fa}.pin-menu button:first-child{border-radius:6px 6px 0 0}.pin-menu button:last-child{border-radius:0 0 6px 6px}.data-summary{background:#fff;border:1px solid #667eea26;border-radius:15px;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:all .3s ease}.admin-heatmap-container.dark .data-summary{background:#2d3748;border-color:#667eea40;box-shadow:0 4px 20px #0000004d}.data-summary h3{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.2rem;font-weight:600;margin:0;padding:1.5rem}.summary-section{border-bottom:1px solid #eee;padding:1.5rem;transition:border-color .3s ease}.admin-heatmap-container.dark .summary-section{border-bottom-color:#4a5568}.summary-section:last-child{border-bottom:none}.summary-section h4{align-items:center;color:#333;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem;transition:color .3s ease}.admin-heatmap-container.dark .summary-section h4{color:#f7fafc}.data-list{flex-direction:column;max-height:200px;overflow-y:auto}.data-item,.data-list{display:flex;gap:.75rem}.data-item{align-items:center;background:#f8f9fa;border-left:4px solid #0000;border-radius:8px;padding:.75rem;transition:all .3s ease}.admin-heatmap-container.dark .data-item{background:#374151}.data-item:hover{background:#667eea0d;transform:translateX(5px)}.admin-heatmap-container.dark .data-item:hover{background:#667eea26}.intensity-badge,.type-badge{border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.5px;min-width:60px;padding:.25rem .5rem;text-align:center;text-transform:uppercase;transition:all .3s ease}.intensity-badge.low{background:#d1ecf1;color:#0c5460}.admin-heatmap-container.dark .intensity-badge.low{background:#0d5a6a;color:#a8dce8}.intensity-badge.medium{background:#fff3cd;color:#856404}.admin-heatmap-container.dark .intensity-badge.medium{background:#7d5f15;color:#fce5b5}.intensity-badge.high{background:#f8d7da;color:#721c24}.admin-heatmap-container.dark .intensity-badge.high{background:#8b3a3a;color:#f8d7da}.type-badge.security{background:#e2e3f1;color:#6610f2}.admin-heatmap-container.dark .type-badge.security{background:#4d0fa8;color:#d9d5ff}.type-badge.emergency{background:#f8d7da;color:#721c24}.admin-heatmap-container.dark .type-badge.emergency{background:#8b3a3a;color:#f8d7da}.type-badge.facility{background:#d1ecf1;color:#0c5460}.admin-heatmap-container.dark .type-badge.facility{background:#0d5a6a;color:#a8dce8}.item-actions{gap:.25rem;margin-left:auto}.item-actions button{align-items:center;background:#667eea1a;border:none;border-radius:6px;color:#667eea;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.admin-heatmap-container.dark .item-actions button{background:#667eea26;color:#a5b4fc}.item-actions button:hover{background:#667eea33;transform:scale(1.1)}.admin-heatmap-container.dark .item-actions button:hover{background:#667eea40}.modal-content{animation:modalSlideIn .3s ease-out;border-radius:15px;overflow:hidden;transition:background .3s ease}.admin-heatmap-container.dark .modal-content{background:#2d3748}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);transition:background .3s ease}.admin-heatmap-container.dark .modal-header{background:linear-gradient(135deg,#4c5282,#539)}.modal-close,.modal-header h3{font-size:1.2rem}.modal-close{height:32px;width:32px}.modal-close:hover{background:#ffffff4d}.modal-body{max-height:60vh;overflow-y:auto}.form-group label{color:#333;transition:color .3s ease}.admin-heatmap-container.dark .form-group label{color:#f7fafc}.form-group input,.form-group select{background:#fff;border:2px solid #667eea4d;border-radius:8px;color:#333;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.admin-heatmap-container.dark .form-group input,.admin-heatmap-container.dark .form-group select{background:#374151;border-color:#667eea66;color:#f7fafc}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-heatmap-container.dark .form-group input:focus,.admin-heatmap-container.dark .form-group select:focus{box-shadow:0 0 0 3px #667eea33}.position-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-top:1rem;padding:1rem;transition:all .3s ease}.admin-heatmap-container.dark .position-info{background:#2d3748;border-left-color:#a5b4fc}.position-info p{color:#666;font-size:.9rem;margin:0;transition:color .3s ease}.admin-heatmap-container.dark .position-info p{color:#cbd5e0}.modal-actions{background:#f8f9fa;transition:background .3s ease}.admin-heatmap-container.dark .modal-actions{background:#1a202c}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-cancel{background:#6c757d;color:#fff}.admin-heatmap-container.dark .btn-cancel{background:#4b5563;color:#f7fafc}.btn-cancel:hover{background:#5a6268}.admin-heatmap-container.dark .btn-cancel:hover{background:#5a6673}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-heatmap-container.dark .btn-save{background:linear-gradient(135deg,#4c5282,#539)}.btn-save:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.admin-heatmap-container.dark .btn-save:hover{box-shadow:0 5px 15px #4c52824d}.admin-unauthorized{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:2rem;text-align:center;transition:background .3s ease}.admin-heatmap-container.dark .admin-unauthorized{background:#1a202c}.admin-unauthorized h2{color:#dc3545;font-size:2rem;margin-bottom:1rem;transition:color .3s ease}.admin-heatmap-container.dark .admin-unauthorized h2{color:#f87171}.admin-unauthorized p{color:#666;font-size:1.1rem;margin-bottom:2rem;transition:color .3s ease}.admin-heatmap-container.dark .admin-unauthorized p{color:#cbd5e0}.admin-unauthorized button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.admin-heatmap-container.dark .admin-unauthorized button{background:linear-gradient(135deg,#4c5282,#539)}.admin-unauthorized button:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.admin-heatmap-container.dark .admin-unauthorized button:hover{box-shadow:0 4px 15px #4c52824d}.export-modal{max-height:85vh;max-width:600px;overflow-y:auto}.export-modal .modal-body{padding:1.5rem}.export-modal .form-group{margin-bottom:0}.export-modal label:hover{background-color:#667eea0d}.export-modal input[type=date]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-heatmap-container.dark .export-modal label{background-color:#1e293b;border-color:#334155;color:#e2e8f0}.admin-heatmap-container.dark .export-modal label:hover{background-color:#667eea1a}.admin-heatmap-container.dark .export-modal input[type=date]{background-color:#1e293b;border-color:#334155;color:#e2e8f0}@media (max-width:1200px){.admin-map-workspace{gap:1rem;grid-template-columns:1fr}.data-summary{order:-1}.admin-heatmap-container{padding:.75rem}}@media (max-width:768px){.admin-heatmap-container{padding:.5rem}.admin-heatmap-controls,.data-buttons,.floor-buttons,.tool-buttons{grid-template-columns:1fr}.interactive-map{height:350px}.modal-content{margin:1rem;width:95%}.admin-heatmap-header h1{font-size:1.5rem}}@media (max-width:480px){.admin-heatmap-header h1{font-size:1.25rem}.control-section{padding:1rem}.interactive-map{height:250px}.hotspot,.map-pin{height:24px;width:24px}.hotspot-icon,.pin-icon{font-size:12px}.admin-map-workspace{gap:.75rem}}.page-container{display:flex;flex:1 1;height:90vh!important;overflow:hidden;padding-top:0}.chat-page-redesign,.page-container{flex-direction:row;margin-top:0;width:100%}.chat-page-redesign{background:#f6f6f6;height:100%;min-height:0}.dark-mode .chat-page-redesign{background:#1a1a1a}.sidebar-toggle-btn{background:#1a73e8;border:none;border-radius:0 8px 8px 0;box-shadow:2px 0 8px #0000001a;color:#fff;font-size:.9rem;height:70px;left:0;top:50%;transform:translateY(-50%);width:28px;z-index:2}.sidebar-toggle-btn:hover{background:#1557b0;width:32px}.dark-mode .sidebar-toggle-btn{background:#8ab4f8;color:#202124}.contacts-list{padding:10px}.contact-item{align-items:center;background:var(--background-secondary);border-radius:8px;margin-bottom:8px;padding:10px;transition:all .2s ease}.contact-item:hover{background:var(--hover-color)}.contact-item.active{background:#1a73e8;color:#fff}.dark-mode .contact-item.active{background:#8ab4f8;color:#202124}.contact-avatar{background:#0000001a;font-size:24px;height:40px;margin-right:12px;width:40px}.dark-mode .contact-avatar{background:#ffffff1a}.contact-name{font-weight:700;margin-bottom:4px}.contact-description{font-size:12px;opacity:.7}.no-results{color:#666;padding:20px;text-align:center}.dark-mode .no-results{color:#a0a0a0}.dark-mode .sidebar-toggle-btn:hover{background:#aecbfa}.chat-inbox-sidebar{border-right:1px solid #e0e0e0;flex-shrink:0;height:100%;overflow:hidden;transition:all .3s ease;width:420px}@media (min-width:769px){.chat-inbox-sidebar.open{flex-shrink:0!important;height:100%!important;min-height:100%;width:420px!important}}.chat-inbox-sidebar.closed{border-right:none;opacity:0;pointer-events:none}.chat-inbox-sidebar.open{height:100%;opacity:1;pointer-events:auto;width:420px}.dark-mode .chat-inbox-sidebar{background:#2d2d2d;border-right:1px solid #3a3a3a}.inbox-search-bar{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex!important;flex-shrink:0;height:auto;max-height:none;min-height:45px;opacity:1!important;padding:.6rem .75rem;position:-webkit-sticky;position:sticky;top:0;visibility:visible!important}.dark-mode .inbox-search-bar{background:#2d2d2d;border-bottom:1px solid #3a3a3a}.search-input-wrapper{display:flex;flex-shrink:0;position:relative;width:100%}.search-input{background:#f1f3f4;color:#202124;flex-shrink:0;font-size:.8rem;padding:2rem .75rem!important}.search-input:focus{box-shadow:0 1px 2px #3c404333}.dark-mode .search-input{background:#3a3a3a;border-color:#5f6368;color:#e8eaed}.dark-mode .search-input:focus{background:#2d2d2d;border-color:#8ab4f8}.dark-mode .search-input::placeholder{color:#9aa0a6}.chat-area{height:100%;min-height:0;min-width:0}@media (max-width:768px){.chat-area.hide-on-mobile{display:none!important}}.dark-mode .chat-area{background:#202124}.chat-empty-state{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center}.dark-mode .chat-empty-state{background:#202124}.empty-state-content{padding:3rem 2rem;text-align:center}.empty-icon{font-size:4.5rem}.empty-state-content h2{color:#5f6368;font-size:1.5rem;font-weight:400;margin:0 0 .75rem}.dark-mode .empty-state-content h2{color:#9aa0a6}.empty-state-content p{color:#80868b;font-size:.95rem;line-height:1.6;margin:0}.dark-mode .empty-state-content p{color:#9aa0a6}.chat-header{background:#fff;border-bottom:1px solid #e0e0e0;display:flex!important;flex-shrink:0;height:60px;left:0;min-height:60px;opacity:1!important;padding:3rem 1.25rem!important;position:-webkit-sticky;position:sticky;right:0;top:0;visibility:visible!important;z-index:10}.dark-mode .chat-header{background:#2d2d2d;border-bottom:1px solid #3a3a3a}.chat-header-avatar{color:#fff;flex-shrink:0;font-size:1.1rem}.chat-header-description{color:#fff}.chat-header-details h3{color:#202124;font-size:.95rem;font-weight:600;line-height:1.3;margin:0}.dark-mode .chat-header-details h3{color:#e8eaed}.chat-header-details p{color:#5f6368;font-size:.75rem;margin:.15rem 0 0}.dark-mode .chat-header-details p{color:#9aa0a6}.chat-header-actions{display:flex;gap:.4rem}.header-action-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:background .2s ease;width:32px}.header-action-btn.report-btn{background:#ea4335;border-radius:8px;color:#fff;font-size:.75rem;font-weight:500;gap:.3rem;padding:.4rem .75rem;width:auto}.header-action-btn.report-btn:hover{background:#d33828;transform:scale(1.02)}.header-action-btn:hover{background:#f1f3f4}.dark-mode .header-action-btn{color:#9aa0a6}.dark-mode .header-action-btn.report-btn{background:#f28b82;color:#202124}.dark-mode .header-action-btn.report-btn:hover{background:#f6aea9}.dark-mode .header-action-btn:hover{background:#3a3a3a}.chat-messages-container{background:#fff;flex:1 1 auto;margin-top:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.5rem 2rem;position:relative}.dark-mode .chat-messages-container{background:#202124}.loading-messages{align-items:center;display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:center}.loading-messages .spinner{animation:spin 1s linear infinite;border:3px solid #1a73e833;border-radius:50%;border-top-color:#1a73e8;height:35px;width:35px}.loading-messages p{color:#5f6368;font-size:.85rem;text-align:center}.dark-mode .loading-messages p{color:#9aa0a6}.message{animation:slideIn .3s ease-out;gap:.3rem;width:100%}.user-message{align-items:flex-end}.agent-message{align-items:flex-start}.dark-mode .message-sender-name{color:#e8eaed}.message-header-time{font-size:.75rem}.dark-mode .message-header-time{color:#9aa0a6}.message-content-wrapper{max-width:70%}.agent-message .message-avatar{display:flex}.message-text{word-wrap:break-word;border-radius:16px;box-shadow:0 1px 1px #00000014;display:inline-block;font-size:.95rem;height:-webkit-fit-content;height:fit-content;line-height:1;min-width:60px;overflow-wrap:anywhere;padding:4px 14px;position:relative;width:-webkit-fit-content;width:fit-content}.user-message .message-text{background:linear-gradient(135deg,#0084ff,#06c);border-bottom-right-radius:4px;color:#fff}.agent-message .message-text{background:#969696;border-bottom-left-radius:4px;color:#fff}.dark-mode .user-message .message-text{background:linear-gradient(135deg,#0084ff,#06c);color:#fff}.dark-mode .agent-message .message-text{background:#969696;color:#e4e6eb}.typing-indicator{align-items:center;background:#e8eaed;border-bottom-left-radius:4px;padding:.6rem .85rem}.dark-mode .typing-indicator{background:#3a3a3a}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#5f6368;height:5px;margin:0 2px;width:5px}.dark-mode .typing-indicator span{background:#9aa0a6}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.message-image-container{display:flex;flex-direction:column;gap:.4rem}.message-image{border-radius:10px;cursor:pointer;max-width:260px;transition:transform .2s ease}.message-image:hover{transform:scale(1.02)}.image-caption{font-size:.85rem;line-height:1.4;margin:0}.message-audio-container{align-items:center;display:flex;width:100%}.message-audio{height:36px;outline:none;width:220px}.message-audio::-webkit-media-controls-panel{background:#0000}.user-message .message-audio::-webkit-media-controls-panel{background:#ffffff1a}.agent-message .message-audio::-webkit-media-controls-panel{background:#0000000d}.dark-mode .agent-message .message-audio::-webkit-media-controls-panel{background:#ffffff1a}.chat-input-container{background:#fff;border-top:1px solid #e0e0e0;bottom:0;flex-shrink:0;gap:.6rem;height:56px;justify-content:center;left:0;margin:0 auto;max-width:800px;min-height:56px;padding:.75rem 1.25rem;position:-webkit-sticky;position:sticky;right:0;width:100%;z-index:11}.dark-mode .chat-input-container{background:#2d2d2d;border-top:1px solid #3a3a3a}.input-icon-btn{align-items:flex-end;background:#f6f6f6;border-top:1px solid #e0e0e0;bottom:0;box-sizing:border-box;gap:.5rem;left:0;min-height:70px;padding:.75rem 1.25rem;position:-webkit-sticky;position:sticky;right:0;width:100%;z-index:11}.input-icon-btn:hover{background:#f1f3f4}.dark-mode .input-icon-btn:hover{background:#3a3a3a}.input-icon{height:24px;max-height:24px;max-width:24px;width:24px}.chat-input{background:#ccc;border:1px solid #dadce0;border-radius:22px;color:#202124;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:.95rem;line-height:1.2;max-height:200px;min-height:40px;min-width:0;overflow-y:auto;padding:.6rem 1rem;resize:none;transition:all .2s ease}.chat-input::-webkit-scrollbar{width:4px}.chat-input::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.chat-input:focus{background:#bbb;border-color:#1a73e8;box-shadow:0 1px 2px #1a73e833}.dark-mode .chat-input{background:#3a3a3a;border-color:#5f6368;color:#e8eaed}.dark-mode .chat-input:focus{border-color:#8ab4f8;box-shadow:0 1px 2px #8ab4f84d}.dark-mode .chat-input::placeholder{color:#9aa0a6}.send-button{border-radius:50%;height:40px;padding:.5rem;width:40px}.send-button .input-icon{height:20px;max-height:20px;max-width:20px;width:20px}.dark-mode .send-button{background:#0000}.dark-mode .send-button .input-icon{filter:brightness(0) invert(1);opacity:.7}.dark-mode .send-button:hover:not(:disabled){background:#0000}.dark-mode .send-button:hover:not(:disabled) .input-icon{opacity:1}.dark-mode .send-button:disabled{opacity:.3}.recording-indicator{background:#f1f3f4;border-radius:18px;gap:.75rem;min-width:0;padding:.4rem .85rem}.dark-mode .recording-indicator{background:#3a3a3a}.recording-waveform{flex:1 1;gap:2px;height:28px}.wave-bar{background:#1a73e8;width:2.5px}.dark-mode .wave-bar{background:#8ab4f8}.recording-time{color:#202124;font-size:.85rem;font-weight:600;white-space:nowrap}.dark-mode .recording-time{color:#e8eaed}.recording-delete-btn,.recording-send-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;min-width:32px;transition:all .2s ease;width:32px}.recording-delete-btn{background:#ea4335}.recording-delete-btn:hover{background:#d33828}.recording-send-btn{background:#1a73e8}.recording-send-btn:hover{background:#1557b0}.dark-mode .recording-send-btn{background:#8ab4f8;color:#202124}.camera-modal{inset:0;z-index:10000}.camera-container{background:#202124;max-height:90vh;max-width:90vw;overflow:hidden}.camera-header{background:#2d2d2d;border-bottom:1px solid #3a3a3a;padding:.85rem 1.25rem}.camera-header h3{color:#e8eaed;font-size:1rem}.close-camera-btn{align-items:center;background:#0000;border-radius:50%;color:#e8eaed;display:flex;font-size:1.4rem;height:32px;justify-content:center;transition:background .2s ease;width:32px}.close-camera-btn:hover{background:#3a3a3a}.camera-preview{display:block;height:auto;max-width:600px}.camera-controls{background:#2d2d2d;gap:.85rem;padding:1.25rem}.camera-control-btn{font-size:.9rem;font-weight:600;padding:.65rem 1.75rem}.camera-control-btn.cancel{background:#5f6368;color:#e8eaed}.camera-control-btn.cancel:hover{background:#80868b}.camera-control-btn.capture{background:#1a73e8}.camera-control-btn.capture:hover{background:#1557b0}.chat-messages-container::-webkit-scrollbar,.contacts-list-section::-webkit-scrollbar{width:5px}.chat-messages-container::-webkit-scrollbar-track,.contacts-list-section::-webkit-scrollbar-track{background:#0000}.chat-messages-container::-webkit-scrollbar-thumb,.contacts-list-section::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px}.chat-messages-container::-webkit-scrollbar-thumb:hover,.contacts-list-section::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.dark-mode .chat-messages-container::-webkit-scrollbar-thumb,.dark-mode .contacts-list-section::-webkit-scrollbar-thumb{background:#5f6368}.dark-mode .chat-messages-container::-webkit-scrollbar-thumb:hover,.dark-mode .contacts-list-section::-webkit-scrollbar-thumb:hover{background:#80868b}.contact-type-dropdown{margin-top:10px;width:100%}.contact-select{background:var(--input-background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.contact-select:focus{border-color:var(--primary-color);outline:none}.contact-select option{background:var(--card-background);color:var(--text-primary);padding:8px}@media (max-width:768px){.contact-select{font-size:12px;padding:8px 10px}}.contacts-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dark-mode .contacts-dropdown{background:#2d2d2d;border-color:#3a3a3a;box-shadow:0 4px 12px #0000004d}.contacts-dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:10px 12px;transition:background-color .2s ease}.contacts-dropdown-item:last-child{border-bottom:none}.contacts-dropdown-item:hover{background-color:#f5f5f5}.dark-mode .contacts-dropdown-item{border-bottom-color:#3a3a3a}.dark-mode .contacts-dropdown-item:hover{background-color:#3a3a3a}.contacts-dropdown-avatar{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border-radius:50%;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:32px;justify-content:center;margin-right:10px;width:32px}.contacts-dropdown-info{flex:1 1;min-width:0}.contacts-dropdown-name{color:#202124;font-size:.85rem;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .contacts-dropdown-name{color:#e8eaed}.contacts-dropdown-sub{color:#5f6368;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .contacts-dropdown-sub{color:#9aa0a6}.contacts-dropdown-more{border-top:1px solid #f0f0f0;color:#5f6368;font-size:.75rem;padding:8px 12px;text-align:center}.dark-mode .contacts-dropdown-more{border-top-color:#3a3a3a;color:#9aa0a6}.contacts-dropdown-loading{align-items:center;color:#5f6368;display:flex;font-size:.85rem;gap:10px;justify-content:center;padding:20px 12px}.dark-mode .contacts-dropdown-loading{color:#9aa0a6}.spinner-small{animation:spin .8s linear infinite;border:2px solid #1a73e833;border-radius:50%;border-top-color:#1a73e8;height:18px;width:18px}.dark-mode .spinner-small{border-color:#8ab4f8 #8ab4f833 #8ab4f833}.contacts-dropdown-header{background:#e8f0fe;border-bottom:1px solid #d2e3fc;color:#1a73e8;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.dark-mode .contacts-dropdown-header{background:#1e3a5f;border-bottom-color:#2d4a6f;color:#8ab4f8}.contacts-dropdown-no-results{color:#5f6368;font-size:.85rem;padding:20px 12px;text-align:center}.dark-mode .contacts-dropdown-no-results{color:#9aa0a6}.no-results-icon{font-size:2.5rem;margin-bottom:8px;opacity:.3}.no-results-text{color:#202124;font-weight:500;margin-bottom:6px}.dark-mode .no-results-text{color:#e8eaed}.no-results-hint{color:#5f6368;font-size:.75rem;margin-top:4px}.dark-mode .no-results-hint{color:#9aa0a6}.inbox-search-bar{position:relative;z-index:100}.settings-section{margin-bottom:20px}.settings-section h4{font-size:16px;font-weight:600;margin-bottom:15px}.add-item-btn{background-color:#007bff;padding:8px 16px}.add-item-btn:disabled{background-color:#6c757d}.add-item-btn:hover:not(:disabled){background-color:#0056b3}.items-list{border:1px solid #e9ecef}.item-row{border-bottom:1px solid #f8f9fa;padding:10px 12px}.delete-item-btn{background:none;border-radius:3px;font-size:14px;padding:4px}.delete-item-btn:hover{background-color:#f8f9fa}.admin-dropdown-wrapper{padding:.3rem .75rem .5rem;position:relative}.admin-dropdown-toggle{align-items:center;background:#f1f3f4;border:1px solid #dadce0;border-radius:8px;color:#202124;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;padding:.6rem .85rem;transition:all .2s ease;width:100%}.admin-dropdown-toggle:hover{background:#e8f0fe;border-color:#d2e3fc}.dark-mode .admin-dropdown-toggle{background:#3a3a3a;border-color:#5f6368;color:#e8eaed}.dark-mode .admin-dropdown-toggle:hover{background:#4a4a4a;border-color:#8ab4f8}.dropdown-icon{font-size:1.1rem;margin-right:.5rem}.dropdown-text{text-align:left}.dropdown-arrow{font-size:.7rem}.admin-dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;left:.75rem;margin-top:.3rem;max-height:350px;overflow-y:auto;position:absolute;right:.75rem;top:100%;z-index:1000}.dark-mode .admin-dropdown-menu{background:#2d2d2d;border-color:#3a3a3a;box-shadow:0 4px 12px #0000004d}.admin-dropdown-item{border-bottom:1px solid #f0f0f0;padding:.75rem .85rem;transition:all .2s ease}.admin-dropdown-item:hover{background:#f1f3f4}.admin-dropdown-item.active{background:#e8f0fe;border-left:3px solid #1a73e8}.dark-mode .admin-dropdown-item:hover{background:#3a3a3a}.dark-mode .admin-dropdown-item.active{background:#1e3a5f;border-left-color:#8ab4f8}.admin-dropdown-avatar{align-items:center;display:flex;flex-shrink:0;font-size:1.3rem;height:36px;justify-content:center;margin-right:.75rem;width:36px}.admin-dropdown-info{flex:1 1;min-width:0}.admin-dropdown-name{font-size:.85rem;font-weight:600;margin-bottom:.15rem}.admin-dropdown-desc,.admin-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-dropdown-desc{color:#5f6368;font-size:.7rem}.dark-mode .admin-dropdown-desc{color:#9aa0a6}.admin-dropdown-menu::-webkit-scrollbar{width:5px}.admin-dropdown-menu::-webkit-scrollbar-track{background:#0000}.admin-dropdown-menu::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px}.admin-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.dark-mode .admin-dropdown-menu::-webkit-scrollbar-thumb{background:#5f6368}.dark-mode .admin-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#80868b}@media (max-width:1024px){.chat-inbox-sidebar.open{width:340px}.message-text{max-width:70%}}@media (max-width:768px){.page-container{height:calc(100vh - 60px)}.chat-inbox-sidebar{box-shadow:2px 0 10px #0003;height:100vh;left:0;max-width:320px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:85vw;z-index:1000}.chat-inbox-sidebar.open{max-width:320px;transform:translateX(0);width:85vw}.chat-inbox-sidebar.closed{transform:translateX(-100%)}.sidebar-toggle-btn{border-radius:50%;box-shadow:0 2px 8px #0003;height:36px;left:10px;position:fixed;top:70px;width:36px;z-index:999}.sidebar-toggle-btn:hover{width:36px}.chat-header{height:48px;min-height:48px;padding:.5rem .75rem}.chat-header-avatar{font-size:.9rem;height:28px;width:28px}.chat-header-details h3{font-size:.85rem}.chat-header-details p{font-size:.65rem}.header-action-btn{font-size:.9rem;height:28px;width:28px}.header-action-btn.report-btn{font-size:.7rem;padding:.35rem .6rem}.chat-messages-container{padding:.75rem}.message-text{font-size:.9rem;max-width:75%;padding:.65rem .9rem}.message-avatar{font-size:.8rem;height:24px;width:24px}.chat-input-container{gap:.4rem;padding:.5rem .75rem}.chat-input{font-size:.9rem;padding:.55rem .75rem}.modal-content{margin:5vh auto;max-height:90vh;max-width:95%;width:95%}.camera-preview{max-width:100%;width:100%}.inbox-avatar{font-size:1rem;height:32px;width:32px}.inbox-info h4{font-size:.8rem}.inbox-info p{font-size:.7rem}}@media (max-width:640px){.page-container{height:calc(100vh - 55px)}.chat-page-redesign{overflow:hidden}.chat-inbox-sidebar{max-width:100%;width:90vw}.chat-inbox-sidebar.open{width:90vw}.inbox-search-bar{padding:.5rem .6rem}.search-input{font-size:.85rem;padding:.45rem .65rem}.admin-list-horizontal{padding:.25rem .6rem 0}.admin-chip{font-size:.7rem;padding:.3rem .5rem}.admin-chip-avatar{font-size:.75rem;height:20px;width:20px}.admin-chip-name{font-size:.7rem}.section-title{font-size:.6rem;padding:.4rem .6rem .25rem}.contact-item,.contacts-list-section .inbox-item{padding:.5rem .6rem}.contact-avatar,.inbox-avatar{font-size:.9rem;height:30px;margin-right:.5rem;width:30px}.contact-name,.inbox-info h4{font-size:.75rem}.contact-role,.inbox-info p{font-size:.65rem}.chat-header{height:44px;min-height:44px;padding:.4rem .6rem}.chat-header-info{gap:.5rem}.chat-header-avatar{font-size:.85rem;height:26px;width:26px}.chat-header-details h3{font-size:.8rem}.chat-header-details p{font-size:.6rem}.chat-header-actions{gap:.3rem}.header-action-btn{font-size:.85rem;height:26px;width:26px}.header-action-btn.report-btn{font-size:.65rem;gap:.25rem;padding:.3rem .5rem}.chat-messages-container{padding:.6rem}.message{margin-bottom:.6rem}.message-text{border-radius:14px;font-size:.85rem;max-width:80%;padding:.6rem .8rem}.message-avatar{font-size:.75rem;height:22px;width:22px}.user-message .message-avatar{margin-left:.4rem}.agent-message .message-avatar{margin-right:.4rem}.chat-input-container{gap:.35rem;height:44px;min-height:44px;padding:.45rem .6rem}.input-icon,.input-icon-btn{height:22px;width:22px}.chat-input{font-size:.85rem;height:30px;padding:.5rem .75rem}.send-button{height:30px;padding:.3rem;width:30px}.send-button .input-icon{height:22px;width:22px}.recording-indicator{padding:.35rem .75rem}.recording-time{font-size:.8rem}.recording-delete-btn,.recording-send-btn{font-size:.85rem;height:30px;min-width:30px;width:30px}.camera-header{padding:.7rem 1rem}.camera-header h3{font-size:.9rem}.camera-controls{gap:.75rem;padding:1rem}.camera-control-btn{font-size:.85rem;padding:.6rem 1.5rem}.contacts-dropdown{max-height:250px}.contacts-dropdown-item{padding:8px 10px}.contacts-dropdown-avatar{font-size:.75rem;height:28px;width:28px}.admin-dropdown-menu{max-height:250px}.admin-dropdown-avatar{font-size:.75rem;height:28px;width:28px}.sidebar-toggle-btn{height:34px;left:8px;top:65px;width:34px}}@media (max-width:375px){.page-container{height:calc(100vh - 50px)}.chat-inbox-sidebar,.chat-inbox-sidebar.open{width:95vw}.inbox-search-bar{min-height:40px;padding:.4rem .5rem}.search-input{font-size:.8rem;padding:.4rem .6rem}.section-title{font-size:.55rem;padding:.35rem .5rem .2rem}.admin-chip{font-size:.65rem;padding:.25rem .45rem}.admin-chip-avatar{font-size:.7rem;height:18px;width:18px}.contact-avatar,.inbox-avatar{font-size:.85rem;height:28px;margin-right:.45rem;width:28px}.contact-name,.inbox-info h4{font-size:.7rem}.contact-role,.inbox-info p{font-size:.6rem}.chat-header{height:42px;min-height:42px;padding:.35rem .5rem}.chat-header-avatar{font-size:.8rem;height:24px;width:24px}.chat-header-details h3{font-size:.75rem}.chat-header-details p{font-size:.55rem}.header-action-btn{font-size:.8rem;height:24px;width:24px}.header-action-btn.report-btn{font-size:.6rem;padding:.25rem .45rem}.chat-messages-container{padding:.5rem}.message{margin-bottom:.5rem}.message-text{border-radius:12px;font-size:.8rem;max-width:85%;padding:.55rem .75rem}.message-avatar{font-size:.7rem;height:20px;width:20px}.chat-input-container{gap:.3rem;height:42px;min-height:42px;padding:.4rem .5rem}.input-icon,.input-icon-btn{height:20px;width:20px}.chat-input{font-size:.8rem;height:28px;padding:.45rem .65rem}.send-button{height:28px;padding:.25rem;width:28px}.send-button .input-icon{height:20px;width:20px}.sidebar-toggle-btn{font-size:.85rem;height:32px;left:6px;top:60px;width:32px}.empty-icon{font-size:3rem}.empty-state-content h2{font-size:1rem}.empty-state-content p{font-size:.8rem}}@media (max-width:320px){.chat-header-details h3{font-size:.7rem}.chat-header-details p{display:none}.message-text{font-size:.75rem;padding:.5rem .7rem}.chat-input{font-size:.75rem;padding:.4rem .6rem}.contact-role,.header-action-btn.report-btn span,.inbox-info p{display:none}.admin-chip-name{font-size:.6rem}}@media (max-height:500px) and (orientation:landscape){.chat-inbox-sidebar{max-width:300px;width:40vw}.chat-inbox-sidebar.open{width:40vw}.chat-messages-container{padding:.5rem}.message{margin-bottom:.4rem}.chat-header{height:40px;min-height:40px;padding:.3rem .6rem}.chat-input-container{height:40px;min-height:40px;padding:.35rem .6rem}}@media (max-width:768px){.notification-settings-popup{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;left:50%;max-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10001}.dark-mode .notification-settings-popup{background:#2d2d2d}.notification-settings-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem}.dark-mode .notification-settings-header{border-bottom-color:#3a3a3a}.notification-settings-header h4{color:#202124;font-size:1rem;margin:0}.dark-mode .notification-settings-header h4{color:#e8eaed}.popup-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:background .2s ease;width:32px}.popup-close-btn:hover{background:#f1f3f4}.dark-mode .popup-close-btn{color:#9aa0a6}.dark-mode .popup-close-btn:hover{background:#3a3a3a}.notification-settings-content{padding:1.5rem 1rem}.notification-setting-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.75rem}.notification-setting-item input[type=checkbox]{cursor:pointer;height:20px;width:20px}.setting-label{color:#202124;font-size:.95rem;font-weight:500}.dark-mode .setting-label{color:#e8eaed}.setting-description{color:#5f6368;font-size:.85rem;line-height:1.4}.dark-mode .setting-description{color:#9aa0a6}.notification-settings-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:1rem}.dark-mode .notification-settings-footer{border-top-color:#3a3a3a}.save-settings-btn{background:#1a73e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;transition:background .2s ease}.save-settings-btn:hover{background:#1557b0}.dark-mode .save-settings-btn{background:#8ab4f8;color:#202124}.dark-mode .save-settings-btn:hover{background:#aecbfa}}.message-text{box-shadow:0 1px 2px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.message-text:hover{box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.user-message .message-text{background:linear-gradient(135deg,#1a73e8,#1557b0)}.dark-mode .user-message .message-text{background:linear-gradient(135deg,#8ab4f8,#aecbfa)}.admin-chip,.contact-item,.inbox-item{transition:all .2s ease}.contact-item:active,.inbox-item:active{transform:scale(.98)}.header-action-btn,.input-icon-btn,.send-button{transition:all .2s ease}.header-action-btn:active,.input-icon-btn:active,.send-button:active{transform:scale(.95)}.chat-inbox-sidebar,.sidebar-toggle-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.admin-chip,.contact-item,.header-action-btn,.inbox-item,.input-icon-btn,.send-button{min-height:44px;min-width:44px}.admin-chip{min-height:36px;min-width:auto}.chat-page-redesign:before{background:#00000080;content:"";inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:999}}@media (max-width:768px){.chat-inbox-sidebar.open~.chat-page-redesign:before,body:has(.chat-inbox-sidebar.open):before{opacity:1;pointer-events:auto}}.gmail-section{background:#fff;border-bottom:1px solid #e0e0e0}.dark-mode .gmail-section{background:#2d2d2d;border-bottom-color:#3a3a3a}.gmail-section-header{align-items:center;cursor:pointer;display:flex;padding:.6rem .75rem;transition:background .2s ease;-webkit-user-select:none;user-select:none}.gmail-section-header:hover{background:#f1f3f4}.dark-mode .gmail-section-header:hover{background:#3a3a3a}.section-arrow{color:#5f6368;display:inline-block;font-size:.7rem;margin-right:.5rem;transition:transform .2s ease;width:14px}.dark-mode .section-arrow{color:#9aa0a6}.section-label{color:#202124;font-size:.75rem;font-weight:600;text-transform:capitalize}.dark-mode .section-label{color:#e8eaed}.gmail-section-content{background:#fff}.dark-mode .gmail-section-content{background:#2d2d2d}.gmail-item{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;padding:.5rem .75rem .5rem 2rem;text-align:left;transition:background .2s ease;width:100%}.gmail-item:hover{background:#f1f3f4}.gmail-item.active{background:#e8f0fe;border-left-color:#1a73e8}.dark-mode .gmail-item{background:#2d2d2d;color:#e8eaed}.dark-mode .gmail-item:hover{background:#3a3a3a}.dark-mode .gmail-item.active{background:#1e3a5f;border-left-color:#8ab4f8}.gmail-item-avatar,.gmail-item-icon{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:28px;justify-content:center;margin-right:.6rem;min-width:28px;width:28px}.gmail-item-icon{background:none;font-size:1.2rem}.gmail-item-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.gmail-item-name,.gmail-item-text{color:#202124;font-size:.8rem;font-weight:500;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .gmail-item-name,.dark-mode .gmail-item-text{color:#e8eaed}.gmail-item-desc{color:#5f6368;font-size:.7rem;line-height:1.2;margin:.1rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .gmail-item-desc{color:#9aa0a6}.gmail-empty-state{padding:1rem .75rem 1rem 2rem;text-align:left}.gmail-empty-state p{color:#5f6368;font-size:.75rem;font-style:italic;margin:0}.dark-mode .gmail-empty-state p{color:#9aa0a6}.gmail-show-all-btn{align-items:center;background:none;border:none;color:#1a73e8;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;padding:.5rem .75rem .5rem 2rem;text-align:left;transition:background .2s ease;width:100%}.gmail-show-all-btn:hover{background:#f1f3f4}.dark-mode .gmail-show-all-btn{color:#8ab4f8}.dark-mode .gmail-show-all-btn:hover{background:#3a3a3a}.admin-role-container{position:relative}.admin-count-badge{background:#1a73e8;border-radius:10px;color:#fff;display:inline-block;font-size:.65rem;font-weight:600;margin-left:.4rem;padding:.1rem .4rem}.dark-mode .admin-count-badge{background:#8ab4f8;color:#202124}.dropdown-arrow{color:#5f6368;font-size:.65rem;margin-left:auto;transition:transform .2s ease}.dark-mode .dropdown-arrow{color:#9aa0a6}.admin-dropdown{animation:slideDown .2s ease;background:#fff;border-left:3px solid #1a73e8;border-radius:0 4px 4px 0;box-shadow:inset 0 1px 3px #0000000d;margin-bottom:.3rem;margin-left:2rem;margin-top:.2rem;overflow:hidden;position:relative}.dark-mode .admin-dropdown{background:#2a2a2a;border-left-color:#8ab4f8;box-shadow:inset 0 1px 3px #0000004d}.admin-dropdown-item{align-items:center;border-bottom:1px solid #f1f3f4;cursor:pointer;display:flex;padding:.6rem .75rem .6rem 1rem;transition:background .2s ease}.admin-dropdown-item:last-child{border-bottom:none}.admin-dropdown-item:hover{background:#e8f0fe}.dark-mode .admin-dropdown-item{border-bottom-color:#3a3a3a}.dark-mode .admin-dropdown-item:hover{background:#1e3a5f}.admin-dropdown-icon{align-items:center;background:#f1f3f4;border-radius:50%;display:flex;font-size:1rem;height:24px;justify-content:center;margin-right:.6rem;width:24px}.dark-mode .admin-dropdown-icon{background:#3a3a3a}.admin-dropdown-name{color:#202124;font-size:.8rem;font-weight:500}.dark-mode .admin-dropdown-name{color:#e8eaed}.shortcuts-section{order:1}.direct-messages-section{order:2}.parents-section{order:3}.edit-report-types-item{border-bottom:1px solid #e0e0e0;margin-bottom:.3rem}.dark-mode .edit-report-types-item{border-bottom-color:#3a3a3a}.edit-report-types-item .gmail-item{font-weight:500;padding:.6rem .75rem .6rem 2rem}.edit-report-types-item .gmail-item:hover{background:#e8f0fe}.dark-mode .edit-report-types-item .gmail-item:hover{background:#1e3a5f}@media (max-width:768px){.gmail-section-header{padding:.5rem .6rem}.section-arrow{font-size:.65rem;margin-right:.4rem}.section-label{font-size:.7rem}.gmail-item{padding:.45rem .6rem .45rem 1.75rem}.gmail-item-avatar,.gmail-item-icon{font-size:.75rem;height:26px;margin-right:.5rem;min-width:26px;width:26px}.gmail-item-name,.gmail-item-text{font-size:.75rem}.gmail-item-desc{font-size:.65rem}.gmail-show-all-btn{font-size:.7rem;padding:.45rem .6rem .45rem 1.75rem}.gmail-empty-state{padding:.75rem .6rem .75rem 1.75rem}.gmail-empty-state p{font-size:.7rem}}@media (max-width:640px){.gmail-item{padding:.4rem .5rem .4rem 1.5rem}.gmail-item-avatar,.gmail-item-icon{font-size:.7rem;height:24px;min-width:24px;width:24px}.gmail-item-name,.gmail-item-text{font-size:.7rem}.gmail-item-desc{font-size:.6rem}}@media (max-width:375px){.section-label{font-size:.65rem}.gmail-item{padding:.35rem .45rem .35rem 1.3rem}.gmail-item-avatar,.gmail-item-icon{font-size:.65rem;height:22px;margin-right:.45rem;min-width:22px;width:22px}.gmail-item-name,.gmail-item-text{font-size:.65rem}.gmail-item-desc{font-size:.55rem}}.header-actions-dropdown{display:inline-block;position:relative}.notification-settings-popup{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #00000026;margin-top:8px;position:absolute;right:0;top:100%;width:280px;z-index:1000}.dark-mode .notification-settings-popup{background:#2d2d2d;border-color:#3a3a3a;box-shadow:0 4px 20px #0000004d}.notification-settings-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.25rem .75rem}.dark-mode .notification-settings-header{border-bottom-color:#3a3a3a}.notification-settings-header h4{color:#202124;font-size:.95rem;font-weight:600;margin:0}.dark-mode .notification-settings-header h4{color:#e8eaed}.popup-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;transition:background .2s ease;width:28px}.popup-close-btn:hover{background:#f1f3f4}.dark-mode .popup-close-btn{color:#9aa0a6}.dark-mode .popup-close-btn:hover{background:#3a3a3a}.notification-settings-content{padding:1rem 1.25rem}.notification-setting-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.75rem;padding:.5rem 0}.notification-setting-item input[type=checkbox]{accent-color:#1a73e8;cursor:pointer;height:18px;width:18px}.dark-mode .notification-setting-item input[type=checkbox]{accent-color:#8ab4f8}.setting-label{color:#202124;font-size:.9rem;font-weight:500;-webkit-user-select:none;user-select:none}.dark-mode .setting-label{color:#e8eaed}.setting-description{background:#f8f9fa;border-radius:8px;color:#5f6368;font-size:.8rem;line-height:1.4;margin-top:.5rem;padding:.75rem}.dark-mode .setting-description{background:#3a3a3a;color:#9aa0a6}.notification-settings-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:.75rem 1.25rem 1rem}.dark-mode .notification-settings-footer{border-top-color:#3a3a3a}.save-settings-btn{background:#1a73e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease}.save-settings-btn:hover{background:#1557b0;transform:translateY(-1px)}.dark-mode .save-settings-btn{background:#8ab4f8;color:#202124}.dark-mode .save-settings-btn:hover{background:#aecbfa}@media (max-width:768px){.notification-settings-popup{left:50%;margin-top:0;max-width:320px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}.header-actions-dropdown{position:static}}.dark-mode .modal-body .form-group label{color:#fff!important}.dark-mode .form-group,.dark-mode .form-group input,.dark-mode .form-group select{background:#3a3a3a;border-color:#5f6368;color:#e8eaed}.dark-mode .modal-actions{background:#2d2d2d;border-top-color:#3a3a3a}.admin-chat-wrapper.sidebar-open{margin-left:380px;transition:margin-left .3s ease,width .3s ease;width:calc(100% - 380px)}@media (max-width:1200px){.admin-chat-wrapper.sidebar-open{margin-left:340px;width:calc(100% - 340px)}}@media (max-width:992px){.admin-chat-wrapper.sidebar-open{margin-left:300px;width:calc(100% - 300px)}}@media (max-width:768px){.admin-chat-wrapper.sidebar-open{margin-left:0;width:100%}}@media (max-width:1200px){.admin-chat-wrapper.sidebar-open{margin-left:340px}}@media (max-width:992px){.admin-chat-wrapper.sidebar-open{margin-left:300px}}@media (max-width:768px){.admin-chat-wrapper.sidebar-open{margin-left:0}}.chat-page-redesign{background-color:#f0f2f5;display:flex;font-family:Google Sans,Roboto,Arial,sans-serif;height:100vh;position:relative}.admin-chat-wrapper.dark{background:#18191a}.sidebar-toggle-btn{border:1px solid #dadce0;box-shadow:0 1px 3px #0000001f;color:#5f6368;display:flex;font-size:14px;left:10px;position:absolute;transition:all .3s ease}.sidebar-toggle-btn:hover{background:#f8f9fa;box-shadow:0 2px 8px #00000026}.chat-inbox-sidebar{background:#fff;border-right:1px solid #dadce0;display:flex;flex-direction:column;height:100vh;position:relative;transition:transform .3s ease;width:380px;z-index:100}.chat-inbox-sidebar.closed{transform:translateX(-100%);width:0}.chat-inbox-sidebar.open{transform:translateX(0)}.search-section{background:#fff;border-bottom:1px solid #e8eaed;padding:16px}.search-container{position:relative}.search-input{background:#f8f9fa;border:1px solid #dadce0;border-radius:24px;font-size:14px;padding:12px 16px}.search-input:focus{background:#fff;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.admin-list-section{flex:1 1;overflow-y:auto;padding:8px 0}.admin-chips-container{display:flex;flex-direction:column;gap:4px;padding:0 8px}.admin-chip{align-items:center;background:#0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;min-height:72px;padding:12px 16px;transition:all .2s ease}.admin-chip:hover{background:#f8f9fa}.admin-chip.active{background:#e8f0fe;border-left:3px solid #1a73e8}.admin-avatar{flex-shrink:0;position:relative}.admin-avatar img{border-radius:50%;height:40px;object-fit:cover;width:40px}.admin-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.admin-name{color:#3c4043;font-size:14px;font-weight:500}.admin-name,.admin-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-preview{color:#5f6368;font-size:13px;max-width:200px}.admin-timestamp{color:#5f6368;flex-shrink:0;font-size:12px;min-width:60px;text-align:right}.unread-badge{align-items:center;background:#ea4335;border:2px solid #fff;border-radius:50%;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;position:absolute;right:-4px;top:-4px}.chat-area{background:#fff;display:flex;flex:1 1;flex-direction:column;height:100vh;position:relative}.admin-chat-wrapper{background:#f0f2f5}.admin-chat-container,.admin-chat-wrapper{width:100%}.admin-chat-container,.admin-chat-sidebar,.admin-chat-wrapper{display:flex;height:100%;max-height:100%;overflow:hidden;position:relative}.admin-chat-sidebar{background:#fff;border-right:1px solid #e4e6eb;flex-direction:column;flex-shrink:0;width:380px}.dark .admin-chat-sidebar{background:#242526;border-right:1px solid #3a3b3c}.admin-chat-sidebar:after{content:none}.admin-chat-search{align-items:center;background:#fff;border-bottom:1px solid #e4e6eb;display:flex;flex-shrink:0;gap:8px;padding:8px 12px}.dark .admin-chat-search{background:#242526;border-bottom:1px solid #3a3b3c}.search-input{background:#f0f2f5;border:none;border-radius:18px;color:#050505;flex:1 1;font-size:.85rem;outline:none;padding:6px 10px;transition:all .2s ease}.dark .search-input{background:#3a3b3c;color:#e4e6eb}.search-input:focus{background:#e4e6eb}.dark .search-input:focus{background:#4e4f50}.search-input::placeholder{color:#65676b}.dark .search-input::placeholder{color:#b0b3b8}.section-title{color:#65676b;flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin:8px 0 6px;padding:0 12px;text-transform:uppercase}.dark .section-title{color:#b0b3b8}.contacts-section{max-height:100%;overflow:hidden}.contacts-list,.contacts-section{display:flex;flex:1 1;flex-direction:column;min-height:0}.contacts-list{overflow-x:hidden;overflow-y:auto}.contacts-list::-webkit-scrollbar{width:5px}.contacts-list::-webkit-scrollbar-track{background:#f0f2f5;border-radius:3px}.dark .contacts-list::-webkit-scrollbar-track{background:#3a3b3c}.contacts-list::-webkit-scrollbar-thumb{background:#ccd0d5;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.dark .contacts-list::-webkit-scrollbar-thumb{background:#4e4f50}.contacts-list::-webkit-scrollbar-thumb:hover{background:#b0b3b8}.dark .contacts-list::-webkit-scrollbar-thumb:hover{background:#5a5b5c}.contacts-list{scrollbar-color:#ccd0d5 #f0f2f5;scrollbar-width:thin}.dark .contacts-list{scrollbar-color:#4e4f50 #3a3b3c}.no-contacts{color:#65676b;font-size:.8rem;padding:20px 12px;text-align:center}.dark .no-contacts{color:#b0b3b8}.contact-item{align-items:flex-start;cursor:pointer;display:flex;flex-shrink:0;gap:8px;padding:8px 12px;position:relative;transition:background .2s ease}.contact-item:hover{background:#f0f2f5}.dark .contact-item:hover{background:#3a3b3c}.contact-item.selected{background:#e7f3ff}.dark .contact-item.selected{background:#263951}.contact-avatar{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border-radius:50%;display:flex;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;margin-top:1px;width:44px}.contact-info{flex:1 1;min-width:0;padding-top:2px}.contact-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3px}.contact-name{color:#050505;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .contact-name{color:#e4e6eb}.contact-unread-badge{background:#0084ff;border-radius:10px;color:#fff;font-size:.65rem;font-weight:600;min-width:16px;padding:2px 6px;text-align:center}.contact-last-message{color:#65676b;font-size:.8rem;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .contact-last-message{color:#b0b3b8}.contact-timestamp{color:#65676b;font-size:.7rem}.dark .contact-timestamp{color:#b0b3b8}.sidebar-toggle-btn{align-items:center;background:#fff;border:1px solid #e4e6eb;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:none;flex-direction:column;gap:4px;height:40px;justify-content:center;left:20px;position:fixed;top:20px;width:40px;z-index:1000}.sidebar-toggle-btn span{background:#050505;border-radius:2px;height:2px;transition:all .3s ease;width:20px}.admin-chat-main{background:#fff;display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;overflow:hidden}.dark .admin-chat-main{background:#18191a}.admin-chat-header-bar{align-items:center;background:#fff;border-bottom:1px solid #e4e6eb;box-shadow:0 1px 2px #0000000a;display:flex;flex-shrink:0;justify-content:space-between;min-height:56px;padding:8px 16px}.dark .admin-chat-header-bar{background:#242526;border-bottom:1px solid #3a3b3c;box-shadow:0 1px 2px #0003}.chat-header-info{gap:8px}.chat-header-avatar{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border-radius:50%;display:flex;font-size:1.2rem;height:36px;justify-content:center;width:36px}.chat-header-details{display:flex;flex-direction:column}.chat-header-name{color:#050505;font-size:.95rem;font-weight:600;line-height:1.3;margin:0}.dark .chat-header-name{color:#e4e6eb}.chat-header-role{color:#65676b;font-size:.75rem;margin:2px 0 0}.dark .chat-header-role{color:#b0b3b8}.admin-messages-area{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative}.dark .admin-messages-area{background:#18191a}.admin-messages-area::-webkit-scrollbar{width:4px}.admin-messages-area::-webkit-scrollbar-track{background:#0000}.admin-messages-area::-webkit-scrollbar-thumb{background:#0000;border-radius:2px;-webkit-transition:background .3s ease;transition:background .3s ease}.admin-messages-area:hover::-webkit-scrollbar-thumb{background:#0003}.dark .admin-messages-area:hover::-webkit-scrollbar-thumb{background:#fff3}.admin-messages-area::-webkit-scrollbar-thumb:hover{background:#0006}.dark .admin-messages-area::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.admin-messages-area{scrollbar-color:#0000 #0000;scrollbar-width:thin}.admin-messages-area:hover{scrollbar-color:#0003 #0000}.dark .admin-messages-area:hover{scrollbar-color:#fff3 #0000}.admin-messages-area{scroll-behavior:smooth}.admin-messages-area::-webkit-scrollbar-thumb:active{background:#00000080}.admin-message{animation:slideIn .3s ease-out;display:flex;flex-direction:column;flex-shrink:0;gap:.3rem;margin-bottom:1rem;padding:0 12px;width:100%}.admin-message.user-message{align-items:flex-end}.admin-message.admin-message-bubble{align-items:flex-start}.message-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem;padding:0 .5rem}.user-message .message-header{flex-direction:row-reverse}.message-sender-name{color:#3c4043;font-size:.85rem;font-weight:600}.dark .message-sender-name{color:#e8eaed}.message-header-time{color:#5f6368;font-size:.78rem}.dark .message-header-time{color:#9aa0a6}.message-content-wrapper{align-items:flex-start;display:flex;gap:.5rem}.user-message .message-content-wrapper{flex-direction:row-reverse}.message-avatar{height:36px;width:36px}.user-message .message-avatar{display:none}.admin-message-bubble .message-avatar{display:flex}.message-content{box-shadow:0 1px 2px #0000001a;display:inline-block;font-size:.95rem;height:-webkit-fit-content;height:fit-content;line-height:1;min-width:50px;overflow-wrap:anywhere;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.user-message .message-content{background:linear-gradient(135deg,#0084ff,#06c);border-bottom-right-radius:4px;color:#fff;padding:4px 14px}.admin-message-bubble .message-content{background:#969696;border-bottom-left-radius:4px;color:#fff;padding:4px 14px}.dark .admin-message-bubble .message-content{background:#969696;color:#e4e6eb}.no-messages-state{align-items:center;color:#65676b;display:flex;flex-direction:column;height:100%;justify-content:center}.dark .no-messages-state{color:#b0b3b8}.no-messages-icon{font-size:3.5rem;margin-bottom:10px;opacity:.3}.no-messages-state p{font-size:.85rem}.admin-chat-input-area{align-items:center;background:#fff;border-top:1px solid #e4e6eb;display:flex;flex-shrink:0;gap:.5rem;justify-content:center;margin:0 auto;max-width:800px;min-height:60px;padding:.75rem 1rem;width:100%}.dark .admin-chat-input-area{background:#242526;border-top:1px solid #3a3b3c}.input-icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;line-height:1;min-width:36px;padding:0;transition:all .2s ease;width:36px}.input-icon-btn:hover{background:#f0f2f5}.dark .input-icon-btn:hover{background:#3a3b3c}.input-icon{height:20px;object-fit:contain;opacity:.7;transition:opacity .2s ease;width:20px}.input-icon-btn:hover .input-icon{opacity:1}.message-input{background:#ccc;border:none;border-radius:20px;color:#050505;flex:1 1;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:.95rem;line-height:1.2;max-height:200px;min-height:40px;min-width:0;outline:none;overflow-y:auto;padding:10px 14px;resize:none;transition:all .2s ease}.dark .message-input{background:#3a3b3c;color:#e4e6eb}.message-input::-webkit-scrollbar{width:4px}.message-input::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.dark .message-input::-webkit-scrollbar-thumb{background:#4e4f50}.message-input:focus{background:#bbb}.dark .message-input:focus{background:#4e4f50}.message-input:disabled{cursor:not-allowed;opacity:.6}.message-input::placeholder{color:#65676b}.dark .message-input::placeholder{color:#b0b3b8}.send-button{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:44px;justify-content:center;transition:all .2s ease;width:60px}.send-button .input-icon{filter:brightness(0);opacity:.7}.dark .send-button .input-icon{filter:brightness(0) invert(1)}.send-button:hover:not(:disabled){background:#0000;transform:scale(1.1)}.send-button:hover:not(:disabled) .input-icon{opacity:1}.send-button:disabled{cursor:not-allowed;opacity:.3;transform:none}@keyframes fadeInScrollbar{0%{opacity:0}to{opacity:1}}.admin-messages-area:hover::-webkit-scrollbar-thumb{animation:fadeInScrollbar .3s ease-in-out}.no-conversation-selected{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:30px;text-align:center}.no-conversation-icon{font-size:4rem;margin-bottom:16px;opacity:.2}.no-conversation-selected h2{color:#050505;font-size:1.3rem;margin:0 0 8px}.dark .no-conversation-selected h2{color:#e4e6eb}.no-conversation-selected p{color:#65676b;font-size:.9rem;margin:0;max-width:380px}.dark .no-conversation-selected p{color:#b0b3b8}.admin-main:has(.admin-chat-wrapper){height:calc(100vh - 65px);max-width:100%!important;overflow:hidden}.admin-dashboard:has(.admin-chat-wrapper){height:100vh;overflow:hidden}.admin-chat-sidebar>.search-icon{display:none}body:has(.admin-chat-wrapper),html:has(.admin-chat-wrapper){max-height:100vh!important;position:relative}.admin-dashboard:has(.admin-chat-wrapper){max-height:100vh!important;min-height:0!important;min-height:auto!important}.admin-main:has(.admin-chat-wrapper){margin:0!important;max-height:calc(100vh - 65px)!important}.admin-chat-sidebar .search-icon:not(.admin-chat-search .search-icon){display:none!important;opacity:0!important;visibility:hidden!important}.camera-modal{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.camera-container{background:#fff;border-radius:12px;display:flex;flex-direction:column;gap:16px;max-width:600px;padding:20px;width:90%}.dark .camera-container{background:#242526}.camera-header{align-items:center;display:flex;justify-content:space-between}.camera-header h3{color:#050505;font-size:1.2rem;margin:0}.dark .camera-header h3{color:#e4e6eb}.close-camera-btn{background:none;border:none;color:#65676b;cursor:pointer;font-size:1.5rem;transition:color .2s ease}.dark .close-camera-btn{color:#b0b3b8}.close-camera-btn:hover{color:#050505}.dark .close-camera-btn:hover{color:#e4e6eb}.camera-preview{background:#000;border-radius:8px;width:100%}.camera-controls{display:flex;gap:12px;justify-content:center}.camera-control-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.camera-control-btn.cancel{background:#e4e6eb;color:#050505}.dark .camera-control-btn.cancel{background:#3a3b3c;color:#e4e6eb}.camera-control-btn.cancel:hover{background:#d8dadf}.dark .camera-control-btn.cancel:hover{background:#4e4f50}.camera-control-btn.capture{background:#0084ff;color:#fff}.camera-control-btn.capture:hover{background:#0073e6}.recording-delete-btn{align-items:center;background:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;min-width:44px;padding:0;transition:all .2s ease;width:44px}.recording-delete-btn:hover{background:#c00;transform:scale(1.05)}.recording-indicator{align-items:center;background:#f0f2f5;border-radius:20px;display:flex;flex:1 1;gap:12px;min-height:40px;padding:0 16px}.dark .recording-indicator{background:#3a3b3c}.recording-waveform{align-items:center;display:flex;gap:3px;height:24px}.wave-bar{animation:wave 1.2s ease-in-out infinite;background:#0084ff;border-radius:2px;width:3px}.wave-bar:first-child{animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}.wave-bar:nth-child(6){animation-delay:.5s}.wave-bar:nth-child(7){animation-delay:.6s}.wave-bar:nth-child(8){animation-delay:.7s}@keyframes wave{0%,to{height:8px}50%{height:24px}}.recording-time{color:#050505;font-size:.9rem;font-weight:500;min-width:40px}.dark .recording-time{color:#e4e6eb}.recording-send-btn{align-items:center;background:#0084ff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;transition:all .2s ease;width:44px}.recording-send-btn:hover{background:#0073e6;transform:scale(1.05)}.message-image-container{border-radius:8px;max-width:100%;overflow:hidden}.message-image{border-radius:8px;display:block;height:auto;max-width:300px;width:100%}.image-caption{font-size:.9rem;padding:8px 12px}.message-audio-container{padding-top:4px}.message-audio{border-radius:20px;height:40px;width:250px}.message-audio::-webkit-media-controls-panel{background:#ffffff1a}.user-message .message-audio::-webkit-media-controls-panel{background:#fff3}.admin-message-bubble .message-audio::-webkit-media-controls-panel{background:#0000000d}.dark .admin-message-bubble .message-audio::-webkit-media-controls-panel{background:#ffffff1a}@media (min-width:375px) and (max-width:450px){.admin-chat-wrapper{background:#f0f2f5;margin:0!important;padding:0!important;width:100vw!important}.admin-chat-container{flex-direction:row;height:calc(100vh - 70px);margin:0;padding:0;width:100vw}.admin-chat-sidebar{border-right:none;box-shadow:4px 0 12px #0003;height:calc(100vh - 70px);left:-100%;max-width:300px;overflow-y:auto;position:fixed;top:70px;transition:left .3s ease;width:80vw;z-index:1001}.admin-chat-sidebar.open,.chat-sidebar-open .admin-chat-sidebar{left:0}.admin-chat-main{flex:1 1;height:calc(100vh - 70px);margin:0!important;width:100vw!important}.admin-chat-header-bar{min-height:50px;width:100%}.admin-messages-area{height:calc(100vh - 180px);padding:10px 8px;width:100%}.admin-chat-input-area{max-width:100%;width:100%}.sidebar-toggle-btn{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:50%;box-shadow:0 2px 8px #00000040;display:flex!important;flex-direction:column;gap:3px;height:40px;justify-content:center;left:10px;padding:0;position:fixed;top:80px;width:40px;z-index:1000}.sidebar-toggle-btn span{background:#fff;border-radius:2px;display:block;height:2px;width:16px}.chat-sidebar-open:after{background:#00000080;bottom:0;content:"";left:0;position:fixed;right:0;top:70px;z-index:1000}.search-section{gap:4px;padding:8px}.search-container{flex:1 1}.search-input{border-radius:18px;font-size:12px;padding:8px 10px}.section-title{font-size:.6rem;letter-spacing:.3px;margin:5px 0 3px;padding:0 6px}.contacts-list{gap:2px;max-height:200px;overflow-y:auto}.contact-item{gap:6px;min-height:50px;padding:6px 8px}.contact-avatar{flex-shrink:0;font-size:1rem;height:34px;width:34px}.contact-info{gap:2px;min-width:0}.contact-name{font-size:.8rem;font-weight:500}.contact-last-message{color:#5f6368;font-size:.7rem}.contact-timestamp{font-size:.65rem;min-width:45px}.admin-chat-header-bar{gap:8px;min-height:48px;padding:8px 10px}.chat-header-info{flex:1 1;min-width:0}.chat-header-avatar{flex-shrink:0;font-size:.9rem;height:30px;width:30px}.chat-header-details{min-width:0}.chat-header-name{font-size:.85rem;font-weight:600;line-height:1.2}.chat-header-role{font-size:.65rem;margin-top:1px}.admin-messages-area{gap:8px;padding:10px}.admin-message{animation:none}.message-header{font-size:.7rem;gap:4px}.message-sender-name{font-size:.75rem;font-weight:500}.message-header-time{font-size:.6rem;opacity:.7}.message-content-wrapper{gap:6px}.message-avatar{flex-shrink:0;font-size:.85rem;height:30px;width:30px}.message-content{word-wrap:break-word;border-radius:12px;font-size:.85rem;line-height:1.3;max-width:80vw;padding:8px 10px}.user-message .message-content{background:#1a73e8;color:#fff;margin-left:auto}.admin-message-bubble .message-content{background:#f0f2f5;color:#050505;margin-right:auto}.dark .admin-message-bubble .message-content{background:#3a3b3c;color:#e4e6eb}.admin-chat-input-area{border-top:1px solid #e4e6eb;gap:6px;padding:8px}.dark .admin-chat-input-area{border-top-color:#3a3b3c}.input-icon-btn{flex-shrink:0;font-size:.85rem;height:34px;min-width:34px;width:34px}.message-input{border-radius:18px;font-size:.85rem;max-height:70px;padding:8px 10px}.send-button{flex-shrink:0;font-size:.85rem;height:34px;min-width:34px;width:34px}.no-messages-state{padding:15px 10px}.no-messages-icon{font-size:2rem;margin-bottom:8px}.no-messages-state p{font-size:.8rem;line-height:1.4}.no-conversation-selected{padding:15px 10px}.no-conversation-icon{font-size:2rem;margin-bottom:8px}.no-conversation-selected h2{font-size:1.1rem;margin:0 0 6px}.no-conversation-selected p{font-size:.8rem;line-height:1.4}.recording-indicator{gap:6px;padding:8px 10px}.recording-time{font-size:.85rem}.camera-modal{height:90vh;max-height:90vh;width:95vw}.camera-header{padding:10px 12px}.camera-header h3{font-size:.9rem}.close-camera-btn{font-size:.9rem;height:28px;width:28px}.camera-controls{gap:6px;padding:8px}.camera-control-btn{font-size:.8rem;padding:8px 12px}.message-image{border-radius:12px;max-height:200px;max-width:70vw}.message-audio{height:30px;max-width:70vw}.message-audio::-webkit-media-controls-panel{height:28px}.admin-messages-area::-webkit-scrollbar,.contacts-list::-webkit-scrollbar{width:4px}}@media (min-width:451px) and (max-width:600px){.admin-chat-wrapper{margin:0!important;width:100vw!important}.admin-chat-container{height:calc(100vh - 70px);width:100vw}.admin-chat-sidebar{height:calc(100vh - 70px);left:-100%;position:fixed;top:70px;width:300px;z-index:1001}.admin-chat-sidebar.open,.chat-sidebar-open .admin-chat-sidebar{left:0}.admin-chat-main{height:calc(100vh - 70px);width:100vw!important}.sidebar-toggle-btn{display:flex!important;left:10px;top:80px}.contact-item{min-height:56px;padding:8px 10px}.contact-avatar{font-size:1.1rem;height:36px;width:36px}.contact-name{font-size:.85rem}.message-content{font-size:.9rem;max-width:75vw;padding:10px 12px}.message-avatar{height:32px;width:32px}.admin-chat-header-bar{min-height:50px}.chat-header-name{font-size:.9rem}.admin-messages-area{padding:12px}.message-input{font-size:.9rem;padding:10px 12px}.input-icon-btn,.send-button{height:36px;width:36px}}@media (max-width:768px){.admin-chat-wrapper{margin:0!important;max-width:100vw!important;padding:0!important;width:100vw!important}.admin-chat-container{height:calc(100vh - 70px);margin:0;padding:0;width:100vw}.admin-sidebar{left:-100%;position:fixed;transition:left .3s ease-in-out;width:280px;z-index:1002}.admin-sidebar.open{left:0}.admin-chat-sidebar{box-shadow:4px 0 15px #00000040;height:calc(100vh - 70px);left:-100%;max-width:300px;position:fixed;top:70px;transition:left .3s ease-in-out;width:80vw;z-index:1001}.admin-chat-sidebar.open,.chat-sidebar-open .admin-chat-sidebar{left:0}.admin-main{margin-left:0!important;padding:0!important;transform:none!important;width:100vw!important}.admin-chat-main{flex:1 1;height:calc(100vh - 70px);width:100vw!important}.sidebar-toggle-btn{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:50%;box-shadow:0 2px 8px #00000040;display:flex!important;flex-direction:column;gap:3px;height:40px;justify-content:center;left:10px;padding:0;position:fixed;top:80px;width:40px;z-index:1000}.sidebar-toggle-btn span{background:#fff;border-radius:2px;height:2px;width:16px}.admin-chat-header-bar{min-height:52px;padding:8px 12px;width:100%}.admin-messages-area{padding:12px 8px;width:100%}.message-content{font-size:.9rem;max-width:80%;padding:8px 12px}.chat-header-name{font-size:.9rem}.chat-header-role{font-size:.75rem}.contact-item{padding:10px 12px}.admin-chat-input-area{max-width:100%;padding:10px;width:100%}.chat-sidebar-open:after{background:#00000080;bottom:0;content:"";left:0;position:fixed;right:0;top:70px;z-index:1000}}@media (min-width:769px){.sidebar-toggle-btn{display:none}.admin-sidebar{left:-350px;position:fixed;transition:left .3s ease-in-out;width:350px;z-index:1000}.admin-sidebar.open{left:0}.admin-chat-sidebar{box-shadow:none;flex-shrink:0;height:100%;position:static;transition:none;width:300px}.admin-main:has(.admin-chat-wrapper){margin-left:0;transition:margin-left .3s ease-in-out,width .3s ease-in-out;width:100%}.admin-dashboard.sidebar-open .admin-main:has(.admin-chat-wrapper){margin-left:350px;width:calc(100% - 350px)}.admin-chat-main{flex-grow:1;width:100%}}@media (min-width:769px) and (max-width:1024px){.admin-sidebar{width:300px}.admin-dashboard.sidebar-open .admin-main:has(.admin-chat-wrapper){margin-left:300px;width:calc(100% - 300px)}.admin-chat-sidebar{width:280px}}@media (min-width:1025px) and (max-width:1439px){.admin-sidebar{width:320px}.admin-dashboard.sidebar-open .admin-main:has(.admin-chat-wrapper){margin-left:320px;width:calc(100% - 320px)}.admin-chat-sidebar{width:320px}}@media (min-width:1440px){.admin-sidebar{width:350px}.admin-dashboard.sidebar-open .admin-main:has(.admin-chat-wrapper){margin-left:350px;width:calc(100% - 350px)}.admin-chat-sidebar{width:380px}}body:has(.admin-chat-wrapper),html:has(.admin-chat-wrapper){height:100vh!important;overflow:hidden!important}.admin-dashboard:has(.admin-chat-wrapper){height:100vh!important;overflow:hidden!important}.admin-main:has(.admin-chat-wrapper){height:calc(100vh - 65px)!important;overflow:hidden!important;padding:0!important}@media (max-width:768px){.admin-main:has(.admin-chat-wrapper){height:calc(100vh - 60px)!important}}.admin-dashboard{background-color:#f8fafc;min-height:100vh;transition:all .3s ease}.chatbot-management-container{margin-left:0;margin-top:0;min-height:100vh;padding:2rem;position:relative;transition:margin-left .3s ease;z-index:auto}@media (min-width:769px){.admin-dashboard.sidebar-open .chatbot-management-container{margin-left:350px}}@media (max-width:768px){.chatbot-management-container{margin-left:0!important;margin-top:0;padding:1rem;z-index:auto!important}}.chatbot-management-header{display:none;margin-bottom:1rem}.tabs-container{background-color:initial;border-bottom:2px solid #dee2e6;gap:1rem;margin-top:4rem}.tab-btn,.tabs-container{display:flex;position:relative;z-index:10}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:-2px;padding:1rem 1.5rem;transition:all .3s}.tab-btn:hover{background-color:#007bff0d;color:#007bff}.tab-btn.active{background-color:#007bff1a;border-bottom-color:#007bff;color:#007bff}.settings-tab{animation:fadeIn .3s ease-in!important;position:relative;z-index:auto}@media (max-width:768px){.settings-tab{display:block!important;opacity:1!important;padding:0!important;visibility:visible!important;width:100%!important;z-index:auto!important}}.settings-section{margin-bottom:2rem!important}.settings-section h2{color:#333;font-size:1.5rem;margin-bottom:.5rem}.settings-section p{color:#666;font-size:.95rem}.noupe-toggle-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:block!important;margin-bottom:2rem;min-height:200px!important;opacity:1!important;padding:2rem;position:relative!important;visibility:visible!important;z-index:auto}@media (max-width:768px){.noupe-toggle-card{box-sizing:border-box!important;display:block!important;margin-bottom:1.5rem!important;opacity:1!important;padding:1.5rem!important;visibility:visible!important;width:100%!important;z-index:auto!important}}.noupe-toggle-card h3{color:#333;font-size:1.3rem;margin:0 0 .5rem}.noupe-toggle-card h3,.noupe-toggle-card p{display:block!important;visibility:visible!important}.noupe-toggle-card p{color:#666;font-size:.95rem;margin:0 0 1.5rem}.simple-radio-container{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.simple-radio-container,.simple-radio-item{display:flex!important;opacity:1!important;visibility:visible!important}.simple-radio-item{align-items:center;gap:.75rem}.simple-radio-item input[type=radio]{accent-color:#007bff;cursor:pointer;display:inline-block!important;margin:0!important;position:relative!important;visibility:visible!important}.simple-radio-item input[type=radio]:disabled{cursor:not-allowed;opacity:.6}.simple-radio-item label{color:#333;cursor:pointer;display:inline-block!important;font-size:1rem;margin:0;opacity:1!important;-webkit-user-select:none;user-select:none;visibility:visible!important}.simple-radio-item input[type=radio]:disabled+label{cursor:not-allowed;opacity:.6}.status-message{border-radius:8px;margin-bottom:1rem;padding:1rem}.last-modified{border-top:1px solid #e0e0e0;color:#666;font-size:.85rem;margin:0;padding-top:.75rem}.toggle-card{background:#fff!important;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-direction:column;min-height:200px;padding:2rem}.settings-flex-row,.toggle-card{display:flex!important;opacity:1!important;visibility:visible!important}.settings-flex-row{align-items:stretch;flex-direction:row;gap:2rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.toggle-header{display:flex!important;flex:1 1 55%;flex-direction:column;justify-content:center;min-width:0;opacity:1!important;visibility:visible!important}.toggle-header h3{color:#333;font-size:1.3rem;margin:0 0 .5rem}.toggle-header p{color:#666;font-size:.9rem;margin:0}.big-radio-group-wrapper{align-items:stretch;background-color:#ff00001a;flex:0 0 400px;flex-direction:column;justify-content:center;padding:0}.big-radio-group-wrapper,.big-radio-option{display:flex!important;gap:1rem;opacity:1!important;visibility:visible!important}.big-radio-option{align-items:center;background-color:#f8f9fa!important;border:3px solid #dee2e6!important;border-radius:16px;box-shadow:0 2px 8px #00000012;cursor:pointer;font-size:1.5rem;font-weight:700;margin:0;min-width:350px;padding:1.5rem 2.5rem;transition:all .3s ease}.big-radio-option:hover{background-color:#e9ecef;border-color:#adb5bd;box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.big-radio-option input[type=radio]{accent-color:#28a745!important;cursor:pointer;height:32px!important;margin:0!important;opacity:1!important;position:relative!important;visibility:visible!important;width:32px!important}.big-radio-option input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.big-radio-label{align-items:center;color:#333!important;cursor:pointer;display:flex!important;font-size:1.5rem!important;gap:1rem;margin:0;-webkit-user-select:none;user-select:none}.big-radio-icon,.big-radio-label{opacity:1!important;visibility:visible!important}.big-radio-icon{font-size:2.2rem!important}.big-radio-option input:disabled~.big-radio-label{cursor:not-allowed;opacity:.6}.big-radio-option input:checked{accent-color:#28a745}.big-radio-option input[type=radio]:checked~.big-radio-label{color:#28a745;font-weight:900}.big-radio-option:last-child input[type=radio]:checked~.big-radio-label{color:#dc3545}@media (max-width:900px){.settings-flex-row{flex-direction:column;gap:1.5rem}.big-radio-group-wrapper{align-items:stretch;flex:1 1 100%;padding:0}.big-radio-option{font-size:1.2rem;justify-content:center;padding:1rem;width:100%}.big-radio-label{font-size:1.2rem}.big-radio-icon{font-size:1.7rem}}.radio-group-wrapper{flex-wrap:wrap!important;gap:1.5rem!important;margin-bottom:1.5rem!important}.radio-group-wrapper,.radio-option{align-items:center!important;display:flex!important}.radio-option{background-color:#f8f9fa!important;border:2px solid #dee2e6!important;border-radius:8px!important;cursor:pointer!important;font-size:1rem!important;font-weight:600!important;gap:.75rem!important;padding:.75rem 1.5rem!important;transition:all .3s ease!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}.radio-option:hover{background-color:#e9ecef!important;border-color:#adb5bd!important;box-shadow:0 4px 8px #0000001a!important;transform:translateY(-2px)!important}.radio-option input[type=radio]{accent-color:#28a745!important;cursor:pointer!important;height:20px!important;margin:0!important;width:20px!important}.radio-option input[type=radio]:disabled{cursor:not-allowed!important;opacity:.5!important}.radio-label{align-items:center!important;color:#333!important;cursor:pointer!important;display:flex!important;gap:.5rem!important;margin:0!important;-webkit-user-select:none!important;user-select:none!important}.radio-icon{font-size:1.2rem!important}.radio-option input:disabled~.radio-label{cursor:not-allowed!important;opacity:.6!important}.radio-option input:checked{accent-color:#28a745!important}.radio-group-wrapper>.radio-option:has(input:checked),.radio-group-wrapper>label:has(input:checked){background-color:#e8f5e9!important;border-color:#28a745!important;box-shadow:0 0 0 3px #28a7451a!important}.radio-group-wrapper>.radio-option:nth-child(2):has(input:checked){background-color:#fff3cd!important;border-color:#dc3545!important;box-shadow:0 0 0 3px #dc35451a!important}.toggle-switch-wrapper{align-items:center;display:flex;gap:1rem}.toggle-switch{display:inline-block;height:30px;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:30px;bottom:0;cursor:pointer;left:0;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:22px;left:4px;position:absolute;transition:.4s;width:22px}.toggle-switch input:checked+.toggle-slider{background-color:#28a745}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(30px)}.status-text{font-size:1rem;font-weight:700}.status-text.enabled{color:#28a745}.status-text.disabled{color:#dc3545}.toggle-description{background-color:#f8f9fa;border-radius:8px;margin-top:1rem;padding:1rem}.status-message,.toggle-description{display:block!important;opacity:1!important;visibility:visible!important}.status-message{font-size:.95rem;line-height:1.6;margin:0}.status-message.success{background-color:#d4edda;border-left:4px solid #28a745;border-radius:6px;color:#155724;padding:.75rem}.status-message.warning{background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;color:#856404;padding:.75rem}.noupe-stats-section{margin-bottom:2rem}.noupe-stats-section h3{color:#333;font-size:1.3rem;margin-bottom:.5rem}.noupe-stats-section .stats-description{color:#666;font-size:.95rem;margin-bottom:1.5rem}.activity-stats,.performance-stats{margin-top:2rem}.activity-stats h4,.performance-stats h4{align-items:center;color:#333;display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1rem}.last-modified-info{border-top:1px solid #e0e0e0;color:#666;font-size:.9rem;margin-top:.75rem;padding-top:.75rem}.last-modified-info strong{color:#333}.stat-card.success{border-left:4px solid #28a745}.stat-card.warning{border-left:4px solid #ffc107}.stat-card.info{border-left:4px solid #17a2b8}.info-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.info-card h4{color:#333;font-size:1.1rem;margin:0 0 1rem}.info-card ul{list-style:none;margin:0;padding:0}.info-card ul li{border-bottom:1px solid #f0f0f0;color:#555;font-size:.9rem;line-height:1.6;padding:.5rem 0}.info-card ul li:last-child{border-bottom:none}.info-card ul li strong{color:#333;font-weight:600}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-card.pending{border-left:4px solid #ffc107}.stat-card.high-risk{border-left:4px solid #dc3545}.stat-card.users{border-left:4px solid #17a2b8}.stat-icon{font-size:2.5rem}.stat-content h3{color:#333;font-size:2rem;margin:0}.stat-content p{color:#666;font-size:.9rem;margin:0}.filters-section{align-items:flex-end;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#555;font-size:.9rem;font-weight:600}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:6px;font-size:.9rem;min-width:200px;padding:.6rem}.search-group input{min-width:300px}.refresh-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.5rem;transition:background-color .2s}.refresh-btn:hover{background-color:#0056b3}.violations-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;padding:1.5rem}.violations-table{border-collapse:collapse;width:100%}.violations-table thead{background-color:#f8f9fa}.violations-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.violations-table td{border-bottom:1px solid #dee2e6;padding:1rem;vertical-align:top}.violations-table tbody tr:hover{background-color:#f8f9fa}.date-cell{color:#666;font-size:.85rem;white-space:nowrap}.user-cell{color:#333;font-weight:600}.email-cell{color:#555;font-size:.9rem}.type-cell{color:#666;font-size:.85rem;text-transform:capitalize}.message-cell{max-width:300px}.message-preview{color:#444;font-size:.9rem;line-height:1.4}.words-cell{max-width:200px}.detected-words{display:flex;flex-wrap:wrap;gap:.25rem}.word-badge{background-color:#fff3cd;border-radius:4px;color:#856404;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.word-badge.more{background-color:#d1ecf1;color:#0c5460}.severity-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.severity-badge.severity-high{background-color:#f8d7da;color:#721c24}.severity-badge.severity-medium{background-color:#fff3cd;color:#856404}.severity-badge.severity-low{background-color:#d1ecf1;color:#0c5460}.status-badge{font-size:.75rem}.status-badge.status-pending{background-color:#fff3cd;color:#856404}.status-badge.status-reviewed{background-color:#d4edda;color:#155724}.status-badge.status-warning{background-color:#ffeeba;color:#856404}.status-badge.status-suspended{background-color:#f8d7da;color:#721c24}.view-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:background-color .2s}.view-btn:hover{background-color:#0056b3}.modal-overlay{background-color:#0009;z-index:9999}.modal-content{box-shadow:0 8px 32px #0000004d;max-width:800px}.modal-header{border-bottom:1px solid #dee2e6}.modal-header h2{color:#333}.modal-close{color:#999;line-height:1}.modal-close:hover{color:#333}.violation-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.detail-row{grid-gap:1rem;border-bottom:1px solid #f0f0f0;display:grid;grid-template-columns:150px 1fr;padding:.75rem}.detail-row.full-width{grid-template-columns:1fr}.detail-row strong{color:#555;font-weight:600}.message-full{background-color:#f8f9fa;border-left:3px solid #dc3545;border-radius:6px;font-family:monospace;margin-top:.5rem;padding:1rem;white-space:pre-wrap;word-break:break-word}.detected-words-full{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.notes-text{background-color:#f8f9fa;border-radius:6px;margin-top:.5rem;padding:1rem;white-space:pre-wrap}.action-form{background-color:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;padding:1.5rem}.action-form h3{color:#333;font-size:1.2rem;margin:0 0 1rem}.form-group{margin-bottom:1rem}.form-group label{color:#555}.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.95rem;padding:.75rem;width:100%}.form-group textarea{resize:vertical}.take-action-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .2s;width:100%}.take-action-btn:hover{background-color:#218838}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem}.spinner{border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;width:50px}.loading-spinner p{color:#666;font-size:1rem;margin-top:1rem}.no-violations{color:#666;padding:3rem;text-align:center}.no-violations p{font-size:1.1rem}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.chatbot-management-container{padding:1rem}.tabs-container{-webkit-overflow-scrolling:touch!important;display:flex!important;gap:.5rem!important;margin-bottom:1.5rem!important;overflow-x:auto!important;padding-bottom:.5rem!important}.tab-btn,.tabs-container{opacity:1!important;position:relative!important;visibility:visible!important;z-index:10!important}.tab-btn{font-size:.9rem!important;min-width:auto!important;padding:.75rem 1rem!important;white-space:nowrap!important}.tab-icon{font-size:1rem!important}.settings-section{margin-bottom:1.5rem!important}.settings-section h2{font-size:1.25rem!important}.settings-section p{font-size:.9rem!important}.simple-radio-container{gap:.75rem!important}.simple-radio-item{padding:.5rem 0!important}.simple-radio-item label{font-size:.95rem!important}.status-message{font-size:.9rem!important;padding:.75rem!important}.last-modified{font-size:.8rem!important}.stats-grid{grid-template-columns:1fr}.filters-section{align-items:stretch;flex-direction:column}.filter-group input,.filter-group select{min-width:auto;width:100%}.violations-table-container{overflow-x:scroll}.violations-table{font-size:.85rem}.violations-table td,.violations-table th{padding:.75rem}.detail-row{grid-template-columns:1fr}.modal-overlay{padding:1rem}}@media (max-width:450px){.chatbot-management-container{padding:.75rem!important}.tabs-container{gap:.25rem!important}.tab-btn{font-size:.85rem!important;gap:.35rem!important;padding:.6rem .75rem!important}.tab-icon{font-size:.9rem!important}.noupe-toggle-card{margin-bottom:1rem!important;padding:1rem!important}.noupe-toggle-card h3{font-size:1.1rem!important}.noupe-toggle-card p{font-size:.85rem!important}.settings-section h2{font-size:1.1rem!important}.settings-section p{font-size:.85rem!important}.simple-radio-item input[type=radio]{height:18px!important;width:18px!important}.simple-radio-item label{font-size:.9rem!important}.status-message{font-size:.85rem!important;padding:.6rem!important}.last-modified{font-size:.75rem!important}.stat-card{padding:.75rem!important}.stat-content h3{font-size:1.25rem!important}.stat-content p{font-size:.8rem!important}}.flagged-users-table .count-cell{text-align:center}.violation-count{background-color:#ff4757;border-radius:20px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;padding:.5rem 1rem}.severity-breakdown-cell{padding:.75rem}.severity-chips{display:flex;flex-wrap:wrap;gap:.5rem}.severity-chips .chip{border-radius:15px;font-size:.85rem;font-weight:600;padding:.35rem .75rem}.severity-chips .chip.high{background-color:#ffe5e5;border:1px solid #ffcdd2;color:#d32f2f}.severity-chips .chip.medium{background-color:#fff9e5;border:1px solid #ffe082;color:#f57c00}.severity-chips .chip.low{background-color:#e5ffe5;border:1px solid #c8e6c9;color:#388e3c}.risk-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.9rem;font-weight:700;gap:.4rem;padding:.5rem 1rem}.risk-badge.risk-high{background-color:#ffebee;border:2px solid #ef5350;color:#c62828}.risk-badge.risk-medium{background-color:#fff3e0;border:2px solid #ff9800;color:#ef6c00}.risk-badge.risk-low{background-color:#e8f5e9;border:2px solid #66bb6a;color:#2e7d32}.user-profile-details{background-color:#fff}.violation-count-large{background-color:#ffe5e5;border-radius:10px;color:#dc3545;display:inline-block;font-size:2rem;font-weight:700;padding:.5rem 1.5rem}.severity-breakdown-details{background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;padding:1rem}.severity-item{align-items:center;display:flex;font-size:1rem;gap:.75rem}.severity-item .icon{font-size:1.5rem}.severity-item .label{font-weight:600;min-width:80px}.severity-item .value{font-size:1.2rem;font-weight:700}.severity-item.high .value{color:#d32f2f}.severity-item.medium .value{color:#f57c00}.severity-item.low .value{color:#388e3c}.modal-actions{border-top:2px solid #e0e0e0;margin-top:2rem;padding-top:1.5rem}.modal-actions h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.action-btn{font-size:.95rem;font-weight:600;justify-content:center;padding:.85rem 1.5rem;transition:all .2s ease}.action-btn:hover{box-shadow:0 4px 12px #00000026}.warning-btn{background-color:#ff9800;color:#fff}.warning-btn:hover{background-color:#fb8c00}.suspend-btn{background-color:#dc3545;color:#fff}.suspend-btn:hover{background-color:#c82333}.clear-btn{background-color:#28a745;color:#fff}.clear-btn:hover{background-color:#218838}@media (max-width:768px){.severity-chips{flex-direction:column}.action-buttons{grid-template-columns:1fr}.violation-count-large{font-size:1.5rem;padding:.4rem 1rem}}.realtime-indicator{align-items:center;animation:glow 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem}.pulse-dot{animation:pulse-animation 1.5s ease-in-out infinite;background:#0f8;border-radius:50%;box-shadow:0 0 0 #0f86;height:10px;width:10px}@keyframes pulse-animation{0%,to{box-shadow:0 0 0 0 #00ff88b3;transform:scale(1)}50%{box-shadow:0 0 0 8px #0f80;transform:scale(1.1)}}@keyframes glow{0%,to{box-shadow:0 4px 15px #667eea4d}50%{box-shadow:0 4px 25px #667eea80}}.refresh-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.refresh-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.refresh-button:active{box-shadow:0 2px 10px #667eea4d;transform:translateY(0)}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:100px;z-index:10000}.toast-container .realtime-toast{pointer-events:auto}.realtime-toast{animation:slideInRight .3s ease-out;background:#fff;border-left:5px solid #ff6b6b;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:450px;min-width:350px;overflow:hidden}.realtime-toast .toast-header{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;display:flex;justify-content:space-between;padding:1rem 1.25rem}.realtime-toast .toast-header strong{font-size:1rem;font-weight:600}.realtime-toast .toast-header button{background:#ffffff4d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:24px;line-height:1;transition:all .2s;width:24px}.realtime-toast .toast-header button:hover{background:#ffffff80;transform:rotate(90deg)}.realtime-toast .toast-body{color:#333;font-size:.95rem;line-height:1.5;padding:1rem 1.25rem}.realtime-toast.fade-out{animation:slideOutRight .3s ease-out forwards}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(500px)}}@media (max-width:768px){.toast-container{right:10px;top:80px}.realtime-toast{min-width:300px}.realtime-indicator,.refresh-button{font-size:.8rem;padding:.6rem 1rem}.radio-group-wrapper{align-items:stretch;flex-direction:column;gap:1rem;width:100%}.radio-option{justify-content:center;white-space:normal;width:100%}.toggle-header{align-items:flex-start;flex-direction:column;gap:1rem}.toggle-card{padding:1.5rem}}.simple-radio-item input[type=radio]{appearance:auto!important;-webkit-appearance:radio!important;-moz-appearance:radio!important;cursor:pointer!important;flex-shrink:0!important;height:20px!important;margin:0 .75rem 0 0!important;opacity:1!important;position:static!important;width:20px!important}.noupe-toggle-card input[type=radio]{display:inline-block!important;visibility:visible!important}.realtime-toast.toast-confirmation{max-width:500px;min-width:350px}.toast-actions{border-top:1px solid #0000001a;display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.toast-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.toast-btn-confirm{background-color:#28a745;color:#fff}.toast-btn-confirm:hover{background-color:#218838;box-shadow:0 2px 6px #28a7454d;transform:translateY(-1px)}.toast-btn-cancel{background-color:#6c757d;color:#fff}.toast-btn-cancel:hover{background-color:#5a6268;box-shadow:0 2px 6px #6c757d4d;transform:translateY(-1px)}.toast-btn:active{transform:translateY(0)}.admin-dashboard.light-mode,body.light-mode .admin-dashboard{background-color:#f8fafc}.admin-dashboard.light-mode .chatbot-management-container,body.light-mode .chatbot-management-container{background-color:#f8fafc;color:#333}.admin-dashboard.light-mode .tabs-container,body.light-mode .tabs-container{background-color:#f8fafc;border-bottom-color:#dee2e6}.admin-dashboard.light-mode .tab-btn,body.light-mode .tab-btn{background-color:initial;color:#666}.admin-dashboard.light-mode .tab-btn:hover,body.light-mode .tab-btn:hover{background-color:#007bff0d;color:#007bff}.admin-dashboard.light-mode .tab-btn.active,body.light-mode .tab-btn.active{background-color:#007bff1a;border-bottom-color:#007bff;color:#007bff}.admin-dashboard:not(.light-mode),body.dark-mode .admin-dashboard{background-color:#1a1d29}.admin-dashboard:not(.light-mode) .chatbot-management-container,body.dark-mode .chatbot-management-container{background-color:#1a1d29;color:#e0e0e0}.admin-dashboard:not(.light-mode) .tabs-container,body.dark-mode .tabs-container{border-bottom-color:#3a3f51}.admin-dashboard:not(.light-mode) .tab-btn,body.dark-mode .tab-btn{color:#b0b0b0}.admin-dashboard:not(.light-mode) .tab-btn:hover,body.dark-mode .tab-btn:hover{background-color:#4a9eff1a;color:#4a9eff}.admin-dashboard:not(.light-mode) .tab-btn.active,body.dark-mode .tab-btn.active{background-color:#4a9eff26;border-bottom-color:#4a9eff;color:#4a9eff}.admin-dashboard:not(.light-mode) .stat-card,body.dark-mode .stat-card{background:linear-gradient(135deg,#2a2d3a,#1f2230);border:1px solid #3a3f51;box-shadow:0 4px 12px #0000004d}.admin-dashboard:not(.light-mode) .stat-card:hover,body.dark-mode .stat-card:hover{box-shadow:0 6px 20px #0006;transform:translateY(-4px)}.admin-dashboard:not(.light-mode) .stat-content h3,body.dark-mode .stat-content h3{color:#fff}.admin-dashboard:not(.light-mode) .stat-content p,body.dark-mode .stat-content p{color:#b0b0b0}.admin-dashboard:not(.light-mode) .filters-section,body.dark-mode .filters-section{background:#252936;border:1px solid #3a3f51}.admin-dashboard:not(.light-mode) .filter-group label,body.dark-mode .filter-group label{color:#e0e0e0}.admin-dashboard:not(.light-mode) .filter-group input,.admin-dashboard:not(.light-mode) .filter-group select,body.dark-mode .filter-group input,body.dark-mode .filter-group select{background-color:#1a1d29;border-color:#3a3f51;color:#e0e0e0}.admin-dashboard:not(.light-mode) .filter-group input:focus,.admin-dashboard:not(.light-mode) .filter-group select:focus,body.dark-mode .filter-group input:focus,body.dark-mode .filter-group select:focus{border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1a}.admin-dashboard:not(.light-mode) .refresh-btn,body.dark-mode .refresh-btn{background:linear-gradient(135deg,#4a9eff,#357abd);border:none}.admin-dashboard:not(.light-mode) .refresh-btn:hover,body.dark-mode .refresh-btn:hover{background:linear-gradient(135deg,#357abd,#2a5f94)}.admin-dashboard:not(.light-mode) .violations-table-container,body.dark-mode .violations-table-container{background:#252936;border:1px solid #3a3f51}.admin-dashboard:not(.light-mode) .violations-table,body.dark-mode .violations-table{color:#e0e0e0}.admin-dashboard:not(.light-mode) .violations-table thead,body.dark-mode .violations-table thead{background:#2a2d3a}.admin-dashboard:not(.light-mode) .violations-table th,body.dark-mode .violations-table th{border-bottom-color:#3a3f51;color:#fff}.admin-dashboard:not(.light-mode) .violations-table td,body.dark-mode .violations-table td{border-bottom-color:#3a3f51}.admin-dashboard:not(.light-mode) .violations-table tbody tr:hover,body.dark-mode .violations-table tbody tr:hover{background-color:#2a2d3a}.admin-dashboard:not(.light-mode) .word-badge,body.dark-mode .word-badge{background-color:#3a3f51;color:#ff6b6b}.admin-dashboard:not(.light-mode) .view-btn,body.dark-mode .view-btn{background:linear-gradient(135deg,#4a9eff,#357abd);border:none}.admin-dashboard:not(.light-mode) .view-btn:hover,body.dark-mode .view-btn:hover{background:linear-gradient(135deg,#357abd,#2a5f94)}.admin-dashboard:not(.light-mode) .modal-content,body.dark-mode .modal-content{background:#252936;border:1px solid #3a3f51;color:#e0e0e0}.admin-dashboard:not(.light-mode) .modal-header,body.dark-mode .modal-header{border-bottom-color:#3a3f51}.admin-dashboard:not(.light-mode) .modal-header h2,body.dark-mode .modal-header h2{color:#fff}.admin-dashboard:not(.light-mode) .modal-close,body.dark-mode .modal-close{color:#b0b0b0}.admin-dashboard:not(.light-mode) .modal-close:hover,body.dark-mode .modal-close:hover{background-color:#ffffff1a;color:#fff}.admin-dashboard:not(.light-mode) .detail-row strong,body.dark-mode .detail-row strong{color:#4a9eff}.admin-dashboard:not(.light-mode) .action-form,.admin-dashboard:not(.light-mode) .message-full,body.dark-mode .action-form,body.dark-mode .message-full{background-color:#1a1d29;border-color:#3a3f51}.admin-dashboard:not(.light-mode) .action-form h3,body.dark-mode .action-form h3{color:#fff}.admin-dashboard:not(.light-mode) .form-group label,body.dark-mode .form-group label{color:#e0e0e0}.admin-dashboard:not(.light-mode) .form-group select,.admin-dashboard:not(.light-mode) .form-group textarea,body.dark-mode .form-group select,body.dark-mode .form-group textarea{background-color:#252936;border-color:#3a3f51;color:#e0e0e0}.admin-dashboard:not(.light-mode) .form-group select:focus,.admin-dashboard:not(.light-mode) .form-group textarea:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus{border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1a}.admin-dashboard:not(.light-mode) .take-action-btn,body.dark-mode .take-action-btn{background:linear-gradient(135deg,#28a745,#1e7e34)}.admin-dashboard:not(.light-mode) .take-action-btn:hover,body.dark-mode .take-action-btn:hover{background:linear-gradient(135deg,#1e7e34,#155724)}.admin-dashboard:not(.light-mode) .settings-section h2,body.dark-mode .settings-section h2{color:#fff}.admin-dashboard:not(.light-mode) .settings-section p,body.dark-mode .settings-section p{color:#b0b0b0}.admin-dashboard:not(.light-mode) .noupe-toggle-card,body.dark-mode .noupe-toggle-card{background:#252936;border:1px solid #3a3f51!important;box-shadow:0 4px 12px #0000004d}.admin-dashboard:not(.light-mode) .noupe-toggle-card h3,body.dark-mode .noupe-toggle-card h3{color:#fff}.admin-dashboard:not(.light-mode) .noupe-toggle-card p,body.dark-mode .noupe-toggle-card p{color:#b0b0b0}.admin-dashboard:not(.light-mode) .simple-radio-item label,body.dark-mode .simple-radio-item label{color:#e0e0e0}.admin-dashboard:not(.light-mode) .toggle-description,body.dark-mode .toggle-description{background-color:#1a1d29}.admin-dashboard:not(.light-mode) .status-message,body.dark-mode .status-message{color:#e0e0e0}.admin-dashboard:not(.light-mode) .last-modified,body.dark-mode .last-modified{border-top-color:#3a3f51;color:#b0b0b0}.admin-dashboard:not(.light-mode) .info-card,body.dark-mode .info-card{background:#252936;border:1px solid #3a3f51}.admin-dashboard:not(.light-mode) .info-card h4,body.dark-mode .info-card h4{color:#fff}.admin-dashboard:not(.light-mode) .info-card ul li,body.dark-mode .info-card ul li{border-bottom-color:#3a3f51;color:#b0b0b0}.admin-dashboard:not(.light-mode) .info-card ul li strong,body.dark-mode .info-card ul li strong{color:#4a9eff}.admin-dashboard:not(.light-mode) .activity-stats h4,.admin-dashboard:not(.light-mode) .noupe-stats-section h3,.admin-dashboard:not(.light-mode) .performance-stats h4,body.dark-mode .activity-stats h4,body.dark-mode .noupe-stats-section h3,body.dark-mode .performance-stats h4{color:#fff}.admin-dashboard:not(.light-mode) .noupe-stats-section .stats-description,body.dark-mode .noupe-stats-section .stats-description{color:#b0b0b0}.admin-dashboard:not(.light-mode) .big-radio-option,body.dark-mode .big-radio-option{background-color:#2a2d3a!important;border-color:#3a3f51!important}.admin-dashboard:not(.light-mode) .big-radio-option:hover,body.dark-mode .big-radio-option:hover{background-color:#323544!important;border-color:#4a5064!important}.admin-dashboard:not(.light-mode) .big-radio-label,body.dark-mode .big-radio-label{color:#e0e0e0!important}.admin-dashboard:not(.light-mode) .no-violations,body.dark-mode .no-violations{color:#b0b0b0}.admin-dashboard:not(.light-mode) .loading-spinner p,body.dark-mode .loading-spinner p{color:#e0e0e0}.admin-dashboard:not(.light-mode) .realtime-toast,body.dark-mode .realtime-toast{background:#252936;border:1px solid #3a3f51;box-shadow:0 4px 12px #0006}.admin-dashboard:not(.light-mode) .realtime-toast .toast-header,body.dark-mode .realtime-toast .toast-header{background:#2a2d3a;border-bottom-color:#3a3f51}.admin-dashboard:not(.light-mode) .realtime-toast .toast-header strong,body.dark-mode .realtime-toast .toast-header strong{color:#fff}.admin-dashboard:not(.light-mode) .realtime-toast .toast-body,.admin-dashboard:not(.light-mode) .user-profile-details,body.dark-mode .realtime-toast .toast-body,body.dark-mode .user-profile-details{color:#e0e0e0}.admin-dashboard:not(.light-mode) .severity-breakdown-details,body.dark-mode .severity-breakdown-details{background:#1a1d29}.admin-dashboard:not(.light-mode) .severity-item .label,body.dark-mode .severity-item .label{color:#b0b0b0}.admin-dashboard:not(.light-mode) .action-btn,body.dark-mode .action-btn{background:linear-gradient(135deg,#4a9eff,#357abd)}.admin-dashboard:not(.light-mode) .action-btn:hover,body.dark-mode .action-btn:hover{background:linear-gradient(135deg,#357abd,#2a5f94)}.admin-dashboard:not(.light-mode) .severity-badge.severity-high,body.dark-mode .severity-badge.severity-high{background-color:#dc354533;color:#ff6b6b}.admin-dashboard:not(.light-mode) .severity-badge.severity-medium,body.dark-mode .severity-badge.severity-medium{background-color:#ffc10733;color:#ffc107}.admin-dashboard:not(.light-mode) .severity-badge.severity-low,body.dark-mode .severity-badge.severity-low{background-color:#28a74533;color:#5cb85c}.admin-dashboard:not(.light-mode) .status-badge.status-pending,body.dark-mode .status-badge.status-pending{background-color:#ffc10733;color:#ffc107}.admin-dashboard:not(.light-mode) .status-badge.status-reviewed,body.dark-mode .status-badge.status-reviewed{background-color:#28a74533;color:#5cb85c}.admin-dashboard:not(.light-mode) .status-badge.status-warning,body.dark-mode .status-badge.status-warning{background-color:#ff980033;color:#ff9800}.admin-dashboard:not(.light-mode) .status-badge.status-suspended,body.dark-mode .status-badge.status-suspended{background-color:#dc354533;color:#ff6b6b}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;transition:all .3s ease}.login-page.light{background:linear-gradient(135deg,#4080be,#5090ce)}.login-page.dark{background:linear-gradient(135deg,#2d3748,#1a202c)}.login-theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:50px;justify-content:center;position:fixed;right:2rem;top:2rem;transition:all .3s ease;width:50px;z-index:1000}.login-theme-toggle:hover{background:#fff3;transform:scale(1.1)}.signup-back-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;left:1rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem 1rem;position:fixed;top:1rem;transition:all .3s ease;white-space:nowrap;z-index:1000}.signup-back-button:hover{background:#ffffff4d;transform:scale(1.05)}.login-page.dark .signup-back-button{background:#2d374899;border:2px solid #fff3}.login-page.dark .signup-back-button:hover{background:#2d3748cc;border:2px solid #fff6}.signup-back-button{display:none}.login-container{background:#ffffff26;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e;margin:2rem;max-width:1000px;min-height:650px;overflow:hidden;position:relative;width:100%}.login-container,.login-page.dark .login-container{backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);display:flex;opacity:1;visibility:visible;z-index:100}.login-page.dark .login-container{background:#1e1e1e40;border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #00000080}.form-container{align-items:center;border-radius:0 20px 20px 0;display:flex;height:100%;justify-content:center;opacity:1;overflow-y:auto;padding:1.5rem;position:absolute;top:0;transition:all .6s ease-in-out;visibility:visible;width:50%;z-index:50}.login-page.dark .form-container{background:#1a202c}.sign-in-form{display:flex;left:0;opacity:1;visibility:visible;z-index:52}.sign-up-form{left:0;opacity:0;z-index:1}.login-container.sign-up-mode .sign-in-form{transform:translateX(100%)}.login-container.sign-up-mode .sign-up-form{animation:show .6s;opacity:1;transform:translateX(100%);z-index:5}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.sliding-panel{align-items:center;background:#45454559;border-right:1px solid #ffffff2e;color:#fff;display:block;display:flex;height:100%;justify-content:center;left:50%;opacity:1;overflow:hidden;position:absolute;text-align:center;top:0;transition:all .6s ease-in-out;visibility:visible;width:50%;z-index:51}.login-page.dark .sliding-panel,.sliding-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-page.dark .sliding-panel{background:#4a556859;border-right:1px solid #ffffff1a}.login-container.sign-up-mode .sliding-panel{transform:translateX(-100%)}.panel-logo-image{background:#fff;border:3px solid #fffc;border-radius:50%;box-shadow:0 4px 15px #0003;height:60px;object-fit:contain;padding:5px;transition:all .3s ease;width:60px}.panel-logo-image:hover{box-shadow:0 6px 20px #0000004d;transform:scale(1.05)}.panel-brand .brand-icon{align-items:center;display:flex;justify-content:center;margin-bottom:.5rem}.panel-content{max-width:300px;padding:2rem}.panel-brand{margin-bottom:2rem;text-align:center}.panel-brand-name{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 .5rem;text-shadow:2px 2px 8px #0000004d}.panel-brand-tagline{color:#ffffffe6;font-size:.9rem;font-style:italic;margin:0 0 1rem;text-shadow:1px 1px 4px #0000004d}.panel-content h2{font-size:1.8rem;font-weight:600;margin-bottom:1rem;text-shadow:2px 2px 6px #0000004d}.panel-content p{font-size:1rem;line-height:1.6;margin-bottom:2rem;opacity:.9;text-shadow:1px 1px 4px #0003}.transparent-btn{background:#0000;border:2px solid #fff;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:.75rem 2rem;text-transform:uppercase;transition:all .3s ease}.transparent-btn:hover{background:#fff;color:#4080be;transform:translateY(-2px)}.panel-activation{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:3rem;text-align:center}.panel-activation-text{color:#fff;font-size:.95rem;margin-bottom:0;opacity:.9}.panel-carousel{margin-left:auto;margin-right:auto;margin-top:2rem;max-width:400px;text-align:center;width:100%}.carousel-title{color:#fff;font-size:1rem;font-weight:500;margin-bottom:1.5rem;opacity:.95;transition:opacity .3s ease}.carousel-container{align-items:center;display:flex;justify-content:center;min-height:60px}.carousel-btn{animation:fadeSlideIn .5s ease;background:#0000!important;border:2px solid #fff!important;box-shadow:none;color:#fff!important;font-weight:500;max-width:250px;transition:all .3s ease;width:100%;z-index:51}.carousel-btn:hover{background:#fff3!important;box-shadow:0 4px 15px #ffffff1a;transform:translateY(-2px)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.carousel-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.carousel-dot{background:#fff6;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.carousel-dot:hover{background:#fff9;transform:scale(1.2)}.carousel-dot.active{background:#fff;border-radius:5px;width:24px}@media (max-width:768px){.panel-carousel{max-width:340px}.carousel-btn{max-width:220px}}@media (max-width:480px){.panel-carousel{max-width:300px}.carousel-title{font-size:.9rem;margin-bottom:1rem}.carousel-container{min-height:50px}.carousel-btn{font-size:.9rem;max-width:200px;padding:.6rem 1.2rem}.carousel-dots{gap:.4rem;margin-top:1rem}.carousel-dot{height:8px;width:8px}.carousel-dot.active{width:20px}}.panel-actions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:500px;width:100%}.action-column{align-items:center;display:flex;flex-direction:column;gap:.75rem;text-align:center}.action-column-title{color:#fff;font-size:.95rem;font-weight:500;margin-bottom:.5rem;opacity:.95}@media (max-width:768px){.panel-actions-grid{gap:2rem;grid-template-columns:1fr;max-width:300px}}@media (max-width:480px){.panel-actions-grid{gap:1.5rem;margin-top:1.5rem}.action-column-title{font-size:.9rem}}.login-form-content{display:block;margin:auto;max-width:320px;opacity:1;visibility:visible;width:100%;z-index:53}.login-brand{margin-bottom:1.5rem;text-align:center}.brand-icon{font-size:3rem;margin-bottom:.5rem}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4080be,#5090ce);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 .5rem}.login-page.dark .brand-name{-webkit-text-fill-color:#f7fafc;color:#f7fafc}.brand-tagline{color:#4080be;font-size:.9rem;font-style:italic;margin:0}.login-page.dark .brand-tagline{color:#90cdf4}.login-welcome{margin-bottom:1.5rem;text-align:center}.login-welcome h2{color:#2d3748!important;font-size:1.6rem;font-weight:600;margin:0 0 .25rem}.login-page.dark .login-welcome h2{color:#fff!important}.login-welcome p{color:#64748b!important;font-size:.9rem;margin:0}.login-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.login-form label{color:#374151;display:block;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;margin-top:.5rem;text-transform:uppercase}.login-page.dark .login-form label{color:#cbd5e0}.login-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#2d3748;font-size:1rem;margin-bottom:.75rem;outline:none;padding:.75rem 1rem;transition:all .3s ease;width:100%}.login-input:focus{background:#fff;border-color:#4080be;box-shadow:0 0 0 3px #667eea1a}.login-input::placeholder{color:#9ca3af}.login-page.dark .login-input{background:#4a5568;border-color:#4a5568;color:#f7fafc}.login-page.dark .login-input:focus{background:#2d3748;box-shadow:0 0 0 3px #667eea33}.input-wrapper{align-items:center;display:flex;margin-bottom:.25rem;position:relative}.input-wrapper .input-icon{height:20px;left:1rem;opacity:.6;pointer-events:none;position:absolute;transition:opacity .3s ease;width:20px;z-index:1}.input-wrapper .login-input:focus~.input-icon,.input-wrapper .signup-input:focus~.input-icon{opacity:0}.input-wrapper .login-input{margin-bottom:0}.input-wrapper .login-input,.input-wrapper .signup-input{padding-left:3rem;width:100%}.password-input-wrapper{align-items:center;display:flex;margin-bottom:.25rem;position:relative}.password-input-wrapper .input-icon{height:20px;left:1rem;opacity:.6;pointer-events:none;position:absolute;width:20px;z-index:1}.password-input-wrapper .login-input{margin-bottom:0;padding-left:3rem;padding-right:3rem;width:100%}.password-input-wrapper .password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:2}.password-input-wrapper .password-toggle img{height:20px;opacity:.6;transition:opacity .3s ease;width:20px}.password-input-wrapper .password-toggle:hover img{opacity:1}.password-input-wrapper .password-toggle:hover{color:#4080be}.login-page.dark .password-input-wrapper .password-toggle{color:#cbd5e0}.login-page.dark .password-input-wrapper .password-toggle:hover{color:#4080be}.remember-me-single{align-items:center;cursor:pointer;display:flex;gap:1rem;margin-bottom:2rem;margin-top:1rem;-webkit-user-select:none;user-select:none}.remember-me-single input[type=checkbox]{accent-color:#4080be;cursor:pointer;flex-shrink:0;height:14px;margin:0;vertical-align:middle;width:14px}.remember-me-single span{color:#b0b5bd;display:inline-block;font-size:.75rem;font-weight:300;letter-spacing:.2px;line-height:14px;padding-left:5px;vertical-align:middle}.login-page.dark .remember-me-single span{color:#5a5f6b}.form-group{margin-bottom:1.2rem;margin-left:-.5rem;width:100%}.form-group label{color:#374151!important;margin-left:.5rem;width:100%}.form-group input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;color:#2d3748;display:block;outline:none;width:100%}.form-group input:focus{background:#fff;border-color:#4080be;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#9ca3af}.login-page.dark .form-group input{background:#4a5568;border-color:#4a5568;color:#f7fafc}.login-page.dark .form-group input:focus{background:#2d3748;box-shadow:0 0 0 3px #667eea33}.form-group.password-field{position:relative}.form-group.password-field input{padding-right:3rem}.form-group.password-field .password-toggle{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.1rem;padding:.25rem;position:absolute;right:1rem;top:2.5rem;transition:color .3s ease;z-index:5}.form-group.password-field .password-toggle:hover{color:#4080be}.login-page.dark .form-group.password-field .password-toggle{color:#cbd5e0}.login-page.dark .form-group.password-field .password-toggle:hover{color:#4080be}.input-container{align-items:center;display:flex;position:relative;width:100%}.input-container:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:56px}.input-container.password-container{position:relative}.input-container input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#2d3748;display:block;font-size:1rem;padding:.75rem 1rem .75rem 68px;transition:all .3s ease;width:100%}.input-container.password-container input{padding-right:3rem}.login-page.dark .input-container input{background:#4a5568;border-color:#4a5568;color:#f7fafc}.input-container input:focus{background:#fff;border-color:#4080be;box-shadow:0 0 0 3px #667eea1a;outline:none}.login-page.dark .input-container input:focus{background:#2d3748;box-shadow:0 0 0 3px #667eea33}.input-container input::placeholder{color:#9ca3af}.input-container .password-toggle{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.1rem;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:5}.input-container .password-toggle img{height:20px;object-fit:contain;opacity:.6;transition:opacity .3s ease;width:20px}.input-container .password-toggle:hover{color:#4080be}.input-container .password-toggle:hover img{opacity:1}.login-button{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:0;margin-top:3rem;padding:.8rem 1.5rem;transition:all .3s ease;width:100%}.login-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.forgot-password-link{color:#9ca3af;display:block;font-size:.8rem;font-weight:400;margin-top:.75rem;text-align:center;text-decoration:none;transition:color .3s ease}.forgot-password-link:hover{color:#4080be;text-decoration:underline}.login-page.dark .forgot-password-link{color:#6b7280}.login-page.dark .forgot-password-link:hover{color:#4080be}.button-icon{font-size:1.2rem;transition:transform .3s ease}.login-button:hover .button-icon{transform:translateX(3px)}.login-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}@keyframes float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-20px) translateX(10px)}50%{transform:translateY(0) translateX(20px)}75%{transform:translateY(20px) translateX(10px)}}.bg-circle{animation:float 7s ease-in-out infinite;background:#ffffff1a}.circle-1{animation-delay:-2.33s;height:200px;left:10%;top:10%;width:200px}.circle-2{animation-delay:-4.67s;height:300px;right:10%;top:60%;width:300px}.circle-3{animation-delay:-1.17s;bottom:20%;left:60%}.circle-4{animation-delay:-5.83s;height:100px;right:30%;top:30%;width:100px}.circle-5{animation-delay:-3.5s;bottom:40%;height:120px;left:20%;width:120px}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1 1;margin-bottom:0}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000}.login-page.dark .modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3}.modal-content{animation:modalAppear .3s ease-out forwards;max-width:400px;padding:0;transform:scale(.9);width:90%}.login-page.dark .modal-content{background:#1a202c;box-shadow:0 20px 60px #0009;color:#e2e8f0}@keyframes modalAppear{to{transform:scale(1)}}.modal-header{color:#fff;position:relative;text-align:center}.login-page.dark .modal-header,.modal-header{background:linear-gradient(135deg,#4d8dcb,#3d6fa1)}.modal-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.login-page.dark .modal-header h3{color:#f7fafc}.modal-close{background:#fff3;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.modal-close img{height:20px!important;opacity:.7!important;transition:opacity .2s!important;width:20px!important}.modal-close:hover{background:#3434344d;transform:scale(1.1)}.modal-close:hover img{opacity:1!important}.login-page.dark .modal-close{background:#0000004d;color:#e0e0e0}.login-page.dark .modal-close:hover{background:#00000080;background:#4a5568;color:#f7fafc}.modal-body{padding:1rem 1.5rem 1.5rem}.login-page.dark .modal-body{background:#1a202c}.modal-body p{color:#6b7280;line-height:1.6;margin-bottom:1.5rem}.login-page.dark .modal-body p{color:#cbd5e0}.forgot-form{margin:0}.forgot-form .form-group{background:#fff;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.login-page.dark .forgot-form .form-group{background:#2d3748!important;border:1px solid #4a5568}.forgot-form .form-group label{color:#1f2937;font-size:.85rem;font-weight:600;letter-spacing:.5px}.login-page.dark .forgot-form .form-group label{color:#cbd5e0!important}.forgot-form .input-wrapper{margin-top:.75rem}.forgot-form .form-group input,.forgot-form input{background:#fff;border:2px solid #e5e7eb;color:#1f2937}.login-page.dark .forgot-form .form-group input,.login-page.dark .forgot-form input{background:#1a202c!important;border-color:#4a5568!important;color:#e2e8f0!important}.login-page.dark .forgot-form .form-group input:focus,.login-page.dark .forgot-form input:focus{background:#0f1419!important;border-color:#63b3ed!important}.login-page.dark .forgot-form .form-group input::placeholder,.login-page.dark .forgot-form input::placeholder{color:#a0aec0!important}.forgot-form .modal-actions{background:#fff;border-radius:8px;display:flex;gap:1rem;justify-content:center;padding:1.5rem}.login-page.dark .forgot-form .modal-actions{background:#2d3748!important;border:1px solid #4a5568}.signup-email-form .form-group{background:#fff;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.login-page.dark .signup-email-form .form-group{background:#2d3748!important;border:1px solid #4a5568}.signup-email-form .form-group label{color:#1f2937;font-size:.85rem;font-weight:600;letter-spacing:.5px}.login-page.dark .signup-email-form .form-group label{color:#cbd5e0!important}.signup-email-form .input-wrapper{margin-top:.75rem}.signup-email-form .input-wrapper input{padding-left:2.75rem}.signup-email-form .form-group input,.signup-email-form input{background:#fff;border:2px solid #e5e7eb;color:#1f2937}.login-page.dark .signup-email-form .form-group input,.login-page.dark .signup-email-form input{background:#1a202c!important;border-color:#4a5568!important;color:#e2e8f0!important}.login-page.dark .signup-email-form .form-group input:focus,.login-page.dark .signup-email-form input:focus{background:#0f1419!important;border-color:#63b3ed!important}.login-page.dark .signup-email-form .form-group input::placeholder,.login-page.dark .signup-email-form input::placeholder{color:#a0aec0!important}.signup-email-form .modal-actions{background:#fff;border-radius:8px;display:flex;gap:1rem;justify-content:center;padding:1.5rem}.login-page.dark .signup-email-form .modal-actions{background:#2d3748!important;border:1px solid #4a5568}.modal-actions{justify-content:center}.modal-actions .modal-cancel-btn,.modal-actions .modal-send-btn{align-items:center!important;display:flex!important;flex:1 1!important;justify-content:center!important;min-height:48px!important}.modal-cancel-btn{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-weight:600!important;padding:12px 24px!important;transition:all .3s ease!important}.modal-cancel-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226)!important;box-shadow:0 4px 12px #e74c3c4d!important;transform:translateY(-2px)!important}.login-page.dark .modal-cancel-btn{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;box-shadow:0 4px 12px #e74c3c33!important}.login-page.dark .modal-cancel-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226)!important;box-shadow:0 6px 16px #e74c3c66!important}.modal-send-btn{background:linear-gradient(135deg,#27ae60,#229954)!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-weight:600!important;padding:12px 24px!important;transition:all .3s ease!important}.modal-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#229954,#1e8449)!important;box-shadow:0 4px 12px #27ae604d!important;transform:translateY(-2px)!important}.modal-send-btn:disabled{cursor:not-allowed!important;opacity:.6!important}.login-page.dark .modal-send-btn{background:linear-gradient(135deg,#27ae60,#229954)!important;box-shadow:0 4px 12px #27ae6033!important}.login-page.dark .modal-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#229954,#1e8449)!important;box-shadow:0 6px 16px #27ae6066!important}.modal-actions .cancel-btn,.modal-actions .reset-btn,.modal-actions .send-otp-btn{flex:1 1;min-width:140px}.cancel-btn,.reset-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.cancel-btn{background:#f0f0f0;border:2px solid #e0e0e0;color:#333}.cancel-btn:hover{background:#e8e8e8;border-color:#4d8dcb;color:#4d8dcb}.login-page.dark .cancel-btn{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.login-page.dark .cancel-btn:hover{background:#1a202c;border-color:#63b3ed;color:#90cdf4}.reset-btn{background:linear-gradient(135deg,#4d8dcb,#3d6fa1);box-shadow:0 4px 15px #4d8dcb4d;color:#fff}.reset-btn:hover{background:linear-gradient(135deg,#3d6fa1,#2d5070);box-shadow:0 6px 20px #4d8dcb66;transform:translateY(-2px)}.send-otp-btn{background:linear-gradient(135deg,#4d8dcb,#3d6fa1);border:none;border-radius:8px;box-shadow:0 4px 15px #4d8dcb4d;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.send-otp-btn:hover:not(:disabled){background:linear-gradient(135deg,#3d6fa1,#2d5070);box-shadow:0 6px 20px #4d8dcb66;transform:translateY(-2px)}.send-otp-btn:active:not(:disabled){transform:translateY(0)}.send-otp-btn:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed}.login-page.dark .send-otp-btn{background:linear-gradient(135deg,#4d8dcb,#3d6fa1);box-shadow:0 4px 15px #4d8dcb4d}.login-page.dark .send-otp-btn:hover:not(:disabled){box-shadow:0 6px 20px #4d8dcb66}.reset-success{padding:1rem 0;text-align:center}.success-icon{font-size:3rem;margin-bottom:1rem}.reset-success p{color:#10b981;font-weight:500;margin:0}.login-page.dark .reset-success p{color:#34d399}.activation-form .form-group{background:#fff;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.login-page.dark .activation-form .form-group{background:#2d3748!important;border:1px solid #4a5568}.activation-form .form-group label{color:#1f2937;font-size:.85rem;font-weight:600;letter-spacing:.5px}.login-page.dark .activation-form .form-group label{color:#cbd5e0!important}.activation-form .input-container{align-items:center;display:flex;margin-top:.75rem;position:relative}.activation-form .input-icon{left:12px;position:absolute;z-index:2}.activation-form input{background:#fff;border:2px solid #e5e7eb;color:#1f2937;padding-left:40px!important}.login-page.dark .activation-form input{background:#1a202c!important;border-color:#4a5568!important;color:#e2e8f0!important}.login-page.dark .activation-form input:focus{background:#0f1419!important;border-color:#63b3ed!important}.login-page.dark .activation-form input::placeholder{color:#a0aec0!important}.error-message{align-items:center;color:#dc3545;display:flex;gap:.5rem;margin-top:.5rem}.login-page.dark .error-message{color:#fc8181}.activation-form .modal-actions{background:#fff;border-radius:8px;justify-content:center;padding:1.5rem}.login-page.dark .activation-form .modal-actions{background:#2d3748!important;border:1px solid #4a5568}.activation-option-btn{border:1px solid #e5e7eb;border-radius:8px;gap:1rem;margin-bottom:.75rem;padding:1.25rem}.activation-option-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 6px #0000001a}.login-page.dark .activation-option-btn{background:#2d3748!important;border:1px solid #4a5568!important;color:#e2e8f0!important}.login-page.dark .activation-option-btn:hover{background:#374151!important;border-color:#718096!important;box-shadow:0 4px 6px #0000004d}.activation-option-btn .option-icon{align-items:center;display:flex;font-size:1.75rem;justify-content:center;min-width:3rem}.activation-option-btn .option-content h5{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.login-page.dark .activation-option-btn .option-content h5{color:#e2e8f0!important}.activation-option-btn .option-content p{color:#9ca3af;font-size:.875rem;margin:0 0 .25rem}.login-page.dark .activation-option-btn .option-content p{color:#a0aec0!important}.activation-option-btn .option-content small{color:#9ca3af;font-size:.75rem}.login-page.dark .activation-option-btn .option-content small{color:#a0aec0!important}.admin-option-btn{border:1px solid #e5e7eb;gap:.5rem;padding:1rem;text-align:center}.admin-option-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 6px #0000001a}.login-page.dark .admin-option-btn{background:#2d3748!important;border:1px solid #4a5568!important;color:#e2e8f0!important}.login-page.dark .admin-option-btn:hover{background:#374151!important;border-color:#718096!important;box-shadow:0 4px 6px #0000004d}.admin-icon{font-size:1.5rem}.admin-label{color:#1f2937;font-size:.875rem;font-weight:600}.login-page.dark .admin-label{color:#e2e8f0!important}.back-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:.95rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-btn:hover{background:#f9fafb;border-color:#d1d5db}.login-page.dark .back-btn{background:#2d3748!important;border:1px solid #4a5568!important;color:#e2e8f0!important}.login-page.dark .back-btn:hover{background:#374151!important;border-color:#718096!important}.login-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;min-height:50px;padding:1rem;text-transform:uppercase;transition:all .3s ease;width:100%}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-page.dark .login-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f633}.login-page.dark .login-btn:hover:not(:disabled){box-shadow:0 6px 20px #3b82f680}.link-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-weight:600;padding:0;text-decoration:underline;transition:color .3s ease}.link-btn:hover{color:#2563eb}.login-page.dark .link-btn{color:#60a5fa}.login-page.dark .link-btn:hover{color:#93c5fd}.form-footer{margin-top:1.5rem;text-align:center}.form-footer p{color:#6b7280;font-size:.95rem;margin:0}.login-page.dark .form-footer p{color:#9ca3af}.otp-resend-section{margin-top:1rem;text-align:center}.otp-resend-section p{color:#6b7280;font-size:.875rem;margin:.5rem 0}.login-page.dark .otp-resend-section p{color:#9ca3af}@media (max-width:768px){.signup-back-button{display:flex}.login-page .login-container{flex-direction:column;max-width:500px;padding:1rem;width:95%}.login-page .sliding-panel{border-radius:20px 20px 0 0;padding:1.5rem;width:100%}.login-page .form-container{border-radius:0 0 20px 20px;padding:1.5rem;width:100%}.login-page .panel-brand-name{font-size:1.75rem}.login-page .panel-content h2{font-size:1.25rem}.login-page .panel-content p{font-size:.9rem}.login-page .login-welcome h2{font-size:1.5rem}.login-page .login-btn{font-size:.95rem;min-height:50px}}@media (max-width:480px){.login-page .login-container{padding:.75rem;width:98%}.login-page .form-container,.login-page .sliding-panel{padding:1.25rem}.login-page .panel-logo-image{height:60px;width:60px}.login-page .panel-brand-name{font-size:1.5rem}.login-page .panel-brand-tagline{font-size:.8rem}.login-page .panel-content h2{font-size:1.1rem}.login-page .panel-content p{font-size:.85rem}.login-page .login-welcome h2{font-size:1.3rem}.login-page .login-form label{font-size:.85rem}.login-page .login-input{font-size:16px!important;padding:.875rem 1rem}.login-page .input-wrapper .login-input{padding-left:2.75rem}.login-page .password-input-wrapper{position:relative}.login-page .password-input-wrapper .login-input{padding-left:2.75rem;padding-right:2.75rem}.login-page .password-input-wrapper .input-icon{left:.75rem}.signup-email-form .input-wrapper input{padding-left:2.75rem!important}.login-page .login-btn{font-size:.9rem;min-height:50px;padding:1rem}.login-page .form-footer p{font-size:.875rem}.login-page .otp-resend-section p{font-size:.8rem}}.login-page.dark .activation-form .modal-actions .cancel-btn{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 4px 15px #dc262633!important;color:#fff!important}.login-page.dark .activation-form .modal-actions .cancel-btn:hover{box-shadow:0 6px 20px #dc262680!important;color:#fff!important}.login-page.dark .activation-form .modal-actions .activate-btn{background:linear-gradient(135deg,#16a34a,#15803d)!important;box-shadow:0 4px 15px #16a34a33!important;color:#fff!important}.login-page.dark .activation-form .modal-actions .activate-btn:hover:not(:disabled){box-shadow:0 6px 20px #16a34a80!important;color:#fff!important}.activation-form .modal-actions{display:flex!important;gap:1rem!important;margin-top:1.5rem!important}.activation-form .modal-actions .activate-btn,.activation-form .modal-actions .cancel-btn{border:none!important;border-radius:8px!important;cursor:pointer!important;flex:1 1!important;font-size:.95rem!important;font-weight:600!important;letter-spacing:.5px!important;min-height:48px!important;padding:.875rem 1.5rem!important;text-transform:uppercase!important;transition:all .3s ease!important}.activation-form .modal-actions .cancel-btn{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 4px 15px #dc26264d!important;color:#fff!important}.activation-form .modal-actions .cancel-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)!important;box-shadow:0 6px 20px #dc262666!important;transform:translateY(-2px)!important}.activation-form .modal-actions .activate-btn{background:linear-gradient(135deg,#16a34a,#15803d)!important;box-shadow:0 4px 15px #16a34a4d!important;color:#fff!important}.activation-form .modal-actions .activate-btn:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#166534)!important;box-shadow:0 6px 20px #16a34a66!important;transform:translateY(-2px)!important}.activation-form .modal-actions .activate-btn:disabled{cursor:not-allowed!important;opacity:.6!important;transform:none!important}.activate-btn{background:linear-gradient(135deg,#4d8dcb,#3d6fa1);border:none;border-radius:8px;box-shadow:0 4px 15px #4d8dcb4d;color:#fff;cursor:pointer;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.activate-btn:hover{background:linear-gradient(135deg,#3d6fa1,#2d5070);box-shadow:0 6px 20px #4d8dcb66;transform:translateY(-2px)}.admin-actions{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.generate-account-btn{background:linear-gradient(135deg,#4d8dcb,#3d6fa1);border:none;border-radius:8px;box-shadow:0 4px 15px #4d8dcb4d;color:#fff;cursor:pointer;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.generate-account-btn:hover{background:linear-gradient(135deg,#3d6fa1,#2d5070);box-shadow:0 6px 20px #4d8dcb66;transform:translateY(-2px)}.login-page.dark .admin-actions{border-top-color:#4a5568}.login-page.dark .generate-account-btn{background:linear-gradient(135deg,#4d8dcb,#3d6fa1);box-shadow:0 4px 15px #4d8dcb4d}.signup-page{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;transition:all .3s ease}.signup-page.dark{background:linear-gradient(135deg,#2d3748,#1a202c)}.signup-container{align-items:stretch;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);background:#ffffff26;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e;display:flex;height:auto;margin:1rem;max-height:90vh;max-width:1000px;min-height:650px;overflow:hidden;position:relative;width:100%;z-index:100}@media (max-width:768px){.signup-page{padding:1rem 0}.signup-container{flex-direction:column;margin:0 auto;max-width:500px;min-height:auto;padding:0;width:95%}.signup-panel{border-bottom:1px solid #ffffff2e;border-radius:20px 20px 0 0;border-right:none;min-height:auto;padding:1.5rem;position:relative;width:100%!important}.signup-panel .panel-brand{margin-bottom:1rem}.signup-panel .panel-logo-image{height:60px;width:60px}.signup-panel .panel-brand-name{font-size:1.75rem}.signup-panel .panel-brand-tagline{font-size:.85rem}.signup-panel h2{font-size:1.25rem;margin:1rem 0 .5rem}.signup-panel p{font-size:.9rem}.activation-key-display{margin:1.5rem 0;padding:1.5rem}.panel-login-link{margin-top:2rem}.signup-form-container{border-radius:0 0 20px 20px;min-height:auto;padding:1.5rem;position:relative;width:100%!important}.signup-welcome h2{font-size:1.5rem}.signup-welcome p{font-size:.9rem}.step-indicator{margin-bottom:1.5rem;padding:0}.step-circle{font-size:1rem;height:40px;width:40px}.step-labels{font-size:.8rem;gap:.75rem}.form-row{flex-direction:column;gap:0}.form-row .input-field{margin-bottom:1rem;width:100%}.signup-form select,.signup-input{font-size:1rem;min-height:48px}.signup-form label{font-size:.95rem}.step-buttons{flex-direction:column;gap:.75rem;margin-top:1.5rem}.step-buttons .signup-button{min-height:48px;width:100%}.file-upload-button{min-height:48px}}@media (max-width:480px){.signup-page{padding:0}.signup-container,.signup-page{align-items:center;display:flex;justify-content:center}.signup-container{border-radius:20px;flex-direction:column;margin:0;max-height:90vh;max-width:400px;min-height:auto;padding:1rem;width:90%}.signup-panel{display:none!important}.signup-panel .panel-logo-image{height:50px;width:50px}.signup-panel .panel-brand-name{font-size:1.3rem}.signup-panel .panel-brand-tagline{font-size:.8rem}.signup-panel h2{font-size:1.2rem}.signup-panel p{font-size:.85rem}.signup-form-container{border-radius:0;padding:1rem;position:relative;width:100%!important}.signup-form-content{padding:0}.signup-welcome h2{font-size:1.2rem;margin-bottom:.5rem}.signup-welcome p{font-size:.85rem}.step-indicator{gap:0;margin-bottom:.75rem;padding:0 .25rem}.step-circle{font-size:.75rem;height:28px;width:28px}.step-line{flex:1 1;height:2px;min-width:15px}.step-labels{flex-wrap:nowrap;font-size:.6rem;gap:.3rem}.step-labels span{font-size:.6rem;padding:0 .2rem}.signup-input{font-size:.9rem;padding:.7rem}.signup-form label{font-size:.75rem;margin-bottom:.4rem}.signup-form .form-row{gap:0;margin-bottom:.5rem}.signup-form .form-row .input-field{margin-bottom:.75rem}.signup-button{font-size:.85rem;padding:.85rem 1rem}.signup-button.secondary{padding:.75rem 1rem}.step-buttons{gap:.75rem;margin-top:1rem}.panel-login-button{font-size:.85rem;padding:.7rem 1.25rem}.panel-login-link p{font-size:.85rem}.activation-key-display{margin-top:.75rem;padding:.75rem}.activation-key-display .key-label{font-size:.7rem}.activation-key-display .key-value{font-size:.85rem;padding:.5rem}.activation-key-display .key-type-label{font-size:.75rem}.signup-form .error-message{font-size:.75rem;padding:.5rem}.signup-form .password-input-wrapper .password-toggle{height:35px;right:.75rem;width:35px}.date-note{font-size:.75rem;margin-top:.25rem}.file-upload-button{font-size:.8rem;gap:.4rem;padding:.7rem .9rem}.file-upload-icon{height:20px;width:20px}.file-preview{padding:.6rem}.file-name{font-size:.8rem}.remove-file{font-size:.9rem;height:28px;width:28px}.verification-notes{display:none}.modal-content{margin:1rem;max-width:95%;padding:0;width:95%}.modal-header{padding:1rem}.modal-header h3{font-size:1.1rem}.modal-body{padding:1rem}.modal-actions{flex-direction:column;gap:.75rem}.modal-actions .cancel-btn,.modal-actions .reset-btn,.modal-actions .send-otp-btn{min-width:100%;width:100%}.login-theme-toggle{font-size:1.1rem;height:40px;right:.75rem;top:.75rem;width:40px}}.signup-page.dark .signup-container{backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);background:#1e1e1e40;border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #00000080}.signup-panel{align-items:center;background:#45454559;border-radius:20px 0 0 20px;border-right:1px solid #ffffff2e;color:#fff;display:flex;justify-content:center;min-height:100%;overflow-y:auto;padding:2rem 1.5rem;position:relative;text-align:center;width:50%;z-index:51}.signup-page.dark .signup-panel,.signup-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.signup-page.dark .signup-panel{background:#4a556859;border-right:1px solid #ffffff1a}.signup-panel .panel-content{display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;max-width:350px;padding:.5rem;width:100%}.signup-panel .panel-brand{margin-bottom:1rem;text-align:center}.signup-panel .brand-icon{align-items:center;display:flex;font-size:3rem;justify-content:center;margin-bottom:.5rem}.signup-panel .panel-logo-image{background:#fff;border:2px solid #fffc;border-radius:50%;box-shadow:0 4px 15px #0003;height:50px;object-fit:contain;padding:4px;transition:all .3s ease;width:50px}.signup-panel .panel-logo-image:hover{box-shadow:0 6px 20px #0000004d;transform:scale(1.05)}.signup-panel .panel-brand-name{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .25rem;text-shadow:2px 2px 8px #0000004d}.signup-panel .panel-brand-tagline{color:#ffffffe6;font-size:.85rem;font-style:italic;margin:0 0 .75rem;text-shadow:1px 1px 4px #0000004d}.signup-panel h2{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:.5rem;text-shadow:2px 2px 6px #0000004d}.signup-panel p{color:#fff;font-size:.9rem;line-height:1.4;margin-bottom:.75rem;opacity:.9;text-shadow:1px 1px 4px #0003}.activation-key-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-top:1rem;padding:1rem}.activation-key-display .key-label{color:#fff;font-size:.75rem;margin-bottom:.3rem;opacity:.8}.activation-key-display .key-value{color:#fff;font-size:1rem;font-weight:700;letter-spacing:2px;margin-bottom:.5rem;word-break:break-all}.activation-key-display .key-type-label{align-items:center;color:#fff;display:flex;font-size:.8rem;gap:.5rem;justify-content:center;margin-bottom:0;opacity:.9}.activation-key-display .role-icon{font-size:1.1rem}.panel-login-link{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;text-align:center}.panel-login-link p{color:#fff;font-size:.85rem;margin:0;opacity:.95}.panel-login-button{background:#0000;border:2px solid #fff;border-radius:25px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1.75rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.panel-login-button:hover{background:#fff;box-shadow:0 4px 12px #ffffff4d;color:#4080be;transform:translateY(-2px)}.signup-form-container{align-items:center;background:#fff;border-radius:0 20px 20px 0;display:flex;justify-content:center;overflow-y:auto;padding:2rem 1.5rem;position:relative;width:50%;z-index:50}.signup-page.dark .signup-form-container{background:#1a202c}.signup-form-content{margin:0 auto;max-width:400px;width:100%}.signup-welcome{margin-bottom:.75rem;text-align:center}.signup-welcome h2{color:#2d3748;font-size:1.4rem;font-weight:600;margin:0 0 .25rem}.signup-page.dark .signup-welcome h2{color:#f7fafc}.signup-welcome p{color:#64748b;font-size:.85rem;margin:0}.signup-page.dark .signup-welcome p{color:#cbd5e0}.step-indicator{align-items:center;display:flex;gap:0;justify-content:center;margin-bottom:.5rem;padding:0 1rem}.step,.step-circle{align-items:center;display:flex;flex-shrink:0;position:relative}.step-circle{background:#e5e7eb;border-radius:50%;color:#9ca3af;font-size:.9rem;font-weight:600;height:36px;justify-content:center;transition:all .3s ease;width:36px;z-index:2}.step.active .step-circle{background:linear-gradient(135deg,#4080be,#5090ce);box-shadow:0 4px 15px #667eea4d;color:#fff}.step.completed .step-circle{background:#10b981;color:#fff}.step-line{background:#e5e7eb;flex:1 1;height:3px;margin:0 -2px;min-width:40px;transition:all .3s ease}.step.active .step-line,.step.completed .step-line{background:#10b981}.step-labels{color:#9ca3af;display:flex;font-size:.7rem;font-weight:500;justify-content:space-between;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.step-labels span{flex:1 1;text-align:center;transition:all .3s ease}.step-labels .active-label{color:#4080be;font-weight:600}.signup-page.dark .step-circle{background:#4a5568;color:#cbd5e0}.signup-page.dark .step.active .step-circle{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff}.signup-page.dark .step-line{background:#4a5568}.signup-page.dark .step-labels{color:#718096}.signup-page.dark .step-labels .active-label{color:#90cdf4}.signup-form{margin-bottom:0;position:relative}.step-content{display:none;opacity:0;transform:translateX(20px);transition:all .4s ease}.step-content.active{animation:slideIn .4s ease;display:block;opacity:1;transform:translateX(0)}.step-buttons{display:flex;gap:.75rem;margin-top:1rem}.step-buttons .signup-button{flex:1 1;margin-top:0}.signup-button.secondary{background:#0000;border:2px solid #4080be;box-shadow:none;color:#4080be}.signup-button.secondary:hover{background:#4080be;color:#fff}.signup-page.dark .signup-button.secondary{border-color:#90cdf4;color:#90cdf4}.signup-page.dark .signup-button.secondary:hover{background:#4080be;border-color:#4080be;color:#fff}.signup-form .form-row{display:flex;gap:1rem;margin-bottom:.6rem}.signup-form .form-row .input-field{flex:1 1}.signup-form label{color:#374151;display:block;font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:.3rem;margin-top:.5rem;text-transform:uppercase}.signup-form .form-row .input-field label{margin-top:0}.signup-page.dark .signup-form label{color:#cbd5e0}.signup-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#2d3748;font-size:.9rem;margin-bottom:.25rem;outline:none;padding:.65rem .85rem;transition:all .3s ease;width:100%}.signup-input:focus{background:#fff;border-color:#4080be;box-shadow:0 0 0 3px #667eea1a}.signup-input::placeholder{color:#9ca3af}.signup-input.error{border-color:#e53e3e}.signup-page.dark .signup-input{background:#4a5568;border-color:#4a5568;color:#f7fafc}.signup-page.dark .signup-input:focus{background:#2d3748;box-shadow:0 0 0 3px #667eea33}.signup-form .password-input-wrapper{margin-bottom:.3rem;position:relative}.signup-form .password-input-wrapper .input-icon{height:20px;left:1rem;opacity:.6;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:5}.signup-form .password-input-wrapper .signup-input{margin-bottom:0;padding-left:3rem!important;padding-right:3rem!important}.signup-form .password-input-wrapper .password-toggle{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.1rem;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:5}.signup-form .password-input-wrapper .password-toggle img{height:20px!important;opacity:.6!important;transition:opacity .2s!important;width:20px!important}.signup-form .password-input-wrapper .password-toggle:hover img{opacity:1!important}.signup-form .password-input-wrapper .password-toggle:hover{color:#4080be}.signup-page.dark .signup-form .password-input-wrapper .password-toggle{color:#cbd5e0}.signup-page.dark .signup-form .password-input-wrapper .password-toggle:hover{color:#4080be}.signup-form .error-message{color:#e53e3e;display:block;font-size:.75rem;margin-top:.3rem}.signup-button{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:.7rem 1.5rem;transition:all .3s ease;width:100%}.signup-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.signup-button:disabled{cursor:not-allowed;opacity:.6}.signup-button .button-icon{font-size:1.2rem;transition:transform .3s ease}.signup-button:hover .button-icon{transform:translateX(3px)}.login-link{color:#64748b;font-size:.85rem;margin-top:1rem;text-align:center}.signup-page.dark .login-link{color:#cbd5e0}.login-link a{color:#4080be;font-weight:500;text-decoration:none}.login-link a:hover{text-decoration:underline}.verified-email-section{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:8px;display:flex;gap:.75rem;margin-bottom:.75rem;padding:.75rem}.verified-badge{flex-shrink:0;font-size:1.5rem}.email-info{text-align:left}.verified-label{font-size:.75rem;font-weight:500;margin:0;opacity:.9}.verified-email{font-size:.85rem;font-weight:600;margin:.2rem 0 0;word-break:break-all}.verified-email-display{margin-bottom:1rem}.verified-email-card{align-items:center;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.signup-page.dark .verified-email-card{background:#3b82f61a;border:1px solid #3b82f64d}.verified-icon{flex-shrink:0;font-size:1.5rem}.verified-content{flex:1 1;text-align:left}.verified-title{color:#64748b;font-size:.75rem;font-weight:500;margin:0}.signup-page.dark .verified-title{color:#cbd5e0}.verified-email-text{color:#2d3748;font-size:.85rem;font-weight:600;margin:.2rem 0;word-break:break-all}.signup-page.dark .verified-email-text{color:#f7fafc}.verified-note{color:#64748b;font-size:.7rem;margin:.2rem 0 0}.signup-page.dark .verified-note{color:#a0aec0}.date-note{margin-top:.35rem;text-align:left}.date-note small{color:#64748b;font-size:.75rem}.signup-page.dark .date-note small{color:#cbd5e0}.password-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:.75rem;padding:.75rem}.signup-page.dark .password-requirements{background:#ffffff0d;border:1px solid #ffffff1a}.password-requirements p{color:#2d3748;font-size:.8rem;font-weight:600;margin:0 0 .5rem}.signup-page.dark .password-requirements p{color:#f7fafc}.password-requirements ul{list-style:none;margin:0;padding:0}.password-requirements li{align-items:center;display:flex;font-size:.75rem;gap:.4rem;padding:.3rem 0}.password-requirements .requirement-met{color:#10b981}.password-requirements .requirement-not-met{color:#64748b}.signup-page.dark .password-requirements .requirement-not-met{color:#94a3b8}.signup-email-form .modal-actions{display:flex!important;gap:1rem!important;margin-top:1.5rem!important}.signup-email-form .modal-actions .cancel-btn,.signup-email-form .modal-actions .send-otp-btn{border:none!important;border-radius:8px!important;cursor:pointer!important;flex:1 1!important;font-size:.95rem!important;font-weight:600!important;letter-spacing:.5px!important;min-height:48px!important;padding:.875rem 1.5rem!important;text-transform:uppercase!important;transition:all .3s ease!important}.signup-email-form .modal-actions .cancel-btn{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 4px 15px #dc26264d!important;color:#fff!important}.signup-email-form .modal-actions .cancel-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)!important;box-shadow:0 6px 20px #dc262666!important;transform:translateY(-2px)!important}.signup-email-form .modal-actions .send-otp-btn{background:linear-gradient(135deg,#16a34a,#15803d)!important;box-shadow:0 4px 15px #16a34a4d!important;color:#fff!important}.signup-email-form .modal-actions .send-otp-btn:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#166534)!important;box-shadow:0 6px 20px #16a34a66!important;transform:translateY(-2px)!important}.signup-email-form .modal-actions .send-otp-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280)!important;cursor:not-allowed!important;opacity:.6!important;transform:none!important}.create-password-form .modal-actions{display:flex!important;gap:1rem!important;margin-top:1.5rem!important}.create-password-form .modal-actions .cancel-btn,.create-password-form .modal-actions .create-account-btn{border:none!important;border-radius:8px!important;cursor:pointer!important;flex:1 1!important;font-size:.95rem!important;font-weight:600!important;letter-spacing:.5px!important;min-height:48px!important;padding:.875rem 1.5rem!important;text-transform:uppercase!important;transition:all .3s ease!important}.create-password-form .modal-actions .cancel-btn{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 4px 15px #dc26264d!important;color:#fff!important}.create-password-form .modal-actions .cancel-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)!important;box-shadow:0 6px 20px #dc262666!important;transform:translateY(-2px)!important}.create-password-form .modal-actions .create-account-btn{background:linear-gradient(135deg,#16a34a,#15803d)!important;box-shadow:0 4px 15px #16a34a4d!important;color:#fff!important}.create-password-form .modal-actions .create-account-btn:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#166534)!important;box-shadow:0 6px 20px #16a34a66!important;transform:translateY(-2px)!important}.create-password-form .modal-actions .create-account-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280)!important;cursor:not-allowed!important;opacity:.6!important;transform:none!important}.student-link-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.student-link-display .link-label{color:#fffc;font-size:.8rem;font-weight:600;letter-spacing:1px;margin:0 0 .5rem;text-transform:uppercase}.student-link-display .student-name{color:#fff;font-size:1.2rem;font-weight:700;margin:.5rem 0}.student-link-display .student-id{color:#ffffffb3;font-family:Courier New,monospace;font-size:.85rem;margin:0}.student-link-display.mobile-only{display:none}@media (max-width:768px){.signup-container{border-radius:0;grid-template-columns:1fr;margin:0;max-width:100%}.signup-panel{display:none}.signup-form-container{padding:2rem 1.5rem;width:100%}.student-link-display.mobile-only{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #0003;color:#fff;display:block;margin:0 0 1.5rem;padding:1.5rem}.student-link-display.mobile-only .link-label{color:#fffffff2}.step-indicator{margin-bottom:1.5rem}.signup-welcome h2{font-size:1.75rem}}@media (max-width:480px){.signup-page{min-height:100vh}.signup-form-container{padding:1.5rem 1rem}.signup-form-content{padding:0}.step-indicator{margin-bottom:1rem;padding:0 .5rem}.step-circle{font-size:.9rem;height:32px;width:32px}.step-line{width:25px}.step-labels{font-size:.7rem;gap:.3rem}.form-row{flex-direction:column;gap:0}.form-row .input-field{flex:1 1 100%;margin-bottom:0}.student-link-display.mobile-only{margin-bottom:1.25rem;padding:1.25rem}.student-link-display .student-name{font-size:1.1rem}.student-link-display .student-id{font-size:.8rem}.signup-welcome h2{font-size:1.4rem}.signup-welcome p{font-size:.85rem}.signup-input{font-size:.9rem;padding:.7rem 1rem}.signup-button{font-size:.9rem;padding:.75rem 1.25rem}.step-buttons{gap:.75rem}.password-requirements{padding:.6rem}.password-requirements p{font-size:.75rem}.password-requirements li{font-size:.7rem;padding:.25rem 0}.date-note{margin-top:.25rem}.date-note small{font-size:.7rem}.login-link{font-size:.85rem;margin-top:1.5rem}}.generate-account-page{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;transition:all .3s ease}.generate-account-page.dark{background:linear-gradient(135deg,#2d3748,#1a202c)}.generate-account-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000001a;display:flex;margin:2rem;max-width:1100px;min-height:650px;overflow:hidden;position:relative;width:100%;z-index:100}.generate-account-page.dark .generate-account-container{background:#2d3748f2;box-shadow:0 20px 60px #0000004d}.generate-panel{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);color:#fff;display:flex;height:100%;justify-content:center;padding:2rem;position:relative;width:45%;z-index:51}.generate-account-page.dark .generate-panel{background:linear-gradient(135deg,#4a5568,#2d3748)}.generate-panel .panel-content{max-width:400px;padding:2rem}.generate-panel .panel-brand{margin-bottom:2rem;text-align:center}.generate-panel .brand-icon{font-size:3rem;margin-bottom:.5rem}.generate-panel .panel-brand-name{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.generate-panel .panel-brand-tagline{color:#ffffffe6;font-size:.9rem;font-style:italic;margin:0 0 1rem}.generate-panel h2{color:#fff;font-size:1.6rem;font-weight:600;margin-bottom:1rem}.generate-panel p{color:#fff;font-size:.95rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.info-cards{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.info-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;display:flex;gap:1rem;padding:1rem}.info-icon{flex-shrink:0;font-size:1.8rem}.info-text h4{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 .25rem}.info-text p{font-size:.8rem;line-height:1.4;margin:0;opacity:.85}.generate-form-container{align-items:center;display:flex;height:100%;justify-content:center;overflow-y:auto;padding:2rem;position:relative;width:55%;z-index:50}.generate-form-content{margin:auto;max-width:450px;width:100%}.generate-welcome{margin-bottom:2rem;text-align:center}.generate-welcome h2{color:#2d3748;font-size:1.6rem;font-weight:600;margin:0 0 .5rem}.generate-account-page.dark .generate-welcome h2{color:#f7fafc}.generate-welcome p{color:#64748b;font-size:.9rem;margin:0}.generate-account-page.dark .generate-welcome p{color:#cbd5e0}.generation-form{display:flex;flex-direction:column;gap:1.5rem}.generation-form .form-group{margin-bottom:0}.generation-form label{color:#374151;display:block;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.generate-account-page.dark .generation-form label{color:#cbd5e0}.generate-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#2d3748;font-size:1rem;outline:none;padding:.75rem 1rem;transition:all .3s ease;width:100%}.generate-input:focus{background:#fff;border-color:#4080be;box-shadow:0 0 0 3px #667eea1a}.generate-input::placeholder{color:#9ca3af}.generate-account-page.dark .generate-input{background:#4a5568;border-color:#4a5568;color:#f7fafc}.generate-account-page.dark .generate-input:focus{background:#2d3748;box-shadow:0 0 0 3px #667eea33}.input-hint{color:#9ca3af;display:block;font-size:.75rem;margin-top:.5rem}.generate-account-page.dark .input-hint{color:#6b7280}.generate-button{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:.8rem 1.5rem;transition:all .3s ease;width:100%}.generate-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.generate-button:disabled{cursor:not-allowed;opacity:.6}.generate-button .button-icon{font-size:1.2rem}.results-section{width:100%}.results-header{margin-bottom:2rem;text-align:center}.results-header h2{color:#2d3748;font-size:1.6rem;font-weight:600;margin:0 0 .5rem}.generate-account-page.dark .results-header h2{color:#f7fafc}.results-header p{color:#64748b;font-size:.9rem;margin:0}.generate-account-page.dark .results-header p{color:#cbd5e0}.results-actions{gap:1rem;margin-bottom:2rem}.action-button{border-radius:10px;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease}.action-button.primary{background:linear-gradient(135deg,#4080be,#5090ce);box-shadow:0 2px 10px #667eea4d}.action-button.primary:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.action-button.secondary{background:#f3f4f6;color:#374151}.action-button.secondary:hover{background:#e5e7eb}.generate-account-page.dark .action-button.secondary{background:#4a5568;color:#e2e8f0}.generate-account-page.dark .action-button.secondary:hover{background:#718096}.keys-list{margin-bottom:2rem;padding-right:.5rem}.keys-list::-webkit-scrollbar{width:6px}.keys-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.keys-list::-webkit-scrollbar-thumb{background:#4080be;border-radius:10px}.key-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.key-item:hover{border-color:#4080be;box-shadow:0 2px 8px #667eea1a}.generate-account-page.dark .key-item{background:#4a5568;border-color:#4a5568}.generate-account-page.dark .key-item:hover{border-color:#4080be;box-shadow:0 2px 8px #667eea33}.key-item-header{align-items:center;margin-bottom:.75rem}.key-type-badge{background:linear-gradient(135deg,#4080be,#5090ce);letter-spacing:.5px;text-transform:uppercase}.key-status-badge,.key-type-badge{border-radius:6px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.key-code-display{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.75rem;padding:.75rem 1rem;transition:all .3s ease}.key-code-display:hover{background:#f9fafb;border-color:#4080be}.generate-account-page.dark .key-code-display{background:#2d3748;border-color:#2d3748}.generate-account-page.dark .key-code-display:hover{background:#1a202c;border-color:#4080be}.key-code-text{color:#4080be;font-family:Courier New,monospace;font-size:1.1rem}.generate-account-page.dark .key-code-text{color:#90cdf4}.copy-icon{font-size:1.2rem;opacity:.6;transition:opacity .3s ease}.key-code-display:hover .copy-icon{opacity:1}.key-meta{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:1rem}.generate-account-page.dark .key-meta{color:#cbd5e0}.usage-guide{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-top:2rem;padding:1.5rem}.generate-account-page.dark .usage-guide{background:#4a5568;border-color:#4a5568}.usage-guide h3{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 1rem}.generate-account-page.dark .usage-guide h3{color:#f7fafc}.usage-guide ol{color:#4a5568;margin:0;padding-left:1.5rem}.generate-account-page.dark .usage-guide ol{color:#cbd5e0}.usage-guide li{font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.usage-guide li:last-child{margin-bottom:0}.login-page.dark .login-welcome p{color:#64748b!important}.login-page.dark .form-group label{color:#374151!important}.login-page.dark{color:#cbd5e0}.login-page.dark .input-container input::placeholder{color:#a0aec0}.login-page.dark .password-toggle{color:#cbd5e0}.login-page.dark .password-toggle:hover{color:#90cdf4}.login-page.dark .panel-content h2{color:#f7fafc}.login-page.dark .panel-content p{color:#e2e8f0;opacity:1}.login-page.dark .panel-brand-tagline{color:#e2e8f0}.login-page.dark .transparent-btn:hover{background:#fff;color:#4a5568}@media (max-width:768px){.login-container{border-radius:15px;display:flex!important;flex-direction:column;grid-template-columns:1fr;height:auto;margin:1rem;min-height:auto}.form-container{height:auto;left:0!important;opacity:1!important;padding:2rem 1.5rem;position:relative!important;right:0!important;transform:none!important;width:100%!important}.sign-in-form{display:flex!important;position:relative!important}.login-container.sign-up-mode .sign-in-form,.sign-up-form{display:none}.login-container.sign-up-mode .sign-up-form{display:flex}.sliding-panel{display:block!important;height:auto!important;left:0!important;min-height:200px;opacity:1!important;order:-1;padding:2rem 1.5rem;position:relative!important;right:0!important;transform:none!important;visibility:visible!important;width:100%!important}.panel-content{display:block!important;max-width:100%;text-align:center}.panel-brand{align-items:center;display:flex!important;flex-direction:column;margin-bottom:1rem}.panel-content h2{font-size:1.5rem}.panel-content p{font-size:.95rem}.transparent-btn{display:inline-block!important}.login-theme-toggle{font-size:1.2rem;height:45px;right:1rem;top:1rem;width:45px}.brand-name{font-size:1.8rem}.login-welcome h2{font-size:1.5rem}.login-welcome p{font-size:.95rem}.form-row{flex-direction:column;gap:.5rem}.form-row .form-group{margin-bottom:1rem}.form-group input,.login-input{font-size:.95rem;padding:.9rem}.login-button{font-size:.95rem;padding:.9rem 1.5rem}.transparent-btn{font-size:.9rem;padding:.85rem 1.75rem}.modal-content{margin:1rem;max-width:90%;width:90%}.signup-container{flex-direction:column;min-height:auto}.signup-panel{height:auto;order:-1;padding:2rem;width:100%}.signup-form-container{height:auto;padding:2rem 1.5rem;width:100%}.signup-form .form-row{flex-direction:column;gap:0}.signup-form .form-group{margin-bottom:1rem}.activation-key-display{margin-top:1.5rem}.generate-account-container{flex-direction:column;min-height:auto}.generate-panel{height:auto;order:-1;padding:2rem;width:100%}.generate-panel .panel-content{max-width:100%}.info-cards{flex-direction:column}.generate-form-container{height:auto;padding:2rem 1.5rem;width:100%}.results-actions{flex-direction:column}.action-button{width:100%}.modal-actions{flex-direction:column}.activate-btn,.cancel-btn,.reset-btn{width:100%}}@media (max-width:640px){.signup-container{margin:.5rem;padding:1rem}.signup-panel{min-height:auto;padding:1.5rem 1rem}.signup-panel .panel-content{padding:.5rem}.signup-panel .panel-brand-name{font-size:1.5rem}.signup-panel h2{font-size:1.3rem}.signup-panel p{font-size:.9rem}.signup-form-container{padding:1.5rem 1rem}.signup-welcome h2{font-size:1.3rem}.signup-welcome p{font-size:.9rem}.step-indicator{gap:0;margin-bottom:1rem;padding:0 .5rem}.step-circle{font-size:.85rem;height:30px;width:30px}.step-line{flex:1 1;height:3px;min-width:20px}.step-labels{font-size:.65rem;gap:.5rem}.signup-input{font-size:.95rem;padding:.75rem}.signup-button{font-size:.9rem;padding:.875rem 1.25rem}.signup-form label{font-size:.8rem}.file-upload-button{font-size:.85rem;gap:.5rem;padding:.75rem 1rem}.file-upload-icon{height:22px;width:22px}.panel-login-button{font-size:.9rem;padding:.75rem 1.5rem}.activation-key-display{margin-top:1rem;padding:1rem}.activation-key-display .key-label{font-size:.75rem}.activation-key-display .key-value{font-size:.9rem}}@media (max-width:480px){.login-container{border-radius:0;margin:0;min-height:100vh;padding:0}.form-container{padding:1.5rem 1rem}.login-form-content{width:100%}.brand-name{font-size:1.4rem}.brand-tagline{font-size:.8rem}.login-welcome h2{font-size:1.2rem}.login-form label,.login-welcome p{font-size:.85rem}.form-group input,.input-container input,.login-input{font-size:.9rem;padding:.75rem}.password-input-wrapper .password-toggle{height:35px;right:.75rem;width:35px}.login-button{font-size:.9rem;padding:.85rem 1.25rem}.forgot-password-link{font-size:.85rem}.sliding-panel{min-height:180px;opacity:1!important;padding:1.5rem 1rem!important;position:relative!important;visibility:visible!important;width:100%!important}.panel-content,.sliding-panel{display:block!important}.panel-content h2{font-size:1.3rem}.panel-content p{font-size:.85rem}.transparent-btn{display:inline-block!important;font-size:.85rem;padding:.75rem 1.5rem}.login-theme-toggle{font-size:1.1rem;height:40px;right:.75rem;top:.75rem;width:40px}.modal-content{margin:.5rem}.modal-body p{font-size:.9rem}.modal-actions{padding:1rem}.modal-actions button{width:100%}.activate-btn,.cancel-btn,.reset-btn,.send-otp-btn{font-size:.9rem;padding:.85rem 1rem}.admin-actions{flex-direction:column;gap:.75rem}.generate-account-btn{font-size:.85rem;padding:.75rem 1rem}.signup-container{border-radius:0;margin:0;min-height:100vh;padding:0}.signup-panel{border-radius:0;min-height:auto;padding:1rem}.signup-panel .panel-logo-image{height:50px;width:50px}.signup-panel .panel-brand-name{font-size:1.3rem}.signup-panel .panel-brand-tagline{font-size:.8rem}.signup-panel h2{font-size:1.2rem}.signup-panel p{font-size:.85rem}.signup-form-container{border-radius:0;padding:1rem}.signup-form-content{padding:0}.signup-welcome h2{font-size:1.2rem;margin-bottom:.5rem}.signup-welcome p{font-size:.85rem}.step-indicator{gap:0;margin-bottom:.75rem;padding:0 .25rem}.step-circle{font-size:.75rem;height:28px;width:28px}.step-line{flex:1 1;height:2px;min-width:15px}.step-labels{flex-wrap:nowrap;font-size:.6rem;gap:.3rem}.step-labels span{font-size:.6rem;padding:0 .2rem}.signup-input{font-size:.9rem;padding:.7rem}.signup-form label{font-size:.75rem;margin-bottom:.4rem}.signup-form .form-row{gap:0;margin-bottom:.5rem}.signup-form .form-row .input-field{margin-bottom:.75rem}.signup-button{font-size:.85rem;padding:.85rem 1rem}.signup-button.secondary{padding:.75rem 1rem}.step-buttons{gap:.75rem;margin-top:1rem}.panel-login-button{font-size:.85rem;padding:.7rem 1.25rem}.panel-login-link p{font-size:.85rem}.activation-key-display{margin-top:.75rem;padding:.75rem}.activation-key-display .key-label{font-size:.7rem}.activation-key-display .key-value{font-size:.85rem;padding:.5rem}.activation-key-display .key-type-label{font-size:.75rem}.signup-form .error-message{font-size:.75rem;padding:.5rem}.signup-form .password-input-wrapper .password-toggle{height:35px;right:.75rem;width:35px}.date-note{font-size:.75rem;margin-top:.25rem}.file-upload-button{font-size:.8rem;gap:.4rem;padding:.7rem .9rem}.file-upload-icon{height:20px;width:20px}.file-preview{padding:.6rem}.file-name{font-size:.8rem}.remove-file{font-size:.9rem;height:28px;width:28px}.verification-notes{display:none}.modal-content{margin:1rem;max-width:95%;padding:0;width:95%}.modal-header{padding:1rem}.modal-header h3{font-size:1.1rem}.modal-body{padding:1rem}.modal-actions{flex-direction:column;gap:.75rem}.modal-actions .cancel-btn,.modal-actions .reset-btn,.modal-actions .send-otp-btn{min-width:100%;width:100%}}@media (max-height:600px) and (orientation:landscape){.signup-container{height:auto;min-height:auto;overflow-y:auto}.signup-panel{min-height:auto;padding:1rem}.signup-panel .brand-icon{margin-bottom:.5rem}.signup-panel .panel-logo-image{height:40px;width:40px}.panel-brand-name{font-size:1.2rem;margin-bottom:.25rem}.panel-tagline{font-size:.8rem;margin-bottom:.5rem}.signup-form-container{padding:1rem}.signup-title{font-size:1.2rem;margin-bottom:.5rem}.step-indicator{gap:0;margin-bottom:1rem;padding:0 .5rem}.step-circle{font-size:.75rem;height:28px;width:28px}.step-line{flex:1 1;height:2px;min-width:20px}.step-labels{font-size:.6rem}.signup-form .input-field,.signup-form select,.signup-form textarea{font-size:.85rem;padding:.6rem}.signup-button{padding:.7rem 1rem}}@media (max-width:375px){.login-container{margin:0;padding:0}.form-container{padding:1.25rem .75rem}.brand-name{font-size:1.3rem}.brand-tagline{font-size:.75rem}.login-welcome h2{font-size:1.1rem}.login-welcome p{font-size:.8rem}.form-group input,.login-input{font-size:.85rem;padding:.7rem}.login-button{font-size:.85rem;padding:.8rem 1rem}.sliding-panel{min-height:160px;opacity:1!important;padding:1.25rem .75rem!important;visibility:visible!important}.panel-content,.sliding-panel{display:block!important}.panel-content h2{font-size:1.2rem}.panel-content p{font-size:.8rem}.transparent-btn{display:inline-block!important;font-size:.8rem;padding:.7rem 1.25rem}.signup-container{margin:0;padding:0}.signup-panel .panel-logo-image{height:45px;width:45px}.panel-brand-name{font-size:1.1rem}.panel-tagline{font-size:.75rem}.signup-title{font-size:1.1rem}.step-indicator{gap:0;padding:0}.step-circle{font-size:.7rem;height:26px;width:26px}.step-line{flex:1 1;height:2px;min-width:12px}.step-labels{font-size:.55rem;gap:.25rem}.signup-form label{font-size:.75rem}.signup-form .input-field,.signup-form select{font-size:.85rem;padding:.65rem}.signup-button{font-size:.8rem;padding:.8rem 1rem}.file-upload-button{font-size:.75rem;gap:.5rem;padding:.65rem .8rem}.file-upload-icon{height:18px;width:18px}.activation-key-display .key-value{font-size:.8rem;word-break:break-all}}@media (max-width:320px){.brand-name{font-size:1.2rem}.brand-tagline{font-size:.7rem}.login-welcome h2{font-size:1rem}.login-welcome p{font-size:.75rem}.form-group input,.login-input{font-size:.8rem;padding:.65rem}.login-button{font-size:.8rem;padding:.75rem .9rem}.sliding-panel{min-height:150px;opacity:1!important;visibility:visible!important}.panel-content,.sliding-panel{display:block!important}.panel-content h2{font-size:1.1rem}.panel-content p{font-size:.75rem}.transparent-btn{display:inline-block!important;font-size:.75rem;padding:.65rem 1.1rem}.modal-header h3{font-size:1rem}.modal-body p{font-size:.85rem}.signup-panel .panel-logo-image{height:40px;width:40px}.panel-brand-name{font-size:1rem}.panel-tagline{font-size:.7rem}.signup-title{font-size:1rem}.step-indicator{gap:0;padding:0}.step-circle{font-size:.65rem;height:24px;width:24px}.step-line{flex:1 1;height:2px;min-width:10px}.step-labels{font-size:.5rem}.signup-form .input-field,.signup-form select{font-size:.8rem;padding:.6rem}.signup-button{font-size:.75rem;padding:.75rem .85rem}.file-upload-button{font-size:.75rem;gap:.4rem;padding:.65rem .8rem}.file-upload-icon{height:16px;width:16px}}.verification-section{width:100%}.verification-section h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 .5rem;text-align:center}.signup-page.dark .verification-section h3{color:#f7fafc}.verification-description{color:#64748b;font-size:.9rem;line-height:1.5;margin:0 0 1.5rem;text-align:center}.signup-page.dark .verification-description{color:#cbd5e0}.file-upload-section{margin-bottom:1.5rem}.file-upload-label{align-items:center;color:#374151;display:flex;font-size:.85rem;font-weight:500;gap:.25rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.signup-page.dark .file-upload-label{color:#cbd5e0}.file-upload-label .required{color:#e53e3e;font-size:1rem}.file-upload-container{position:relative;width:100%}.file-input{display:none}.file-upload-button{align-items:center!important;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;box-sizing:border-box;color:#4080be;cursor:pointer;display:inline-flex!important;font-size:1rem;font-weight:500;gap:.5rem!important;justify-content:center!important;padding:.75rem 1rem;transition:all .3s ease;width:100%}.file-upload-icon{display:block;flex-shrink:0;height:24px;margin:0;object-fit:contain;order:-1!important;width:24px}.file-upload-button:hover{background:#fff;border-color:#4080be;box-shadow:0 0 0 3px #667eea1a}.signup-page.dark .file-upload-button{background:#4a5568;border-color:#4a5568;color:#90cdf4}.signup-page.dark .file-upload-button:hover{background:#2d3748;border-color:#4080be;box-shadow:0 0 0 3px #667eea33}.file-preview{align-items:center;background:#f0fdf4;border:2px solid #10b981;border-radius:12px;display:flex;justify-content:space-between;margin-top:.5rem;padding:.75rem 1rem}.signup-page.dark .file-preview{background:#10b9811a;border-color:#10b981}.file-name{color:#059669;flex:1 1;font-weight:500}.signup-page.dark .file-name{color:#34d399}.remove-file{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.remove-file:hover{background:#fecaca}.signup-page.dark .remove-file{background:#dc262633;color:#f87171}.signup-page.dark .remove-file:hover{background:#dc26264d}.upload-progress{background:#e5e7eb;border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden;width:100%}.signup-page.dark .upload-progress{background:#4a5568}.progress-bar{background:linear-gradient(90deg,#4080be,#5090ce);height:100%;transition:width .3s ease}.file-help{color:#9ca3af;font-size:.75rem;line-height:1.4;margin-bottom:0;margin-top:.5rem}.signup-page.dark .file-help{color:#6b7280}.verification-notes{animation:gentleBounce 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f0f9ff;border:2px solid #bfdbfe;border-radius:10px;box-shadow:0 8px 25px #00000026;max-width:220px;padding:.75rem 1rem;position:fixed;right:-15rem;top:50%;transform:translateY(-50%);z-index:1001}@keyframes gentleBounce{0%,to{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(-6px)}}.signup-page.dark .verification-notes{background:#3b82f633;border-color:#3b82f680;box-shadow:0 8px 25px #00000080}.verification-notes h4{align-items:center;color:#1e40af;display:flex;font-size:.8rem;font-weight:600;gap:.35rem;margin:0 0 .5rem}.verification-notes h4:before{content:"ℹ️";font-size:.95rem}.signup-page.dark .verification-notes h4{color:#60a5fa}.verification-notes p{color:#1e3a8a;font-size:.7rem;line-height:1.4;margin:0 0 .5rem}.signup-page.dark .verification-notes p{color:#93c5fd}.verification-notes ul{margin:0;padding-left:1rem}.verification-notes li{color:#1e3a8a;font-size:.7rem;line-height:1.4;margin-bottom:.35rem}.signup-page.dark .verification-notes li{color:#93c5fd}.verification-notes li:last-child{margin-bottom:0}@media (max-width:1024px){.verification-notes{animation:none;margin-top:1.5rem;max-width:100%;position:static;right:auto;top:auto;transform:none}}.recaptcha-container{display:flex;justify-content:center;margin:8px 0;min-height:78px}#recaptcha-container{transform:scale(.9);transform-origin:center}.grecaptcha-badge{visibility:visible!important}@media (max-width:480px){.recaptcha-container{transform:scale(.85)}#recaptcha-container{transform:scale(.8)}}.otp-modal-overlay{align-items:center;animation:fadeIn .3s ease-in;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.otp-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:450px;overflow:hidden;padding:0;width:90%}.login-page.dark .otp-modal-content{background:#1a202c;box-shadow:0 10px 40px #00000080}.otp-modal-header{background:linear-gradient(135deg,#4d8dcb,#3d6fa1);color:#fff;padding:2rem 2rem 1.5rem;position:relative;text-align:center}.otp-modal-header h2{font-size:1.5rem;font-weight:600;letter-spacing:.5px;margin:0}.otp-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff!important;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:0;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px}.otp-close-icon{height:18px;object-fit:contain;width:18px}.otp-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.login-page.dark .otp-modal-close{background:#0000004d;color:#e0e0e0}.login-page.dark .otp-modal-close:hover{background:#00000080}.login-page.dark .otp-close-icon{filter:brightness(.9) invert(1)}.otp-modal-body{padding:2rem}.otp-modal-description{color:#555;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}.login-page.dark .otp-modal-description{color:#cbd5e0}.otp-modal-description strong{color:#4d8dcb;font-weight:600}.login-page.dark .otp-modal-description strong{color:#90cdf4}.otp-input-group{margin-bottom:1.5rem}.otp-input-group label{color:#333;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.login-page.dark .otp-input-group label{color:#e2e8f0}.otp-input-field{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;font-family:Courier New,monospace;font-size:1rem;letter-spacing:.2rem;padding:.85rem 1rem;transition:all .3s ease;width:100%}.otp-input-field:focus{background:#f8fbff;border-color:#4d8dcb;box-shadow:0 0 0 3px #4d8dcb1a;outline:none}.login-page.dark .otp-input-field{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.login-page.dark .otp-input-field:focus{background:#1a202c;border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}.otp-input-field::placeholder{color:#999}.login-page.dark .otp-input-field::placeholder{color:#718096}.otp-modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.otp-modal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:.85rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.otp-modal-btn-primary{background:linear-gradient(135deg,#4d8dcb,#3d6fa1);box-shadow:0 4px 15px #4d8dcb4d;color:#fff}.otp-modal-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3d6fa1,#2d5070);box-shadow:0 6px 20px #4d8dcb66;transform:translateY(-2px)}.otp-modal-btn-primary:active:not(:disabled){transform:translateY(0)}.otp-modal-btn-primary:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed}.otp-modal-btn-secondary{background:#f0f0f0;border:2px solid #e0e0e0;color:#333}.login-page.dark .otp-modal-btn-secondary{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.otp-modal-btn-secondary:hover{background:#e8e8e8;border-color:#4d8dcb;color:#4d8dcb}.login-page.dark .otp-modal-btn-secondary:hover{background:#1a202c;border-color:#63b3ed;color:#90cdf4}.otp-modal-btn-secondary:active{transform:translateY(0)}.otp-modal-resend{border-top:1px solid #f0f0f0;margin-top:1.25rem;padding-top:1.25rem;text-align:center}.login-page.dark .otp-modal-resend{border-top-color:#4a5568}.otp-modal-resend-text{color:#666;font-size:.85rem;margin:0}.login-page.dark .otp-modal-resend-text{color:#a0aec0}.otp-modal-resend-btn{background:none;border:none;color:#4d8dcb;cursor:pointer;font-size:.85rem;font-weight:600;padding:0;text-decoration:underline;transition:all .2s ease}.login-page.dark .otp-modal-resend-btn{color:#90cdf4}.otp-modal-resend-btn:hover{color:#3d6fa1;transform:translateX(2px)}.login-page.dark .otp-modal-resend-btn:hover{color:#63b3ed}.otp-modal-resend-btn:disabled{cursor:not-allowed;opacity:.5}.otp-modal-error{background-color:#f8d7da;border-left:3px solid #dc3545;border-radius:6px;color:#dc3545;font-size:.85rem;margin-top:.5rem;padding:.75rem}.login-page.dark .otp-modal-error{background-color:#3d2a2a;color:#ff7a7a}.otp-modal-success{background-color:#d4edda;border-left:3px solid #28a745;border-radius:6px;color:#28a745;font-size:.85rem;margin-top:.5rem;padding:.75rem}.login-page.dark .otp-modal-success{background-color:#2a3d2d;color:#7aff7a}.otp-modal-btn-primary.loading{color:#0000;position:relative}.otp-modal-btn-primary.loading:after{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.toast-notification{animation:slideInRight .3s ease-out}.toast-notification.success{background-color:#10b981!important}.toast-notification.error{background-color:#ef4444!important}@media (max-width:640px){.otp-modal-content{max-width:100%;width:95%}.otp-modal-header{padding:1.5rem 1.5rem 1rem}.otp-modal-header h2{font-size:1.25rem}.otp-modal-body{padding:1.5rem}.otp-modal-actions{flex-direction:column;gap:.75rem}.otp-modal-actions button{font-size:.9rem;padding:.75rem 1rem}}.confirmation-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirmation-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:600px;overflow-y:auto;width:90%}.confirmation-header{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1.5rem}.confirmation-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.close-modal-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:background .2s ease;width:40px}.close-modal-btn:hover{background:#fff3}.confirmation-body{padding:1.5rem}.confirmation-section{margin-bottom:1.5rem}.confirmation-section:last-of-type{margin-bottom:1rem}.confirmation-section h4{border-bottom:2px solid #e0e7ff;color:#4080be;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;padding-bottom:.75rem;text-transform:uppercase}.confirmation-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.75rem 0}.confirmation-row:last-child{border-bottom:none}.confirmation-row .label{color:#4a5568;flex:0 0 40%;font-weight:600}.confirmation-row .value{color:#2d3748;flex:1 1;text-align:right;word-break:break-word}.file-status{align-items:center;background:#f0fdf4;border-radius:4px;color:#16a34a;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.4rem .8rem}.file-status.error{background:#fef2f2;color:#dc2626}.confirmation-notice{background:#f0f7ff;border-left:4px solid #4080be;border-radius:4px;margin-top:1.5rem;padding:1rem}.confirmation-notice p{color:#1e40af;font-size:.95rem;line-height:1.5;margin:0}.confirmation-footer{background:#fafafa;border-radius:0 0 12px 12px;border-top:2px solid #f0f0f0;display:flex;gap:1rem;padding:1.5rem}.confirmation-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.9rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.confirmation-btn.cancel{background:#e0e7ff;color:#4080be}.confirmation-btn.cancel:hover{background:#c7d2fe;transform:translateY(-2px)}.confirmation-btn.submit{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff}.confirmation-btn.submit:hover:not(:disabled){box-shadow:0 6px 20px #4080be66;transform:translateY(-2px)}.confirmation-btn:disabled{cursor:not-allowed;opacity:.6}.confirmation-modal::-webkit-scrollbar{width:8px}.confirmation-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.confirmation-modal::-webkit-scrollbar-thumb{background:#4080be;border-radius:4px}.confirmation-modal::-webkit-scrollbar-thumb:hover{background:#5090ce}@media (max-width:768px){.confirmation-modal{max-height:90vh;width:95%}.confirmation-header{padding:1rem}.confirmation-header h3{font-size:1.1rem}.confirmation-body{padding:1rem}.confirmation-row{align-items:flex-start;flex-direction:column}.confirmation-row .label{flex:1 0 100%;margin-bottom:.25rem}.confirmation-row .value{flex:1 0 100%;text-align:left}.confirmation-footer{flex-direction:column;gap:.75rem}.confirmation-btn{font-size:.9rem;padding:.8rem 1rem}}@media (max-width:480px){.confirmation-modal{border-radius:8px;width:98%}.confirmation-section h4{font-size:.85rem;margin-bottom:.75rem}.confirmation-row .label,.confirmation-row .value{font-size:.9rem}.confirmation-notice{font-size:.85rem;padding:.75rem}}.loading-page{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;isolation:isolate;justify-content:center;left:0;pointer-events:all;position:fixed;top:0;width:100vw;z-index:99999}.loading-container{gap:20px;position:relative;text-align:center}.loading-text{animation:pulse 2s ease-in-out infinite;color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:2px;margin:0;white-space:nowrap}.dots-container{align-items:center;display:flex;gap:15px;height:60px;justify-content:center;position:relative}.dot{animation:bounceDot 1.4s ease-in-out infinite;background-color:#fffc;border-radius:50%;box-shadow:0 0 10px #ffffff80;height:15px;width:15px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.dot:nth-child(4){animation-delay:.6s}.dot:nth-child(5){animation-delay:.8s}@keyframes bounceDot{0%,80%,to{opacity:.8;transform:scale(1) translateY(0)}40%{opacity:1;transform:scale(1.2) translateY(-20px)}}body:has(.loading-page){overflow:hidden!important}.loading-page:before{background:#0000;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.noupe-middleware-toggle{align-items:center!important;background:#3b82f6!important;border:none!important;border-radius:16px!important;bottom:20px;box-shadow:0 4px 16px #3b82f666!important;color:#fff!important;cursor:grab!important;display:flex!important;height:64px!important;justify-content:center!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;right:20px;touch-action:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;visibility:visible!important;width:64px!important;z-index:9998!important}.noupe-middleware-toggle.chat-open{cursor:pointer!important}.noupe-middleware-toggle.movable{cursor:grab!important;transition:left .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1),transform .2s ease,box-shadow .2s ease!important}.noupe-middleware-toggle.dragging{box-shadow:0 8px 32px #3b82f699!important;cursor:grabbing!important;opacity:.8!important;transform:scale(1.1)!important;transition:none!important}.noupe-middleware-toggle:hover:not(.dragging){box-shadow:0 8px 24px #3b82f680;transform:translateY(-2px)}.noupe-middleware-toggle:active:not(.dragging){transform:scale(.95)}.pulse-indicator{animation:pulse 2s infinite;background:#0f8;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:8px;top:8px;width:12px}.noupe-middleware-container{animation:slideUpFadeIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;bottom:96px;box-shadow:0 8px 32px #0000001f;display:flex!important;flex-direction:column;height:660px;max-height:calc(100vh - 120px);max-width:calc(100vw - 40px);opacity:1!important;overflow:hidden;pointer-events:auto!important;position:fixed;right:20px;visibility:visible!important;width:440px;z-index:9999}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.noupe-middleware-header{align-items:center;background:#3b82f6;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.header-info{gap:12px}.header-info,.noupe-avatar{align-items:center;display:flex}.noupe-avatar{background:#fff;border-radius:12px;font-size:24px;height:40px;justify-content:center;width:40px}.noupe-middleware-header h3{font-size:16px;font-weight:600;line-height:1.2;margin:0}.status-indicator{align-items:center;display:flex;font-size:12px;gap:4px;opacity:.9}.noupe-middleware-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.noupe-middleware-close:hover{background:#ffffff4d;transform:rotate(90deg)}.noupe-middleware-messages{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.noupe-middleware-messages::-webkit-scrollbar{width:6px}.noupe-middleware-messages::-webkit-scrollbar-track{background:#0000}.noupe-middleware-messages::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.noupe-middleware-messages::-webkit-scrollbar-thumb:hover{background:#a0aec0}.message{animation:messageSlideIn .3s ease;flex-direction:column;max-width:80%}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-items:flex-end;align-self:flex-end}.message.bot{align-items:flex-start;align-self:flex-start}.message.system{align-items:center;align-self:center;margin:8px 0;max-width:90%}.message-content{word-wrap:break-word;border-radius:16px;padding:12px 16px}.message.user .message-content{background:#3b82f6}.message.bot .message-content{background:#f3f4f6;border-bottom-left-radius:4px;box-shadow:none;color:#1f2937}.message.error .message-content{background:#fed7d7;border-left:3px solid #e53e3e;color:#c53030}.message.system .message-content{background:#fff3cd;border-left:3px solid #ffc107;box-shadow:0 2px 8px #ffc10733;color:#856404;font-size:13px;font-weight:500;text-align:center}.message.system.isWarning .message-content{background:#fff3cd;border-left-color:#ff9800}.message-content p{font-size:14px}.message-time{color:#718096;font-size:11px;margin-top:4px}.message.user .message-time{color:#a0aec0}.profanity-badge{align-items:center;background:#feb2b2;border-radius:12px;color:#742a2a;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-left:8px;padding:2px 8px}.message.profanity-detected .message-content{border-left:3px solid #fc8181}.typing-indicator{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:4px;padding:12px 16px}.typing-indicator span{animation:typingBounce 1.4s infinite;background:#cbd5e0;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.noupe-middleware-info{background:#f9fafb;color:#6b7280;font-size:11px;justify-content:space-between}.noupe-middleware-info,.noupe-middleware-input-form{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:12px 16px}.noupe-middleware-input-form{background:#fff}.noupe-middleware-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;max-height:100px;outline:none;padding:12px 16px;resize:none;transition:all .2s ease}.noupe-middleware-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.noupe-middleware-input:disabled{background:#f7fafc;cursor:not-allowed;opacity:.6}.noupe-middleware-send{align-items:center;background:#9ca3af;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;min-width:40px;transition:all .2s ease;width:40px}.noupe-middleware-send:not(:disabled):hover{background:#3b82f6}.noupe-middleware-send:hover:not(:disabled){box-shadow:0 4px 16px #667eea66;transform:scale(1.05)}.noupe-middleware-send:active:not(:disabled){transform:scale(.95)}.noupe-middleware-send:disabled{cursor:not-allowed;opacity:.5}.spinner{animation:spin 1s linear infinite}body:has(.generate-account-page) .noupe-middleware-container,body:has(.generate-account-page) .noupe-middleware-toggle,body:has(.login-page) .noupe-middleware-container,body:has(.login-page) .noupe-middleware-toggle,body:has(.signup-page) .noupe-middleware-container,body:has(.signup-page) .noupe-middleware-toggle,body:has([class*=admin]) .noupe-middleware-container,body:has([class*=admin]) .noupe-middleware-toggle{display:none!important}@media (max-width:480px){.noupe-middleware-container{bottom:84px;height:calc(100vh - 100px);max-height:calc(100vh - 100px);right:8px;width:calc(100vw - 16px)}.noupe-middleware-toggle{bottom:16px;height:52px;right:16px;width:52px;z-index:999}.noupe-middleware-container{z-index:999}.message{max-width:90%}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.inactivity-modal-overlay{align-items:center;animation:fadeInOverlay .3s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;right:0;top:0;z-index:9999}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.inactivity-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:420px;padding:32px 28px;text-align:center;width:90%}.inactivity-modal-icon{display:inline-block;font-size:48px;margin-bottom:16px}.inactivity-modal-title{color:#1a1a1a;font-size:24px;font-weight:600;margin:12px 0 16px}.inactivity-modal-message{color:#555;font-size:14px;line-height:1.5;margin-bottom:24px}.inactivity-modal-countdown{background:#f5f5f5;border-radius:8px;margin:24px 0;padding:20px}.countdown-label{color:#888;font-size:12px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.countdown-timer{color:#d32f2f;font-family:Courier New,monospace;font-size:36px;font-weight:700}.inactivity-modal-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:12px;padding:12px 28px;transition:all .3s ease;width:100%}.inactivity-modal-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.inactivity-modal-button:active{transform:translateY(0)}.inactivity-modal-hint{color:#999;font-size:12px;font-style:italic;margin:0}@media (max-width:480px){.inactivity-modal-content{max-width:95%;padding:24px 20px}.inactivity-modal-title{font-size:20px}.inactivity-modal-message{font-size:13px}.countdown-timer{font-size:32px}.inactivity-modal-button{font-size:14px;padding:10px 20px}}.inactivity-modal-overlay{pointer-events:auto;position:fixed}.App{margin:0;padding:0}#root~div[class*=noupe]:not([class*=noupe-middleware]),#root~div[id*=noupe]:not(.noupe-middleware-toggle):not(.noupe-middleware-container),[data-noupe]:not(.noupe-middleware-toggle):not(.noupe-middleware-container),body>div[class*=noupe]:not([class*=noupe-middleware]),body>div[id*=noupe]:not(.noupe-middleware-toggle):not(.noupe-middleware-container),div[class*=Noupe]:not([class*=noupe-middleware]),div[class*=noupe]:not([class*=noupe-middleware]),div[id*=Noupe]:not(.noupe-middleware-toggle):not(.noupe-middleware-container),div[id*=noupe]:not(.noupe-middleware-toggle):not(.noupe-middleware-container),iframe[class*=noupe],iframe[id*=noupe],iframe[src*=noupe]{display:none!important;height:0!important;left:-9999px!important;opacity:0!important;pointer-events:none!important;position:absolute!important;top:-9999px!important;visibility:hidden!important;width:0!important}.noupe-middleware-container,.noupe-middleware-toggle{display:flex!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}.about-page,.chat-page,.contact-page,.faqs-page,.heatmap-page,.homepage,.incident-report-page,.lost-found-page,.profile-page{overflow:visible!important}body{overflow-x:visible!important}.header-container{position:relative}.header-right{flex-wrap:nowrap}.nav-container{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:flex-start}.burger-btn{z-index:10}@media (min-width:1367px){.header-container{padding:0 2rem}}@media (max-width:1366px) and (min-width:1024px){.header-left,.logo-container{align-items:center!important;display:flex!important;justify-content:center!important;left:50%!important;margin:0!important;min-width:0!important;padding:0!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:9}.logo-image{height:42px!important;margin-right:.5em!important;width:42px!important}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e6f3ff);-webkit-background-clip:text;background-clip:text;display:inline-block!important;font-size:1.15rem!important;font-weight:700!important;letter-spacing:1px!important;margin-left:.2em!important;vertical-align:middle!important;white-space:nowrap}.burger-btn{display:block!important;left:1.1em!important;margin-left:0!important;position:absolute!important;top:50%;transform:translateY(-50%)!important;z-index:10}.header-container{grid-template-columns:auto 1fr auto!important;justify-content:flex-start!important;padding:0 .8em!important;position:relative!important}.header-search-container,.header-search-input{display:none!important}.mobile-search-trigger{align-items:center;background:none!important;border:none!important;border-radius:50%!important;cursor:pointer;display:inline-flex!important;height:36px!important;justify-content:center;margin-left:.5em!important;margin-right:.6em!important;position:relative;width:36px!important;z-index:2}.nav{display:none!important}.nav.mobile-open{background:linear-gradient(135deg,#4080be,#5090ce)!important;border-top:1px solid #fff3!important;box-shadow:0 8px 30px #0000003b!important;display:flex!important;flex-direction:column!important;gap:7px!important;left:0!important;max-height:calc(100vh - 75px)!important;overflow-y:auto!important;padding:14px 10px!important;position:fixed!important;right:0!important;top:75px!important;z-index:1002!important}.nav.mobile-open .nav-link{border-radius:8px!important;display:block!important;font-size:1rem!important;margin:2px 0!important;padding:12px 16px!important;text-align:left!important;width:100%!important}.header-right{align-items:center!important;display:flex!important;gap:1.4em!important;min-width:0!important;padding-right:.8em!important}.theme-toggle-btn,.user-avatar-simple{height:36px!important;width:36px!important}.mobile-search-overlay{background:#4080bef0!important;box-shadow:0 8px 30px #00000021!important;flex-direction:column!important;height:100vh!important;justify-content:flex-start!important;left:0!important;padding:0!important;position:fixed!important;top:0!important;z-index:1003!important}.mobile-search-header,.mobile-search-overlay{align-items:center!important;display:flex!important;width:100vw!important}.mobile-search-header{gap:.6em!important;justify-content:center!important;margin:32px auto 0;max-width:680px}}@media (max-width:1024px) and (min-width:768px){.nav{display:none}.burger-btn{display:block}.header-container{gap:1rem;grid-template-columns:auto 1fr auto;padding:0 1.5rem}.header-left{left:50%;order:2;padding-left:0;position:absolute;transform:translateX(-50%);z-index:5}.header-center{grid-column:1;justify-content:flex-start;order:1}.header-right{gap:.8rem;grid-column:3;order:3;padding-right:1.5rem}.nav.mobile-open{background:linear-gradient(135deg,#4080be,#5090ce);border-top:1px solid #fff3;box-shadow:0 8px 30px #00000040;display:flex!important;flex-direction:column;gap:6px;left:0;max-height:calc(100vh - 80px);overflow-y:auto;padding:12px 10px;position:fixed;right:0;top:80px;width:100vw;z-index:1001}.nav.mobile-open .nav-link{border-radius:8px;display:block;font-size:1rem;margin:2px 0;padding:12px 14px;text-align:left;width:100%}.logo-text{font-size:1.1rem}.logo-image{height:42px;width:42px}}@media (max-width:767px) and (min-width:601px){.nav{display:none}.burger-btn{display:block}.header-container{gap:.8rem;grid-template-columns:auto 1fr auto;padding:0 1.2rem}.header-left{left:50%;order:2;padding-left:0;position:absolute;transform:translateX(-50%);z-index:5}.header-center{justify-content:flex-start;order:1}.header-right{gap:.6rem;order:3;padding-right:1rem}.nav.mobile-open{background:linear-gradient(135deg,#4080be,#5090ce);border-top:1px solid #fff3;box-shadow:0 8px 30px #00000040;display:flex!important;flex-direction:column;gap:6px;left:0;max-height:calc(100vh - 80px);overflow-y:auto;padding:12px 10px;position:fixed;right:0;top:80px;width:100vw;z-index:1001}.nav.mobile-open .nav-link{border-radius:8px;display:block;font-size:.95rem;margin:2px 0;padding:12px 14px;text-align:left;width:100%}.logo-text{font-size:1rem}.logo-image{height:40px;width:40px}}@media (max-width:600px) and (min-width:481px){.nav{display:none}.burger-btn{display:block}.header{padding:.6rem 0}.header-container{gap:.6rem;grid-template-columns:auto 1fr auto;padding:0 1rem}.header-left{left:50%;order:2;padding-left:0;position:absolute;transform:translateX(-50%);z-index:5}.header-center{justify-content:flex-start;order:1}.header-right{gap:.5rem;order:3;padding-right:.8rem}.nav.mobile-open{background:linear-gradient(135deg,#4080be,#5090ce);border-top:1px solid #fff3;box-shadow:0 8px 30px #00000040;display:flex!important;flex-direction:column;gap:6px;left:0;max-height:calc(100vh - 75px);overflow-y:auto;padding:12px 10px;position:fixed;right:0;top:75px;width:100vw;z-index:1001}.nav.mobile-open .nav-link{border-radius:8px;display:block;font-size:.9rem;margin:2px 0;padding:11px 12px;text-align:left;width:100%}.logo-text{display:none}.logo-image{height:38px;width:38px}.logo-placeholder{padding:.4rem}.logo-container{display:none!important}}@media (max-width:480px) and (min-width:380px){.nav{display:none}.burger-btn{display:block}.header{padding:.5rem 0}.header-container{gap:.5rem;grid-template-columns:auto 1fr auto;padding:0 .8rem}.header-left{left:50%;order:2;padding-left:0;position:absolute;transform:translateX(-50%);z-index:5}.header-center{justify-content:flex-start;order:1}.header-right{gap:.4rem;order:3;padding-right:.6rem}.nav.mobile-open{background:linear-gradient(135deg,#4080be,#5090ce);border-top:1px solid #fff3;box-shadow:0 8px 30px #00000040;display:flex!important;flex-direction:column;gap:5px;left:0;max-height:calc(100vh - 70px);overflow-y:auto;padding:10px 8px;position:fixed;right:0;top:70px;width:100vw;z-index:1001}.nav.mobile-open .nav-link{border-radius:8px;display:block;font-size:.9rem;margin:2px 0;padding:10px 12px;text-align:left;width:100%}.logo-text{display:none}.logo-image{height:36px;width:36px}.logo-placeholder{padding:.3rem}.logo-container{display:none!important}.theme-toggle-btn,.user-avatar-simple{height:35px;width:35px}}@media (max-width:379px){.nav{display:none}.burger-btn{display:block;padding:6px}.burger-btn .burger-bar{width:20px}.header{padding:.4rem 0}.header-container{gap:.4rem;grid-template-columns:auto 1fr auto;padding:0 .6rem}.header-left{left:50%;order:2;padding-left:0;position:absolute;transform:translateX(-50%);z-index:5}.header-center{justify-content:flex-start;order:1}.header-right{gap:.3rem;order:3;padding-right:.5rem}.nav.mobile-open{background:linear-gradient(135deg,#4080be,#5090ce);border-top:1px solid #fff3;box-shadow:0 8px 30px #00000040;display:flex!important;flex-direction:column;gap:5px;left:0;max-height:calc(100vh - 65px);overflow-y:auto;padding:10px 8px;position:fixed;right:0;top:65px;width:100vw;z-index:1001}.nav.mobile-open .nav-link{border-radius:8px;display:block;font-size:.85rem;margin:2px 0;padding:10px 12px;text-align:left;width:100%;.logo-container{display:none!important}}.logo-text{display:none}.logo-image{height:32px;width:32px}.logo-placeholder{padding:.25rem}.theme-toggle-btn,.user-avatar-simple{height:32px;width:32px}}.nav.mobile-open{margin-left:calc(-50vw + 50%);width:100vw}.logo-container{position:relative}.header-search-icon{color:#fff;flex-shrink:0;font-size:1.1rem;margin-right:.75rem;opacity:.8;transition:opacity .3s ease}.header-search-button{margin-right:.75rem}.header-search-button:hover .header-search-icon{opacity:1;transform:scale(1.1)}.theme-icon{font-size:1.2rem;transition:all .3s ease}.user-profile-icon{align-items:center;display:flex;transition:all .3s ease}.user-profile-icon,.user-profile-icon:hover{color:#fff;text-decoration:none}.dropdown-icon-img,.profile-dropdown-icon{height:20px;object-fit:contain;width:20px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.nav{scroll-behavior:smooth}.nav-link:focus,.theme-toggle-btn:focus,.user-avatar-simple:focus{outline:2px solid #fffc;outline-offset:2px}.header-search-input:focus{outline:none}.user-section{align-items:flex-end;display:flex;flex-direction:column}.mobile-search-overlay.open{max-height:70px;opacity:1;visibility:visible}.mobile-search-back{height:40px;width:40px}.back-icon{font-size:1.4rem}.mobile-search-icon{color:#fff;flex-shrink:0;font-size:1.1rem;margin-right:12px;opacity:.9}.search-trigger-icon{font-size:1.2rem;line-height:1}@keyframes pulse-highlight{0%{background-color:#ffeb3b;box-shadow:0 0 10px #ffeb3b99;transform:scale(1)}50%{background-color:#ff9800;box-shadow:0 0 20px #ff9800cc;transform:scale(1.05)}to{background-color:#ffeb3b;box-shadow:0 0 10px #ffeb3b99;transform:scale(1)}}.search-highlight{animation:pulse-highlight 2s ease-in-out!important;background-color:#ffeb3b!important;border-radius:3px!important;box-shadow:0 0 10px #ffeb3b99!important;color:#000!important;font-weight:700!important;padding:2px 4px!important;transition:all .3s ease!important}.mobile-search-overlay{background:linear-gradient(135deg,#4080be,#5090ce);bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:2000}.mobile-search-header{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);box-shadow:0 2px 10px #0000001a;display:flex;gap:12px;padding:16px}.mobile-search-back{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s ease;width:44px}.mobile-search-back:active{background:#ffffff4d;transform:scale(.95)}.back-icon{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.mobile-search-input-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:24px;display:flex;flex:1 1;min-height:48px;padding:0 16px}.mobile-search-icon-img{filter:brightness(0) invert(1);flex-shrink:0;height:20px;margin-right:12px;opacity:.9;width:20px}.mobile-search-input{background:none;border:none;color:#fff;flex:1 1;font-size:1rem;font-weight:500;outline:none;width:100%}.mobile-search-input::placeholder{color:#ffffffb3;font-weight:400}.mobile-search-clear{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;justify-content:center;min-height:32px;min-width:32px;opacity:.8;padding:4px 8px;transition:opacity .2s ease}.mobile-search-clear:active{opacity:1}.mobile-search-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #fff6;border-radius:20px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;min-height:44px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.mobile-search-button:active{background:#ffffff59;transform:scale(.97)}.mobile-search-navigation{background:#ffffff26;border-bottom:1px solid #fff3;gap:16px;padding:12px 16px}.mobile-search-nav-btn,.mobile-search-navigation{align-items:center;display:flex;justify-content:center}.mobile-search-nav-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;min-height:44px;min-width:44px;padding:10px 16px;transition:all .2s ease}.mobile-search-nav-btn:active{background:#ffffff4d;transform:scale(.95)}.mobile-search-result-indicator{color:#fff;font-size:.95rem;font-weight:600;min-width:60px;text-align:center}.mobile-search-trigger{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;display:none;flex-shrink:0;height:44px;justify-content:center;padding:0;transition:all .3s ease;width:44px}.mobile-search-trigger:active{background:linear-gradient(135deg,#ffffff4d,#fff3);transform:scale(.95)}.search-trigger-icon-img{filter:brightness(0) invert(1);height:20px;width:20px}.desktop-search{display:flex}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#4080be,#5090ce);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #00000026;color:#fff;overflow:visible;padding:1rem 0}.header-container{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:auto 1fr auto;margin:0;max-width:100%;overflow:visible;padding:0;width:100%}.header-left{grid-column:1;justify-content:flex-start;padding-left:1rem}.header-center,.header-left{align-items:center;display:flex}.header-center{grid-column:2;justify-content:center;overflow:visible;padding-left:0;position:relative}.header-right{align-items:center;display:flex;flex-shrink:0;gap:.8rem;grid-column:3;justify-content:flex-end;min-width:0;padding-right:2rem}.logo-placeholder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;margin-right:0;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s ease}.logo-link,.logo-placeholder{align-items:center;display:flex;gap:.5rem;white-space:nowrap}.logo-image{background:#fff;border:2px solid #4080becc;border-radius:50%;box-shadow:0 0 10px #ffffff4d;height:45px;object-fit:contain;padding:3px;transition:all .3s ease;width:45px}.logo-placeholder:hover .logo-image{border-color:#ffffffe6;box-shadow:0 0 15px #ffffff80;transform:scale(1.05)}.logo-placeholder:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.logo-placeholder:hover:before{left:100%}.logo-placeholder:hover{border-color:#ffffff80;box-shadow:0 8px 25px #fff3;transform:translateY(-2px)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e6f3ff);-webkit-background-clip:text;background-clip:text;font-weight:700;letter-spacing:1px;white-space:nowrap}.nav{display:flex;gap:.1rem}.nav-link{border:1px solid #0000;border-radius:8px;color:#fff;font-size:.85rem;font-weight:500;letter-spacing:.2px;overflow:hidden;padding:.5rem .8rem;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link.active,.nav-link:hover{border-color:#ffffff4d;box-shadow:0 6px 20px #fff3;font-weight:600;transform:translateY(-2px)}.nav-link:before{background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.nav-link.active:before,.nav-link:hover:before{opacity:1}.nav-link.active{background:linear-gradient(135deg,#ffffff40,#ffffff26);border-color:#fff6;box-shadow:0 6px 25px #ffffff4d}.burger-btn{background:#0000;border:none;cursor:pointer;display:none;margin-right:8px;padding:8px}.burger-btn .burger-bar{background:#fff;border-radius:2px;display:block;height:2px;margin:4px 0;transition:all .2s ease;width:22px}.burger-btn.open .burger-bar:first-child{transform:translateY(6px) rotate(45deg)}.burger-btn.open .burger-bar:nth-child(2){opacity:0}.burger-btn.open .burger-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.header-search-container{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff26);border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 15px #ffffff1a;display:flex;flex-shrink:1;height:40px;max-width:350px;min-width:200px;padding:0 1rem;position:relative;transition:all .3s ease;width:100%}.header-search-container:focus-within{background:linear-gradient(135deg,#ffffff4d,#fff3);border-color:#fff6;box-shadow:0 6px 25px #fff3;width:400px}.header-search-container.with-navigation{min-width:250px}.header-search-container.with-navigation:focus-within{width:350px}.header-search-container:hover{border-color:#ffffff4d;box-shadow:0 6px 20px #fff3;transform:translateY(-1px)}.header-search-icon-img{filter:brightness(0) invert(1);flex-shrink:0;height:18px;margin-right:.75rem;opacity:.9;transition:opacity .3s ease;width:18px}.header-search-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;transition:all .3s ease}.header-search-button:hover .header-search-icon-img{opacity:1;transform:scale(1.1)}.header-search-button:active{transform:scale(.95)}.header-clear-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:.5rem;padding:0;transition:all .3s ease}.header-clear-button:hover .header-clear-icon{opacity:1;transform:scale(1.1)}.header-clear-button:active{transform:scale(.95)}.header-clear-icon{color:#fff;flex-shrink:0;font-size:.9rem;opacity:.7;transition:opacity .3s ease}.search-navigation{background:#ffffff40;border:1px solid #ffffff4d;border-radius:10px;flex-shrink:0;gap:.3rem;margin-left:.4rem;padding:.15rem .4rem}.search-nav-btn,.search-navigation{align-items:center;display:flex;transition:all .3s ease}.search-nav-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;height:20px;justify-content:center;min-width:20px;padding:.15rem .25rem}.search-nav-btn:hover{background:#fff3;transform:scale(1.1)}.search-nav-btn:active{transform:scale(.95)}.search-nav-icon{font-size:.7rem;line-height:1}.search-result-indicator{color:#fff;font-size:.65rem;font-weight:500;min-width:25px;opacity:.9;text-align:center;white-space:nowrap}.header-search-input{background:none;border:none;color:#fff;flex:1 1;font-size:.9rem;font-weight:500;min-width:120px;outline:none;padding:.5rem 0;transition:all .3s ease;width:100%}.header-search-input::placeholder{color:#ffffffb3;font-weight:400}.header-search-input:focus{min-width:150px}.header-search-container.with-navigation .header-search-input{min-width:80px}.header-search-container.with-navigation .header-search-input:focus{min-width:100px}.theme-toggle-container{position:relative}.theme-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.theme-toggle-btn:before{background:linear-gradient(45deg,#ffffff1a,#fff3);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.theme-toggle-btn:hover:before{opacity:1}.theme-toggle-btn:hover{background:linear-gradient(135deg,#ffffff4d,#fff3);border-color:#ffffff80;box-shadow:0 6px 20px #ffffff4d;transform:scale(1.1) rotate(180deg)}.theme-toggle-btn:active{transform:scale(.95)}.theme-toggle-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:20px;object-fit:contain;transition:all .3s ease;width:20px}.theme-toggle-btn:hover .theme-toggle-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.user-avatar-simple{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffffff4d,#fff3);border:3px solid #fff6;border-radius:50%;cursor:pointer;display:flex;font-size:1.3rem;height:45px;justify-content:center;position:relative;transition:all .3s ease;width:45px}.user-avatar-simple:hover{background:linear-gradient(135deg,#fff6,#ffffff4d);border-color:#fff9;box-shadow:0 8px 25px #ffffff4d;transform:scale(1.1) translateY(-2px)}.user-avatar-simple .online-indicator{animation:pulse 2s infinite;background:linear-gradient(135deg,#4ade80,#22c55e);border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.profile-icon-img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:24px;object-fit:contain;width:24px}@media (hover:none) and (pointer:coarse){.burger-btn,.header-search-button,.mobile-search-trigger,.nav-link,.theme-toggle-btn,.user-avatar-simple{min-height:44px;min-width:44px}.nav-link{padding:12px 16px}.header-right{gap:12px}}@media (min-width:1200px){.header-container{gap:1rem;grid-template-columns:280px 1fr auto;padding:0 2rem}.header-left{padding-left:0}.header-center{padding-left:2rem}.header-right{gap:1rem;padding-right:0}.nav{gap:.3rem}.nav-link{font-size:.9rem;padding:.6rem 1rem}.header-search-container{min-width:220px;width:280px}.header-search-container:focus-within{width:350px}.header-search-container.with-navigation{width:260px}.header-search-container.with-navigation:focus-within{width:320px}}@media (max-width:1199px) and (min-width:992px){.header-container{gap:.8rem;grid-template-columns:240px 1fr auto;padding:0 1.5rem}.header-left{padding-left:0}.header-center{padding-left:1.5rem}.header-right{gap:.9rem;padding-right:0}.nav-link{font-size:.88rem;padding:.55rem .9rem}.header-search-container{min-width:180px;width:240px}.header-search-container:focus-within{width:300px}.header-search-container.with-navigation{width:220px}.header-search-container.with-navigation:focus-within{width:280px}}@media (max-width:991px){.mobile-search-overlay{display:block}.mobile-search-trigger{display:flex}.desktop-search{display:none!important}}@media (max-width:991px) and (min-width:768px){.header{padding:.75rem 0}.header-container{gap:.5rem;grid-template-columns:auto 1fr auto;padding:0 1rem}.header-left{padding-left:0}.header-center{justify-content:flex-start;padding-left:0}.header-right{gap:.7rem;padding-right:0}.logo-placeholder{font-size:1.2rem;padding:.4rem .7rem}.logo-image{height:40px;width:40px}.burger-btn{display:block;margin-right:12px;padding:8px}.nav{display:none}.nav.mobile-open{background:linear-gradient(135deg,#4080be,#5090ce);border-top:1px solid #fff3;box-shadow:0 8px 30px #00000040;display:flex!important;flex-direction:column;gap:8px;left:0;max-height:calc(100vh - 72px);overflow-y:auto;padding:16px;position:fixed;right:0;top:72px;width:100vw;z-index:1001}.nav.mobile-open .nav-link{border-radius:10px;display:block;font-size:1rem;margin:0;padding:14px 16px;text-align:left;width:100%}.mobile-search-trigger{height:42px;width:42px}.search-trigger-icon-img{height:20px;width:20px}.theme-toggle-btn,.user-avatar-simple{height:42px;width:42px}}@media (max-width:767px) and (min-width:576px){.header{padding:.6rem 0}.header-container{gap:.4rem;grid-template-columns:auto 1fr auto;padding:0 .8rem}.header-left{padding-left:0}.header-center{justify-content:flex-start;padding-left:0}.header-right{gap:.6rem;padding-right:0}.logo-placeholder{font-size:1.1rem;padding:.35rem .6rem}.logo-image{height:38px;width:38px}.burger-btn{display:block;margin-right:8px;padding:10px}.nav{display:none}.nav.mobile-open{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#4080be,#5090ce);border-top:1px solid #fff3;box-shadow:0 8px 30px #00000040;display:flex!important;flex-direction:column;gap:8px;left:0;max-height:calc(100vh - 68px);overflow-y:auto;padding:14px 12px;position:fixed;right:0;top:68px;width:100vw;z-index:1001}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav.mobile-open .nav-link{border-radius:10px;display:block;font-size:.95rem;padding:13px 15px;text-align:left;width:100%}.mobile-search-trigger{height:40px;width:40px}.search-trigger-icon-img{height:19px;width:19px}.theme-toggle-btn{height:40px;width:40px}.theme-toggle-icon{height:18px;width:18px}.user-avatar-simple{height:40px;width:40px}.profile-icon-img{height:22px;width:22px}}@media (max-width:575px) and (min-width:390px){.header{padding:.5rem 0}.header-container{gap:.3rem;grid-template-columns:auto 1fr auto;padding:0 .6rem}.header-left{padding-left:0}.header-center{justify-content:center;padding-left:0}.header-right{gap:.5rem;padding-right:0}.logo-placeholder{font-size:1rem;padding:.3rem .5rem}.logo-image{height:36px;width:36px}.burger-btn{display:block;margin-right:6px;padding:10px 8px}.nav{display:none}.nav.mobile-open{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#4080be,#5090ce);border-top:1px solid #fff3;box-shadow:0 8px 30px #00000040;display:flex!important;flex-direction:column;gap:6px;left:0;max-height:calc(100vh - 64px);overflow-y:auto;padding:12px 10px;position:fixed;right:0;top:64px;width:100vw;z-index:1001}.nav.mobile-open .nav-link{align-items:center;border-radius:10px;display:flex;font-size:.9rem;min-height:44px;padding:12px 14px;text-align:left;width:100%}.mobile-search-trigger{height:40px;width:40px}.search-trigger-icon-img{height:18px;width:18px}.theme-toggle-btn{height:40px;width:40px}.theme-toggle-icon{height:18px;width:18px}.user-avatar-simple{height:40px;width:40px}.profile-icon-img{height:21px;width:21px}}@media (max-width:389px){.header{padding:.45rem 0}.header-container{gap:.25rem;grid-template-columns:auto 1fr auto;padding:0 .5rem}.header-left{padding-left:0}.header-center{justify-content:center;padding-left:0}.header-right{gap:.4rem;padding-right:0}.logo-placeholder{font-size:.95rem;padding:.25rem .4rem}.logo-text{display:none}.logo-image{height:34px;width:34px}.burger-btn{display:block;margin-right:4px;padding:8px 6px}.nav{display:none}.nav.mobile-open{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#4080be,#5090ce);border-top:1px solid #fff3;box-shadow:0 8px 30px #00000040;display:flex!important;flex-direction:column;gap:6px;left:0;max-height:calc(100vh - 60px);overflow-y:auto;padding:10px 8px;position:fixed;right:0;top:60px;width:100vw;z-index:1001}.nav.mobile-open .nav-link{align-items:center;border-radius:8px;display:flex;font-size:.87rem;min-height:44px;padding:11px 12px;text-align:left;width:100%}.mobile-search-trigger{height:38px;width:38px}.search-trigger-icon-img{height:17px;width:17px}.theme-toggle-btn{height:38px;width:38px}.theme-toggle-icon{height:17px;width:17px}.user-avatar-simple{border-width:2px;height:38px;width:38px}.profile-icon-img{height:20px;width:20px}}@media (max-width:319px){.header{padding:.4rem 0}.header-container{gap:.2rem;padding:0 .4rem}.logo-placeholder{font-size:.9rem;padding:.2rem .35rem}.logo-text{display:none}.logo-image{height:32px;width:32px}.burger-btn{margin-right:3px;padding:7px 5px}.nav.mobile-open{max-height:calc(100vh - 56px);padding:8px 6px;top:56px}.nav.mobile-open .nav-link{font-size:.82rem;min-height:44px;padding:10px}.mobile-search-trigger{height:36px;width:36px}.search-trigger-icon-img{height:16px;width:16px}.theme-toggle-btn{height:36px;width:36px}.theme-toggle-icon{height:16px;width:16px}.user-avatar-simple{height:36px;width:36px}.profile-icon-img{height:18px;width:18px}}@media (max-width:767px){.footer-top-row{align-items:center;display:flex;justify-content:space-between;max-width:100vw;padding:.5rem 1rem 0}.footer-left{justify-content:flex-start}.footer-left,.footer-right{align-items:center;display:flex;flex:0 0 auto}.footer-right{justify-content:flex-end}.footer-logo-placeholder{background:#357ac2;border-radius:50%;font-size:0;height:44px;padding:.25rem;width:44px}.footer-logo-image{height:32px;width:32px}.footer-social-link{height:38px;margin-left:.6rem;width:38px}.footer-social-icon{height:16px;width:16px}.footer-links-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;margin:0 auto .1rem;padding:.6rem .5rem .2rem;width:100%}.footer-link{align-items:center;background:#ffffff0f;border-radius:5px;display:inline-flex;font-size:.72rem;justify-content:center;min-height:32px;padding:.33rem .7rem;transition:background .3s;white-space:nowrap}.footer-link:hover{background:#ffffff21}.footer-bottom{border-top:1px solid #ffffff26;color:#ffffffd9;font-size:.65rem;margin-top:.4rem;padding:.5rem 1rem 1rem;text-align:center}}.mobile-search-trigger:focus,.nav-link:focus,.theme-toggle-btn:focus,.user-avatar-simple:focus{outline:2px solid #fffc;outline-offset:2px}.footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#4080be,#5090ce);border-top:1px solid #ffffff1a;box-shadow:0 -4px 20px #00000026;color:#fff;margin-top:auto;padding:2rem 0 1rem;transition:all .3s ease}.footer.dark{background:linear-gradient(135deg,#4a5568,#2d3748)}.footer-container{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:auto 1fr auto;margin:0;max-width:100%;padding:0 2rem;width:100%}.footer-left{justify-content:flex-start}.footer-center,.footer-left{align-items:center;display:flex}.footer-center{justify-content:center}.footer-right{align-items:center;display:flex;justify-content:flex-end}.footer-logo-placeholder{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;overflow:hidden;padding:.4rem .8rem;position:relative;transition:all .3s ease;white-space:nowrap}.footer-logo-placeholder:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.footer-logo-placeholder:hover:before{left:100%}.footer-logo-placeholder:hover{border-color:#ffffff80;box-shadow:0 8px 25px #fff3;transform:translateY(-2px)}.footer-logo-image{background:#fff;border:2px solid #4080becc;border-radius:50%;box-shadow:0 0 10px #ffffff4d;height:40px;object-fit:contain;padding:3px;transition:all .3s ease;width:40px}.footer-logo-placeholder:hover .footer-logo-image{border-color:#ffffffe6;box-shadow:0 0 15px #ffffff80;transform:scale(1.05)}.footer-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e6f3ff);-webkit-background-clip:text;background-clip:text;font-weight:700;letter-spacing:1px;white-space:nowrap}.footer-links{align-items:center;display:flex;gap:1.5rem}.footer-links-with-separators{align-items:center;display:flex;gap:.8rem;justify-content:center}.footer-separator{color:#fff;font-size:.75rem;font-weight:300;opacity:.6}.footer-link{border-radius:0;font-size:.75rem;letter-spacing:0;opacity:.8;padding:0;position:relative;transition:none;white-space:nowrap}.footer-link,.footer-link:hover{background:#0000;border:none;color:#fff;font-weight:300;text-decoration:none}.footer-link:hover{box-shadow:none;opacity:1;transform:none}.footer-social{align-items:center;display:flex;gap:1rem}.footer-social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;height:45px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:45px}.footer-social-link:before{background:linear-gradient(45deg,#ffffff1a,#fff3);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.footer-social-link:hover:before{opacity:1}.footer-social-link:hover{background:linear-gradient(135deg,#ffffff4d,#fff3);border-color:#ffffff80;box-shadow:0 8px 25px #ffffff4d;transform:scale(1.1) translateY(-2px)}.footer-social-icon{filter:brightness(0) invert(1);height:20px;transition:all .3s ease;width:20px}.footer-bottom{border-top:1px solid #fff3;margin-top:2rem;padding:1rem 2rem 0;text-align:center}.footer-copyright{color:#fff;font-size:.75rem;font-weight:300;margin:0;opacity:.7}@media (max-width:767px){.footer-container{display:none}.footer-top-row{align-items:center;display:flex;justify-content:space-between;max-width:100vw;padding:.6rem 1rem 0}.footer-left{justify-content:flex-start}.footer-left,.footer-right{align-items:center;display:flex;flex:0 0 auto}.footer-right{justify-content:flex-end}.footer-logo-placeholder{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #ffffff4d;border-radius:10px;display:flex;font-size:.9rem;gap:.4rem;height:auto;padding:.3rem .6rem;width:auto}.footer-logo-image{height:32px;width:32px}.footer-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e6f3ff);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px}.footer-social{gap:.6rem}.footer-social-link{height:38px;margin-left:0;width:38px}.footer-social-icon{height:16px;width:16px}.footer-links-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;margin:0 auto .1rem;padding:.6rem .5rem .2rem;width:100%}.footer-link{align-items:center;background:#ffffff0f;border-radius:5px;display:inline-flex;font-size:.72rem;justify-content:center;min-height:32px;padding:.33rem .7rem;transition:background .3s;white-space:nowrap}.footer-link:hover{background:#ffffff21}.footer-bottom{border-top:1px solid #ffffff26;margin-top:.5rem;padding:.6rem 1rem 1rem;text-align:center}.footer-copyright{color:#ffffffd9;font-size:.65rem}}@media (max-width:430px){.footer-top-row{padding:.5rem .8rem 0}.footer-logo-placeholder{font-size:.85rem;padding:.25rem .5rem}.footer-logo-image{height:28px;width:28px}.footer-logo-text{font-size:.8rem}.footer-social-link{height:36px;width:36px}.footer-social-icon{height:15px;width:15px}.footer-links-row{gap:.4rem .8rem;padding:.5rem .5rem .2rem}.footer-link{font-size:.68rem;min-height:30px;padding:.3rem .6rem}}@media (max-width:360px){.footer-logo-placeholder{padding:.2rem .4rem}.footer-logo-image{height:26px;width:26px}.footer-logo-text{font-size:.75rem}.footer-social{gap:.5rem}.footer-social-link{height:34px;width:34px}.footer-social-icon{height:14px;width:14px}.footer-link{font-size:.65rem;min-height:28px;padding:.28rem .55rem}}@media (min-width:768px){.footer-links-row,.footer-top-row{display:none}.footer-container{display:grid!important}}.footer,.footer-bottom,.footer-container{max-width:100vw;overflow-x:hidden}.search-toast{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#4080be,#5090ce);border-radius:12px;box-shadow:0 8px 32px #0003;max-width:350px;position:fixed;right:20px;top:80px;z-index:1001}.search-toast-content{color:#fff;padding:16px}.search-toast-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.search-toast-icon{font-size:16px;margin-right:8px}.search-toast-title{flex:1 1;font-size:14px;font-weight:600}.search-toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;transition:background-color .2s;width:20px}.search-toast-close:hover{background-color:#fff3}.search-toast-body{font-size:12px;line-height:1.4}.search-toast-info{margin:0 0 6px}.search-toast-nav{margin:0;opacity:.9}@media (max-width:768px){.search-toast{left:10px;max-width:none;right:10px;top:60px}.search-toast-content{padding:12px}}.header{position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #00000026}.user-notifications-container{display:inline-block;position:relative}.notifications-bell-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;position:relative;transition:background-color .3s ease}.notifications-bell-button:hover{background-color:#0000000d}.bell-icon{display:block;font-size:24px}.bell-icon-img{display:block;height:24px;transition:opacity .3s ease,filter .3s ease;width:24px}.bell-icon-img.muted{filter:grayscale(50%);opacity:.5}.notification-badge{background-color:#dc3545;border-radius:10px;color:#fff;font-size:10px;font-weight:700;line-height:1;min-width:18px;padding:2px 5px;position:absolute;right:4px;text-align:center;top:4px}.notifications-dropdown{animation:slideDown .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;max-height:600px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:460px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-dropdown.dark{background:#2d3748;box-shadow:0 10px 40px #0006}.notifications-header{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:1.25rem}.notifications-dropdown.dark .notifications-header{border-bottom-color:#374151}.notifications-header h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.notifications-dropdown.dark .notifications-header h3{color:#fff}.notifications-header-actions{flex-shrink:0;gap:8px}.unread-badge{background:#ffffff4d;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;margin-right:.5rem;min-width:20px;padding:.2rem .5rem;text-align:center}.settings-icon-btn{flex-shrink:0;font-size:20px;padding:4px 8px}.notifications-header-actions{align-items:center;display:flex;gap:.5rem}.settings-icon-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.4rem .6rem;transition:all .2s ease}.settings-icon-btn:hover{background:#ffffff4d}.mark-all-read-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s ease;white-space:nowrap}.mark-all-read-btn:hover:not(:disabled){background:#ffffff4d}.mark-all-read-btn:disabled{cursor:not-allowed;opacity:.5}.clear-all-btn{background:#ef4444e6;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s ease;white-space:nowrap}.clear-all-btn:hover:not(:disabled){background:#dc2626}.clear-all-btn:disabled{cursor:not-allowed;opacity:.5}.notification-filters{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;padding:.75rem 1rem}.notifications-dropdown.dark .notification-filters{background:#1f2937;border-bottom-color:#374151}.filter-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.notifications-dropdown.dark .filter-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.filter-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.notifications-dropdown.dark .filter-btn:hover{background:#4b5563;border-color:#6b7280;color:#e5e7eb}.filter-btn.active{background:linear-gradient(135deg,#4080be,#5090ce);border-color:#4080be;color:#fff}.notification-settings-panel{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 20px}.notifications-dropdown.dark .notification-settings-panel{background-color:#1f2937;border-bottom-color:#374151}.settings-item{justify-content:space-between}.settings-item,.settings-item-info{align-items:center;display:flex;gap:12px}.settings-item-info{flex:1 1}.settings-icon{flex-shrink:0;font-size:24px}.settings-text{flex:1 1}.settings-text strong{color:#1f2937;display:block;font-size:14px;margin-bottom:2px}.notifications-dropdown.dark .settings-text strong{color:#f3f4f6}.settings-text p{color:#6b7280;font-size:12px;margin:0}.notifications-dropdown.dark .settings-text p{color:#9ca3af}.toggle-switch{background-color:#ccc;border:none;border-radius:12px;flex-shrink:0;height:24px;transition:background-color .3s ease;width:48px}.toggle-switch.on{background:linear-gradient(135deg,#4080be,#5090ce)}.toggle-switch.off{background-color:#d1d5db}.toggle-slider{background-color:#fff;border-radius:50%;display:block;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.toggle-switch.on .toggle-slider{transform:translateX(24px)}.toggle-switch.off .toggle-slider{transform:translateX(0)}.toggle-switch:hover{opacity:.9}.notifications-list{flex:1 1;max-height:450px;overflow-y:auto}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#f3f4f6}.notifications-dropdown.dark .notifications-list::-webkit-scrollbar-track{background:#1f2937}.notifications-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notifications-dropdown.dark .notifications-list::-webkit-scrollbar-thumb{background:#4b5563}.notifications-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.empty-notifications{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-notifications p{font-size:14px;margin:0}.notification-item{border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:1rem;padding:1rem;position:relative;transition:all .2s ease}.notifications-dropdown.dark .notification-item{border-bottom-color:#374151}.notification-item:hover{background:#f9fafb}.notifications-dropdown.dark .notification-item:hover{background:#374151}.notification-item.unread{background:#eff6ff}.notifications-dropdown.dark .notification-item.unread{background:#1e3a5f}.notification-icon{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.notification-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.notification-title{color:#1f2937;font-size:.9rem;font-weight:600;line-height:1.4;margin:0;padding-right:60px}.notifications-dropdown.dark .notification-title{color:#f3f4f6}.notification-message{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0;overflow:hidden}.notifications-dropdown.dark .notification-message{color:#9ca3af}.notification-time{color:#9ca3af;font-size:.75rem;font-weight:500;position:absolute;right:1rem;top:1rem}.notifications-dropdown.dark .notification-time{color:#6b7280}.notification-unread-indicator{background:#4080be;border-radius:50%;box-shadow:0 0 0 3px #4080be33;height:8px;position:absolute;right:3.5rem;top:1rem;width:8px}.notifications-footer{background:#fff;border-top:none;display:flex;justify-content:center;padding:.75rem 1rem}.notifications-dropdown.dark .notifications-footer{background:#2d3748;border-top:none}.close-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#4080be;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1rem;transition:all .2s ease;width:100%}.notifications-dropdown.dark .close-btn{background:#374151;border-color:#4b5563;color:#60a5fa}.close-btn:hover{background:#f3f4f6;border-color:#9ca3af}.notifications-dropdown.dark .close-btn:hover{background:#4b5563;border-color:#6b7280}@media (max-width:768px){.notifications-list{max-height:350px}.notifications-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.notifications-header-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.clear-all-btn,.mark-all-read-btn{font-size:.7rem;padding:.35rem .6rem}.notifications-header h3{font-size:1rem}.notification-filters{flex-wrap:nowrap;gap:.5rem;overflow-x:auto}.filter-btn{flex-shrink:0;white-space:nowrap}.notification-item{padding:.75rem}.notification-icon{font-size:1rem;height:35px;width:35px}.notification-title{font-size:.85rem}.notification-message{font-size:.8rem}}@media (max-width:480px){@media (max-width:900px){.notifications-dropdown{border-radius:14px;box-shadow:0 10px 40px #0000002e;left:50%!important;margin:0 auto;max-height:80vh;max-width:100vw!important;min-width:0!important;padding-left:0;padding-right:0;position:fixed!important;right:auto!important;top:70px!important;transform:translateX(-50%)!important;width:100vw!important;z-index:2000}}.notifications-header{padding:.75rem}.notifications-header h3{font-size:.95rem}.mark-all-read-btn{font-size:.75rem;padding:.3rem .6rem}.notification-item{gap:.75rem;padding:.6rem}.notification-icon{font-size:.95rem;height:32px;width:32px}.notification-settings-panel{padding:10px 15px}.settings-text strong{font-size:13px}.settings-text p{font-size:11px}.toggle-switch{height:20px;width:40px}.toggle-slider{height:16px;width:16px}.toggle-switch.on .toggle-slider{transform:translateX(20px)}}.container{width:100%}@media (max-width:768px){.container{padding:0 1rem}}@media (max-width:480px){.container{padding:0 .5rem}}.privacy-policy-page{min-height:100vh;padding-top:80px;transition:all .3s ease}.privacy-policy-page.light{background-color:#fafafa;color:#2d3748}.privacy-policy-page.dark{background-color:#1a202c;color:#f7fafc}.privacy-policy-page-header{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff;overflow:hidden;padding:3rem 0;position:relative;text-align:center}.privacy-policy-page-header .page-title{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.privacy-policy-page-header .page-subtitle{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.privacy-policy-content{padding:3rem 0}.privacy-policy-section{margin-bottom:3rem}.privacy-policy-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 6px 24px #00000014;padding:2.5rem;transition:all .3s ease}.privacy-policy-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.privacy-policy-page.dark .privacy-policy-card{background:#2d3748;border-color:#4a5568;box-shadow:0 6px 24px #0000004d}.privacy-policy-section-title{border-bottom:2px solid #4080be;color:#2d3748;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.privacy-policy-page.dark .privacy-policy-section-title{color:#f7fafc}.privacy-policy-subsection{margin-bottom:2rem}.privacy-policy-subsection:last-child{margin-bottom:0}.privacy-policy-subsection-title{color:#4a5568;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.privacy-policy-page.dark .privacy-policy-subsection-title{color:#cbd5e0}.privacy-policy-text{color:#4a5568;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.privacy-policy-page.dark .privacy-policy-text{color:#cbd5e0}.privacy-policy-date{color:#4080be;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.privacy-policy-list{list-style:none;margin:1.5rem 0;padding:0}.privacy-policy-list li{color:#4a5568;padding:.5rem 0 .5rem 1.5rem;position:relative}.privacy-policy-list li:before{color:#4080be;content:"•";font-weight:700;left:0;position:absolute}.privacy-policy-page.dark .privacy-policy-list li{color:#cbd5e0}.privacy-policy-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.privacy-policy-grid-item{background:#667eea0d;border:1px solid #667eea1a;border-radius:8px;padding:1.5rem;transition:all .3s ease}.privacy-policy-grid-item:hover{background:#667eea1a;transform:translateY(-2px)}.privacy-policy-page.dark .privacy-policy-grid-item{background:#667eea1a;border-color:#667eea33}.privacy-policy-page.dark .privacy-policy-grid-item:hover{background:#667eea26}.privacy-policy-grid-title{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.privacy-policy-page.dark .privacy-policy-grid-title{color:#f7fafc}.privacy-policy-grid-text{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.privacy-policy-page.dark .privacy-policy-grid-text{color:#cbd5e0}.privacy-policy-highlight-box{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea33;border-radius:12px;margin:2rem 0;padding:2rem}.privacy-policy-page.dark .privacy-policy-highlight-box{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea4d}.privacy-policy-highlight-title{color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.privacy-policy-page.dark .privacy-policy-highlight-title{color:#f7fafc}.privacy-policy-highlight-list{list-style:none;margin:0;padding:0}.privacy-policy-highlight-list li{color:#4a5568;padding:.5rem 0 .5rem 1.5rem;position:relative}.privacy-policy-highlight-list li:before{color:#4080be;content:"✓";font-weight:700;left:0;position:absolute}.privacy-policy-page.dark .privacy-policy-highlight-list li{color:#cbd5e0}.privacy-policy-security-measures{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.privacy-policy-measure{align-items:flex-start;background:#667eea0d;border-left:4px solid #4080be;border-radius:8px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.privacy-policy-measure:hover{background:#667eea1a;transform:translateX(5px)}.privacy-policy-page.dark .privacy-policy-measure{background:#667eea1a}.privacy-policy-page.dark .privacy-policy-measure:hover{background:#667eea26}.privacy-policy-measure-icon{flex-shrink:0;font-size:2rem}.privacy-policy-measure-content h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.privacy-policy-page.dark .privacy-policy-measure-content h4{color:#f7fafc}.privacy-policy-measure-content p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.privacy-policy-page.dark .privacy-policy-measure-content p{color:#cbd5e0}.privacy-policy-rights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.privacy-policy-right{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:all .3s ease}.privacy-policy-right:hover{border-color:#667eea4d;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.privacy-policy-page.dark .privacy-policy-right{background:#4a5568;border-color:#2d3748;box-shadow:0 2px 8px #0003}.privacy-policy-right h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.privacy-policy-page.dark .privacy-policy-right h4{color:#f7fafc}.privacy-policy-right p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.privacy-policy-page.dark .privacy-policy-right p{color:#cbd5e0}.privacy-policy-contact-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea33;border-radius:12px;padding:3rem;text-align:center}.privacy-policy-page.dark .privacy-policy-contact-section{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea4d}.privacy-policy-page.dark{background:#4a5568;color:#cbd5e0}@media (max-width:768px){.privacy-policy-page-header .page-title{font-size:2rem}.privacy-policy-content{padding:2rem 0}.privacy-policy-card{padding:1.5rem}.privacy-policy-section-title{font-size:1.5rem}.privacy-policy-grid,.privacy-policy-rights-grid{gap:1rem;grid-template-columns:1fr}.privacy-policy-contact-section{padding:2rem}.privacy-policy-security-measures{gap:1rem}.privacy-policy-measure{padding:1rem}}@media (max-width:480px){.privacy-policy-page-header{padding:2rem 0}.privacy-policy-page-header .page-title{font-size:1.5rem}.privacy-policy-page-header .page-subtitle{font-size:1rem}.privacy-policy-card{padding:1rem}}.terms-conditions-page{min-height:100vh;transition:all .3s ease}.terms-conditions-page.light{background-color:#fafafa;color:#2d3748}.terms-conditions-page.dark{background-color:#1a202c;color:#f7fafc}.terms-conditions-page-header{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff;overflow:hidden;padding:3rem 0;position:relative;text-align:center}.terms-conditions-page-header .page-title{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.terms-conditions-page-header .page-subtitle{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.terms-conditions-content{padding:3rem 0}.terms-conditions-section{margin-bottom:3rem}.terms-conditions-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 6px 24px #00000014;padding:2.5rem;transition:all .3s ease}.terms-conditions-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.terms-conditions-page.dark .terms-conditions-card{background:#2d3748;border-color:#4a5568;box-shadow:0 6px 24px #0000004d}.terms-conditions-section-title{border-bottom:2px solid #4080be;color:#2d3748;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.terms-conditions-page.dark .terms-conditions-section-title{color:#f7fafc}.terms-conditions-subsection{margin-bottom:2rem}.terms-conditions-subsection:last-child{margin-bottom:0}.terms-conditions-subsection-title{color:#4a5568;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.terms-conditions-page.dark .terms-conditions-subsection-title{color:#cbd5e0}.terms-conditions-text{color:#4a5568;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.terms-conditions-page.dark .terms-conditions-text{color:#cbd5e0}.terms-conditions-date{color:#4080be;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.terms-conditions-list{list-style:none;margin:1.5rem 0;padding:0}.terms-conditions-list li{color:#4a5568;padding:.5rem 0 .5rem 1.5rem;position:relative}.terms-conditions-list li:before{color:#4080be;content:"•";font-weight:700;left:0;position:absolute}.terms-conditions-page.dark .terms-conditions-list li{color:#cbd5e0}.terms-conditions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.terms-conditions-grid-item{background:#667eea0d;border:1px solid #667eea1a;border-radius:8px;padding:1.5rem;transition:all .3s ease}.terms-conditions-grid-item:hover{background:#667eea1a;transform:translateY(-2px)}.terms-conditions-page.dark .terms-conditions-grid-item{background:#667eea1a;border-color:#667eea33}.terms-conditions-page.dark .terms-conditions-grid-item:hover{background:#667eea26}.terms-conditions-grid-title{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.terms-conditions-page.dark .terms-conditions-grid-title{color:#f7fafc}.terms-conditions-grid-text{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.terms-conditions-page.dark .terms-conditions-grid-text{color:#cbd5e0}.terms-conditions-highlight-box{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea33;border-radius:12px;margin:2rem 0;padding:2rem}.terms-conditions-page.dark .terms-conditions-highlight-box{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea4d}.terms-conditions-highlight-title{color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.terms-conditions-page.dark .terms-conditions-highlight-title{color:#f7fafc}.terms-conditions-highlight-list{list-style:none;margin:0;padding:0}.terms-conditions-highlight-list li{color:#4a5568;padding:.5rem 0 .5rem 1.5rem;position:relative}.terms-conditions-highlight-list li:before{color:#4080be;content:"✓";font-weight:700;left:0;position:absolute}.terms-conditions-page.dark .terms-conditions-highlight-list li{color:#cbd5e0}.terms-conditions-security-measures{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.terms-conditions-measure{align-items:flex-start;background:#667eea0d;border-left:4px solid #4080be;border-radius:8px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.terms-conditions-measure:hover{background:#667eea1a;transform:translateX(5px)}.terms-conditions-page.dark .terms-conditions-measure{background:#667eea1a}.terms-conditions-page.dark .terms-conditions-measure:hover{background:#667eea26}.terms-conditions-measure-icon{flex-shrink:0;font-size:2rem}.terms-conditions-measure-content h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.terms-conditions-page.dark .terms-conditions-measure-content h4{color:#f7fafc}.terms-conditions-measure-content p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.terms-conditions-page.dark .terms-conditions-measure-content p{color:#cbd5e0}.terms-conditions-rights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.terms-conditions-right{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:all .3s ease}.terms-conditions-right:hover{border-color:#667eea4d;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.terms-conditions-page.dark .terms-conditions-right{background:#4a5568;border-color:#2d3748;box-shadow:0 2px 8px #0003}.terms-conditions-right h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.terms-conditions-page.dark .terms-conditions-right h4{color:#f7fafc}.terms-conditions-right p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.terms-conditions-page.dark .terms-conditions-right p{color:#cbd5e0}.terms-conditions-contact-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea33;border-radius:12px;padding:3rem;text-align:center}.terms-conditions-page.dark{background:linear-gradient(135deg,#667eea26,#764ba226);background:#4a5568;border-color:#667eea4d;color:#cbd5e0}.terms-conditions-page.dark .terms-conditions-contact-btn.secondary:hover{background:#2d3748;color:#cbd5e0}@media (max-width:768px){.terms-conditions-page-header .page-title{font-size:2rem}.terms-conditions-content{padding:2rem 0}.terms-conditions-card{padding:1.5rem}.terms-conditions-section-title{font-size:1.5rem}.terms-conditions-grid,.terms-conditions-rights-grid{gap:1rem;grid-template-columns:1fr}.terms-conditions-contact-section{padding:2rem}.terms-conditions-security-measures{gap:1rem}.terms-conditions-measure{padding:1rem}}@media (max-width:480px){.terms-conditions-page-header{padding:2rem 0}.terms-conditions-page-header .page-title{font-size:1.5rem}.terms-conditions-page-header .page-subtitle{font-size:1rem}.terms-conditions-card{padding:1rem}}.retention-policy-page{min-height:100vh;transition:all .3s ease}.retention-policy-page.light{background-color:#fafafa;color:#2d3748}.retention-policy-page.dark{background-color:#1a202c;color:#f7fafc}.retention-policy-page-header{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff;overflow:hidden;padding:3rem 0;position:relative;text-align:center}.retention-policy-page-header .page-title{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.retention-policy-page-header .page-subtitle{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.retention-policy-content{padding:3rem 0}.retention-policy-section{margin-bottom:3rem}.retention-policy-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 6px 24px #00000014;padding:2.5rem;transition:all .3s ease}.retention-policy-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.retention-policy-page.dark .retention-policy-card{background:#2d3748;border-color:#4a5568;box-shadow:0 6px 24px #0000004d}.retention-policy-section-title{border-bottom:2px solid #4080be;color:#2d3748;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.retention-policy-page.dark .retention-policy-section-title{color:#f7fafc}.retention-policy-subsection{margin-bottom:2rem}.retention-policy-subsection:last-child{margin-bottom:0}.retention-policy-subsection-title{color:#4a5568;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.retention-policy-page.dark .retention-policy-subsection-title{color:#cbd5e0}.retention-policy-text{color:#4a5568;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.retention-policy-page.dark .retention-policy-text{color:#cbd5e0}.retention-policy-date{color:#4080be;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.retention-policy-list{list-style:none;margin:1.5rem 0;padding:0}.retention-policy-list li{color:#4a5568;padding:.5rem 0 .5rem 1.5rem;position:relative}.retention-policy-list li:before{color:#4080be;content:"•";font-weight:700;left:0;position:absolute}.retention-policy-page.dark .retention-policy-list li{color:#cbd5e0}.retention-policy-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.retention-policy-grid-item{background:#667eea0d;border:1px solid #667eea1a;border-radius:8px;padding:1.5rem;transition:all .3s ease}.retention-policy-grid-item:hover{background:#667eea1a;transform:translateY(-2px)}.retention-policy-page.dark .retention-policy-grid-item{background:#667eea1a;border-color:#667eea33}.retention-policy-page.dark .retention-policy-grid-item:hover{background:#667eea26}.retention-policy-grid-title{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.retention-policy-page.dark .retention-policy-grid-title{color:#f7fafc}.retention-policy-grid-text{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.retention-policy-page.dark .retention-policy-grid-text{color:#cbd5e0}.retention-policy-grid-text strong{color:#4080be;font-weight:700}.retention-policy-highlight-box{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea33;border-radius:12px;margin:2rem 0;padding:2rem}.retention-policy-page.dark .retention-policy-highlight-box{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea4d}.retention-policy-highlight-title{color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.retention-policy-page.dark .retention-policy-highlight-title{color:#f7fafc}.retention-policy-highlight-list{list-style:none;margin:0;padding:0}.retention-policy-highlight-list li{color:#4a5568;padding:.5rem 0 .5rem 1.5rem;position:relative}.retention-policy-highlight-list li:before{color:#4080be;content:"✓";font-weight:700;left:0;position:absolute}.retention-policy-page.dark .retention-policy-highlight-list li{color:#cbd5e0}.retention-policy-security-measures{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.retention-policy-measure{align-items:flex-start;background:#667eea0d;border-left:4px solid #4080be;border-radius:8px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.retention-policy-measure:hover{background:#667eea1a;transform:translateX(5px)}.retention-policy-page.dark .retention-policy-measure{background:#667eea1a}.retention-policy-page.dark .retention-policy-measure:hover{background:#667eea26}.retention-policy-measure-icon{flex-shrink:0;font-size:2rem}.retention-policy-measure-content h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.retention-policy-page.dark .retention-policy-measure-content h4{color:#f7fafc}.retention-policy-measure-content p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.retention-policy-page.dark .retention-policy-measure-content p{color:#cbd5e0}.retention-policy-rights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.retention-policy-right{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:all .3s ease}.retention-policy-right:hover{border-color:#667eea4d;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.retention-policy-page.dark .retention-policy-right{background:#4a5568;border-color:#2d3748;box-shadow:0 2px 8px #0003}.retention-policy-right h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.retention-policy-page.dark .retention-policy-right h4{color:#f7fafc}.retention-policy-right p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.retention-policy-page.dark .retention-policy-right p{color:#cbd5e0}.retention-policy-contact-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea33;border-radius:12px;padding:3rem;text-align:center}.retention-policy-page.dark .retention-policy-contact-section{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea4d}.retention-policy-contact-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.retention-policy-contact-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.retention-policy-contact-btn.primary{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff}.retention-policy-contact-btn.primary:hover{box-shadow:0 4px 15px #667eea4d;color:#fff;text-decoration:none;transform:translateY(-2px)}.retention-policy-contact-btn.secondary{background:#e2e8f0;color:#4a5568}.retention-policy-contact-btn.secondary:hover{background:#cbd5e0;color:#4a5568;text-decoration:none}.retention-policy-page.dark{background:#4a5568;color:#cbd5e0}.retention-policy-page.dark .retention-policy-contact-btn.secondary:hover{background:#2d3748;color:#cbd5e0}@media (max-width:768px){.retention-policy-page-header .page-title{font-size:2rem}.retention-policy-content{padding:2rem 0}.retention-policy-card{padding:1.5rem}.retention-policy-section-title{font-size:1.5rem}.retention-policy-grid,.retention-policy-rights-grid{gap:1rem;grid-template-columns:1fr}.retention-policy-security-measures{gap:1rem}.retention-policy-measure{padding:1rem}}@media (max-width:480px){.retention-policy-page-header{padding:2rem 0}.retention-policy-page-header .page-title{font-size:1.5rem}.retention-policy-page-header .page-subtitle{font-size:1rem}.retention-policy-card{padding:1rem}}.contact-us-page{min-height:100vh;padding-top:80px;transition:all .3s ease}.contact-us-page.light{background-color:#fafafa;color:#2d3748}.contact-us-page.dark{background-color:#1a202c;color:#f7fafc}.contact-us-page-header{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff;overflow:hidden;padding:2rem 0;position:relative;text-align:center}.contact-us-page-header .page-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.contact-us-page-header .page-subtitle{font-size:1rem;line-height:1.4;margin:0 auto;max-width:600px;opacity:.9}.contact-us-content{padding:1.5rem 0}.contact-us-two-column-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.contact-us-column{display:flex;flex-direction:column}.contact-us-column-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 6px 24px #00000014;height:100%;padding:1.5rem;transition:all .3s ease}.contact-us-column-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.contact-us-page.dark .contact-us-column-card{background:#2d3748;border-color:#4a5568;box-shadow:0 6px 24px #0000004d}.contact-us-cards-compact{display:flex;flex-direction:column;gap:1rem}.contact-us-card-compact{align-items:center;background:#667eea0d;border:1px solid #667eea1a;border-radius:8px;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.contact-us-card-compact:hover{transform:translateX(3px)}.contact-us-card-compact:hover,.contact-us-page.dark .contact-us-card-compact{background:#667eea1a;border-color:#667eea33}.contact-us-page.dark .contact-us-card-compact:hover{background:#667eea26}.contact-us-icon-compact{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.contact-us-info-compact{flex:1 1}.contact-us-info-compact h3{color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:.25rem}.contact-us-page.dark .contact-us-info-compact h3{color:#f7fafc}.contact-us-info-compact .contact-us-detail{color:#4080be;font-size:.9rem;font-weight:600;margin-bottom:.125rem}.contact-us-info-compact .contact-us-detail.emergency{color:#e53e3e;font-size:1rem;font-weight:700}.contact-us-info-compact .contact-us-hours{color:#718096;font-size:.75rem;margin:0}.contact-us-page.dark .contact-us-info-compact .contact-us-hours{color:#cbd5e0}.contact-us-section-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.contact-us-page.dark .contact-us-section-title{color:#f7fafc}.contact-us-column-card .section-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.contact-us-page.dark .contact-us-column-card .section-title{color:#f7fafc}.contact-us-info-section{margin-bottom:4rem}.contact-us-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.contact-us-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.contact-us-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.contact-us-page.dark .contact-us-card{background:#2d3748;box-shadow:0 4px 20px #0000004d}.contact-us-icon{font-size:3rem;margin-bottom:1rem}.contact-us-card h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.contact-us-page.dark .contact-us-card h3{color:#f7fafc}.contact-us-detail{color:#4080be;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.contact-us-detail.emergency{color:#e53e3e;font-weight:700}.contact-us-hours{color:#718096;font-size:.9rem;margin-bottom:.25rem}.contact-us-page.dark .contact-us-hours{color:#cbd5e0}.contact-us-form-section{margin-bottom:4rem}.contact-us-form{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:800px;padding:2.5rem}.contact-us-page.dark .contact-us-form{background:#2d3748;box-shadow:0 4px 20px #0000004d}.contact-us-form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.contact-us-form-group{display:flex;flex-direction:column;gap:.5rem}.contact-us-form-group label{color:#4a5568;font-size:.9rem;font-weight:600}.contact-us-page.dark .contact-us-form-group label{color:#cbd5e0}.contact-us-form-group input,.contact-us-form-group select,.contact-us-form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.contact-us-page.dark .contact-us-form-group input,.contact-us-page.dark .contact-us-form-group select,.contact-us-page.dark .contact-us-form-group textarea{background:#4a5568;border-color:#4a5568;color:#f7fafc}.contact-us-form-group input:focus,.contact-us-form-group select:focus,.contact-us-form-group textarea:focus{border-color:#4080be;box-shadow:0 0 0 3px #667eea1a;outline:none}.contact-us-form-group textarea{min-height:120px;resize:vertical}.contact-us-form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.contact-us-reset-btn,.contact-us-submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.contact-us-submit-btn{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff}.contact-us-submit-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.contact-us-submit-btn:disabled{cursor:not-allowed;opacity:.6}.contact-us-reset-btn{background:#e2e8f0;color:#4a5568}.contact-us-reset-btn:hover{background:#cbd5e0}.contact-us-page.dark .contact-us-reset-btn{background:#4a5568;color:#cbd5e0}.contact-us-page.dark .contact-us-reset-btn:hover{background:#2d3748}.contact-us-support-hours-section{margin-bottom:2rem}.contact-us-hours-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.contact-us-hours-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem}.contact-us-page.dark .contact-us-hours-card{background:#2d3748;box-shadow:0 4px 20px #0000004d}.contact-us-hours-card h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.contact-us-page.dark .contact-us-hours-card h3{color:#f7fafc}.contact-us-hours-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 0}.contact-us-hours-item:last-child{border-bottom:none}.contact-us-page.dark .contact-us-hours-item{border-bottom-color:#4a5568}.contact-us-day{color:#4a5568;font-weight:600}.contact-us-page.dark .contact-us-day{color:#cbd5e0}.contact-us-time{color:#4080be;font-weight:600}.faqs-page{min-height:100vh;transition:all .3s ease}.faqs-page.light{background-color:#fafafa;color:#2d3748}.faqs-page.dark{background-color:#1a202c;color:#f7fafc}.faqs-page-header{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff;margin-top:0;overflow:hidden;padding:6rem 0 4rem;position:relative;text-align:center;z-index:1}.faqs-page-header .page-title{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;padding-top:1rem}.faqs-page-header .page-subtitle{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.faqs-content{border:none;position:relative;z-index:5}.faqs-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.faqs-section-title{border-bottom:2px solid #4080be;color:#2d3748;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.faqs-page.dark .faqs-section-title{color:#f7fafc}.faqs-text{color:#4a5568;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.faqs-page.dark .faqs-text{color:#cbd5e0}.faqs-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem}.faqs-search-container{flex:1 1;min-width:300px;position:relative}.faqs-search-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:1rem;padding:.75rem 3rem .75rem 1rem;transition:all .3s ease;width:100%}.faqs-page.dark .faqs-search-input{background:#2d3748;border-color:#4a5568;color:#cbd5e0}.faqs-search-input:focus{border-color:#4080be;box-shadow:0 0 0 3px #4080be1a;outline:none}.faqs-search-icon{color:#4080be;font-size:1.2rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.faqs-filter-container{min-width:200px}.faqs-category-filter{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.faqs-page.dark .faqs-category-filter{background:#2d3748;border-color:#4a5568;color:#cbd5e0}.faqs-category-filter:focus{border-color:#4080be;box-shadow:0 0 0 3px #4080be1a;outline:none}.faqs-results{margin-bottom:3rem}.faqs-results-header{margin-bottom:2rem}.faqs-results-header h2{color:#2d3748;font-size:1.5rem;margin-bottom:.5rem}.faqs-page.dark .faqs-results-header h2{color:#f7fafc}.faqs-search-term{color:#4080be;font-weight:600}.faqs-list{margin-bottom:3rem}.faq-item{background-color:#fff;border:1px solid #0000000d;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.faqs-page.dark .faq-item{background:#2d3748;border-color:#4a5568;box-shadow:0 2px 8px #0000004d}.faq-item:hover{box-shadow:0 4px 12px #00000026}.faqs-page.dark .faq-item:hover{box-shadow:0 4px 12px #0006}.faq-question{align-items:center;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:background-color .3s ease}.faqs-page.dark .faq-question{background-color:#2d3748}.faq-question:hover{background-color:#f8f9fa}.faqs-page.dark .faq-question:hover{background-color:#4a5568}.faq-question-content{flex:1 1;min-width:0;padding-right:1rem}.faq-question-content h3{color:#333;font-size:1.1rem;font-weight:600;line-height:1.4;margin:.5rem 0 0}.faqs-page.dark .faq-question-content h3{color:#f7fafc}.faq-icon{color:#4080be;flex-shrink:0;font-size:1.5rem;margin-left:1rem;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.faqs-page.dark .faq-icon{color:#90cdf4}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{background-color:#f9f9f9;max-height:0;overflow:hidden;padding:0 1.5rem;transition:max-height .4s ease}.faqs-page.dark .faq-answer{background-color:#1a202c}.faq-answer.open{max-height:1000px;padding:0 1.5rem 1.5rem}.faq-answer p{color:#555;line-height:1.6;margin-bottom:0;margin-top:.5rem}.faqs-page.dark .faq-answer p{color:#cbd5e0}.faq-item .faqs-category-badge{background:#4080be1a;border-radius:20px;color:#4080be;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:.5rem;padding:.25rem .75rem;transition:all .3s ease}.faqs-page.dark .faq-item .faqs-category-badge{background:#90cdf433;color:#90cdf4}.faqs-page.dark .faq-actions{border-top-color:#4a5568}.faqs-page.dark .faq-actions small{color:#cbd5e0}.delete-faq-btn:hover{box-shadow:0 2px 8px #ef44444d}.faqs-grid{display:none}.faqs-no-results{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;padding:3rem;text-align:center}.faqs-page.dark .faqs-no-results{background:#2d3748;box-shadow:0 4px 16px #0000004d}.faqs-no-results-icon{font-size:3rem;margin-bottom:1rem}.faqs-no-results h3{color:#2d3748;font-size:1.5rem;margin-bottom:1rem}.faqs-page.dark .faqs-no-results h3{color:#f7fafc}.faqs-clear-search-btn{background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 2rem;transition:all .3s ease}.faqs-clear-search-btn:hover{box-shadow:0 4px 15px #4080be4d;transform:translateY(-2px)}.faqs-category-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.faqs-category-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 16px #00000014;padding:2rem}.faqs-category-card:hover{border-color:#4080be4d;box-shadow:0 6px 24px #0000001f}.faqs-page.dark .faqs-category-card{background:#4a5568;border-color:#2d3748;box-shadow:0 4px 16px #0000004d}.faqs-page.dark .faqs-category-card:hover{background:#2d3748;box-shadow:0 6px 24px #0006}.faqs-category-card h3{color:#2d3748;font-size:1.2rem;margin-bottom:.5rem}.faqs-page.dark .faqs-category-card h3{color:#f7fafc}.faqs-category-card:hover h3,.faqs-category-card:hover p{color:#4080be}.faqs-page.dark .faqs-category-card:hover h3,.faqs-page.dark .faqs-category-card:hover p{color:#90cdf4}.faqs-category-card p{color:#4a5568;margin:0}.faqs-page.dark .faqs-category-card p{color:#cbd5e0}.faqs-category-card.active{background:linear-gradient(135deg,#4080be1a,#5090ce1a);border-color:#4080be;box-shadow:0 4px 15px #4080be33}.faqs-page.dark .faqs-category-card.active{background:linear-gradient(135deg,#4080be33,#5090ce33)}.category-actions{flex-shrink:0}.delete-category-btn{align-items:center;background:#ef4444!important;box-shadow:0 2px 8px #ef44444d;color:#fff!important;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.delete-category-btn:hover:not(:disabled){background:#dc2626!important;box-shadow:0 4px 12px #ef444466}.delete-category-btn:disabled{background:#9ca3af!important;box-shadow:none;opacity:.5}.close-icon{height:18px;object-fit:contain;width:18px}.category-tooltip{position:static}.add-faq-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff80;border-radius:8px;box-shadow:0 4px 15px #0000001a,0 8px 30px #ffffff1a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;user-select:none;-webkit-user-select:none}.add-faq-btn:hover{background:#ffffff40;border-color:#fffc;box-shadow:0 6px 20px #00000026,0 10px 35px #ffffff26;transform:translateY(-2px)}.add-faq-btn:active{box-shadow:0 2px 10px #0000001a,0 4px 20px #ffffff1a;transform:translateY(0)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3rem}.faqs-page.dark .loading-spinner{border-color:#90cdf4 #4a5568 #4a5568}.loading-container p{color:#4a5568;font-size:1rem;margin-top:1rem}.faqs-page.dark .loading-container p{color:#cbd5e0}@media (max-width:768px){.faqs-page-header{margin-top:0;padding:2rem 0}.faqs-page-header .page-title{font-size:2rem}.faqs-content{padding:2rem 0}.faqs-controls{flex-direction:column;gap:1rem}.faqs-search-container{min-width:auto}.faqs-filter-container{min-width:auto;width:100%}.faqs-category-filter{width:100%}.faqs-category-cards{gap:1rem;grid-template-columns:1fr}.student-affairs-controls{align-items:center;flex-direction:column}.add-category-btn,.add-faq-btn{max-width:300px;width:100%}.faq-question{padding:1.25rem}.faq-question-content h3{font-size:1rem}.faq-icon{font-size:1.25rem}.faq-answer.open{padding:0 1.25rem 1.25rem}}@media (max-width:480px){.faqs-page-header{margin-top:0;padding:4.5rem 0 1.5rem}.faqs-page-header .page-title{font-size:1.5rem}.faqs-page-header .page-subtitle{font-size:1rem}.faqs-card{padding:1.5rem}.faqs-section-title{font-size:1.5rem}.faqs-category-card{flex-direction:column;gap:1rem}.category-actions{margin-left:0;width:100%}.delete-category-btn{width:100%}.faq-question{padding:1rem}.faq-question-content{padding-right:.5rem}.faq-question-content h3{font-size:.95rem}.faq-icon{font-size:1.2rem;margin-left:.5rem}.faq-answer.open{padding:0 1rem 1rem}.faq-actions{align-items:flex-start;flex-direction:column;gap:.5rem}.delete-faq-btn{width:100%}}.faqs-section{margin-bottom:3rem;position:static!important}.faqs-content{background:#fafafa;min-height:100vh;padding:3rem 0;position:static}.faqs-page.dark .faqs-content{background:#1a202c}.faqs-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 6px 24px #00000014;padding:2.5rem;position:relative;transition:all .3s ease;z-index:1}.faqs-page.dark .faqs-card{background:#2d3748;border-color:#4a5568;box-shadow:0 6px 24px #0000004d}.about-us-page-header{margin-top:80px}.about-us-team-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:100px;justify-content:center;margin-left:auto;margin-right:auto;overflow:hidden;width:100px}@media (max-width:768px){.about-us-page-header{margin-top:80px;padding:2rem 0}.about-us-page-header .page-title{font-size:2rem}.about-us-content{padding:2rem 0}.about-us-mission-content{gap:2rem;grid-template-columns:1fr}.about-us-features-grid,.about-us-team-grid,.about-us-values-grid{gap:1rem;grid-template-columns:1fr}.about-us-contact-buttons{align-items:center;flex-direction:column}.about-us-contact-btn{justify-content:center;max-width:250px;width:100%}}@media (max-width:480px){.about-us-page-header{margin-top:80px;padding:1.5rem 0}.about-us-page-header .page-title{font-size:1.5rem}.about-us-page-header .page-subtitle{font-size:1rem}.about-us-section-title{font-size:1.5rem}.about-us-team-avatar{font-size:2rem;height:80px;width:80px}}@media (max-width:768px){.contact-us-cards{grid-template-columns:1fr}.contact-us-two-column-layout{gap:1rem;grid-template-columns:1fr}.contact-us-column-card{padding:1.25rem}.contact-us-card-compact{gap:.5rem;padding:.75rem}.contact-us-icon-compact{font-size:1.25rem;height:40px;width:40px}.contact-us-info-compact h3{font-size:.9rem}.contact-us-info-compact .contact-us-detail{font-size:.8rem}.contact-us-info-compact .contact-us-hours{font-size:.7rem}.contact-us-page-header{padding:1.5rem 0}.contact-us-page-header .page-title{font-size:1.75rem}.contact-us-content{padding:1rem 0}.contact-us-form-row{grid-template-columns:1fr}.contact-us-form-actions{flex-direction:column}.contact-us-reset-btn,.contact-us-submit-btn{width:100%}.contact-us-hours-grid{grid-template-columns:1fr}.contact-us-form{padding:1.5rem}.contact-us-page-header .page-title{font-size:2rem}.faqs-controls{align-items:stretch;flex-direction:column}.faqs-search-container{max-width:none}.faqs-category-filter{min-width:auto}.faqs-grid{grid-template-columns:1fr}.faqs-question{padding-right:2rem}.faqs-contact-actions{flex-direction:column}.faqs-contact-btn{justify-content:center}.faqs-category-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.faqs-page-header .page-title{font-size:2rem}}.incident-report-page.light{background-color:#fafafa;color:#2d3748}.incident-report-page.dark{background-color:#1a202c}.incident-report-page-header{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff;padding:3rem 0}.incident-report-page-header .page-title{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.incident-report-page-header .page-subtitle{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.incident-content-area{padding:3rem 0!important}.incident-container{margin:0 auto!important;max-width:1200px!important;padding:0 1rem!important}.incident-report-content{display:flex!important;justify-content:center!important}.incident-report-container{background:#fff!important;border-radius:12px!important;box-shadow:0 4px 6px -1px #0000001a!important;max-width:800px!important;overflow:hidden!important;width:100%!important}.incident-report-page.dark .incident-report-container{background:#2d3748!important}.incident-report-form{width:100%!important}.incident-report-page .incident-form-section{border-bottom:1px solid #e2e8f0!important;padding:2rem!important}.incident-report-page .incident-form-section:last-child{border-bottom:none!important}.incident-report-page.dark .incident-form-section{border-bottom-color:#4a5568!important}.incident-report-page .incident-form-section h2{align-items:center!important;border-bottom:none!important;color:#2d3748!important;display:flex!important;font-size:1.5rem!important;font-weight:600!important;gap:.5rem!important;margin-bottom:1.5rem!important;padding-bottom:0!important}.incident-report-page.dark .incident-form-section h2{color:#f7fafc!important}.incident-report-page .incident-form-section h2:before{background:linear-gradient(135deg,#4080be,#5090ce)!important;border-radius:2px!important;content:""!important;height:1.5rem!important;width:4px!important}.incident-report-page .incident-form-group{margin-bottom:1.5rem!important}.incident-report-page .incident-form-row{grid-gap:1.5rem!important;display:grid!important;gap:1.5rem!important;grid-template-columns:1fr 1fr!important}.incident-report-page .incident-form-group label{color:#374151!important;display:block!important;font-weight:500!important;margin-bottom:.5rem!important}.incident-report-page.dark .incident-form-group label{color:#e2e8f0!important}.incident-report-page .incident-form-group input,.incident-report-page .incident-form-group select,.incident-report-page .incident-form-group textarea{background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;font-size:1rem!important;padding:.75rem!important;transition:border-color .3s ease,box-shadow .3s ease!important;width:100%!important}.incident-report-page .incident-form-group input:focus,.incident-report-page .incident-form-group select:focus,.incident-report-page .incident-form-group textarea:focus{border-color:#4080be!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.incident-report-page.dark .incident-form-group input,.incident-report-page.dark .incident-form-group select,.incident-report-page.dark .incident-form-group textarea{background-color:#374151!important;border-color:#4a5568!important;color:#f7fafc!important}.incident-report-page .incident-form-group textarea{min-height:100px!important;resize:vertical!important}.incident-report-page .incident-form-group input.error,.incident-report-page .incident-form-group select.error,.incident-report-page .incident-form-group textarea.error{border-color:#ef4444}.incident-report-page .incident-error-message{color:#ef4444;display:block;font-size:.875rem;margin-top:.25rem}.incident-report-page .incident-form-actions{background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:2rem}.incident-report-page.dark .incident-form-actions{background-color:#1a202c;border-top-color:#4a5568}.incident-report-page .incident-btn-primary{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.incident-report-page .incident-btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.incident-report-page .incident-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.incident-report-page .incident-btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.incident-report-page .incident-btn-secondary:hover{background-color:#f3f4f6;border-color:#9ca3af}.incident-report-page.dark .incident-btn-secondary{background:#374151;border-color:#4a5568;color:#e2e8f0}.incident-report-page.dark .incident-btn-secondary:hover{background-color:#4a5568;border-color:#6b7280}.about-us-page{min-height:100vh;transition:all .3s ease}.about-us-page.light{background-color:#fafafa;color:#2d3748}.about-us-page.dark{background-color:#1a202c;color:#f7fafc}.about-us-page-header{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff;padding:3rem 0;text-align:center}.about-us-page-header .page-title{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.about-us-page-header .page-subtitle{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:700px;opacity:.9}.about-us-content{padding:3rem 0}.about-us-section-title{color:#2d3748;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.about-us-page.dark .about-us-section-title{color:#f7fafc}.about-us-mission-section{margin-bottom:4rem}.about-us-mission-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:2fr 1fr}.about-us-mission-text p{color:#4a5568;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-us-page.dark .about-us-mission-text p{color:#cbd5e0}.about-us-mission-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.about-us-stat{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:1.5rem;text-align:center;transition:all .3s ease}.about-us-stat:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.about-us-page.dark .about-us-stat{background:#2d3748;box-shadow:0 4px 20px #0000004d}.about-us-stat-number{color:#4080be;font-size:2rem;font-weight:700;margin-bottom:.5rem}.about-us-stat-label{color:#718096;font-size:.9rem;font-weight:500}.about-us-page.dark .about-us-stat-label{color:#cbd5e0}.about-us-features-section{margin-bottom:4rem}.about-us-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.about-us-feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.about-us-feature-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.about-us-page.dark .about-us-feature-card{background:#2d3748;border-color:#4a5568;box-shadow:0 4px 20px #0000004d}.about-us-feature-icon{font-size:2.5rem;margin-bottom:1rem}.about-us-feature-title{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.about-us-page.dark .about-us-feature-title{color:#f7fafc}.about-us-feature-description{color:#4a5568;font-size:1rem;line-height:1.6}.about-us-page.dark .about-us-feature-description{color:#cbd5e0}.about-us-team-section{margin-bottom:4rem}.about-us-team-intro{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.about-us-page.dark .about-us-team-intro{color:#cbd5e0}.about-us-team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.about-us-team-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.about-us-team-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.about-us-page.dark .about-us-team-card{background:#2d3748;border-color:#4a5568;box-shadow:0 4px 20px #0000004d}.about-us-team-avatar{font-size:4rem;margin-bottom:1rem}.about-us-team-name{color:#2d3748;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.about-us-page.dark .about-us-team-name{color:#f7fafc}.about-us-team-role{color:#4080be;font-size:1rem;font-weight:600;margin-bottom:1rem}.about-us-team-description{color:#4a5568;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.about-us-page.dark .about-us-team-description{color:#cbd5e0}.about-us-team-email{color:#4080be;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s ease}.about-us-team-email:hover{color:#5090ce;text-decoration:underline}.about-us-values-section{margin-bottom:4rem}.about-us-values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.about-us-value-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem;transition:all .3s ease}.about-us-value-card:hover{box-shadow:0 6px 25px #0000001f;transform:translateY(-3px)}.about-us-page.dark .about-us-value-card{background:#2d3748;border-color:#4a5568;box-shadow:0 4px 20px #0000004d}.about-us-value-title{align-items:center;color:#2d3748;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.about-us-page.dark .about-us-value-title{color:#f7fafc}.about-us-value-description{color:#4a5568;font-size:1rem;line-height:1.6}.about-us-page.dark .about-us-value-description{color:#cbd5e0}.about-us-contact-section{margin-bottom:2rem;text-align:center}.about-us-contact-content{margin:0 auto;max-width:600px}.about-us-contact-text{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.about-us-page.dark .about-us-contact-text{color:#cbd5e0}.about-us-contact-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.about-us-contact-btn{align-items:center;border-radius:8px;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.about-us-contact-btn.primary{background:linear-gradient(135deg,#4080be,#5090ce);box-shadow:0 4px 15px #667eea4d;color:#fff}.about-us-contact-btn.primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.about-us-contact-btn.secondary{background:#fff;border:2px solid #4080be;box-shadow:0 4px 15px #0000001a;color:#4080be}.about-us-contact-btn.secondary:hover{background:#4080be;box-shadow:0 6px 20px #667eea4d;color:#fff;transform:translateY(-2px)}.about-us-page.dark .about-us-contact-btn.secondary{background:#2d3748;border-color:#90cdf4;color:#90cdf4}.about-us-page.dark .about-us-contact-btn.secondary:hover{background:#90cdf4;color:#1a202c}.live-chat-section{background:linear-gradient(135deg,#4080be,#5090ce);border-radius:12px;color:#fff;margin-top:2rem;padding:2rem;text-align:center}.live-chat-section .section-title{color:#fff;margin-bottom:1rem}.chat-introduction{margin:0 auto;max-width:500px}.chat-introduction p{line-height:1.6;margin-bottom:1.5rem;opacity:.9}.start-chat-btn{background:#fff;border:none;border-radius:25px;color:#4080be;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.start-chat-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.chat-widget{background:#fff;border:1px solid #e2e8f0;border-radius:12px;bottom:2rem;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;height:450px;overflow:hidden;position:fixed;right:2rem;width:350px;z-index:1000}.chat-header{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff;justify-content:space-between;padding:1rem}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:.75rem}.agent-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.agent-details{display:flex;flex-direction:column}.agent-name{font-size:.9rem;font-weight:600}.agent-status{font-size:.75rem;opacity:.8}.chat-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:background-color .2s ease}.chat-close:hover{background:#ffffff1a}.chat-messages{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.message{margin-bottom:.5rem}.message.agent{justify-content:flex-start}.message.user{justify-content:flex-end}.message-content{border-radius:18px;max-width:70%;position:relative}.message.agent .message-content{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000001a;color:#2d3748}.message.user .message-content{background:#4080be;border-bottom-right-radius:4px;color:#fff}.message-content p{line-height:1.4}.message-time{display:block;font-size:.7rem;margin-top:.25rem;opacity:.7}.chat-input-form{background:#fff;border-top:1px solid #e2e8f0;padding:1rem}.chat-input-container{align-items:center;background:#f8f9fa;border-radius:25px;display:flex;gap:.75rem;padding:.5rem}.chat-avatar{align-items:center;background:#e2e8f0;border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;height:32px;justify-content:center;width:32px}.chat-input{background:#0000;border:none;flex:1 1;font-size:.9rem;outline:none;padding:.5rem}.chat-input::placeholder{color:#a0aec0}.chat-send-btn{align-items:center;background:#4080be;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.chat-send-btn:hover{background:#5a67d8}@media (max-width:768px){.chat-widget{bottom:1rem;height:400px;right:1rem;width:300px}}@media (max-width:480px){.chat-widget{height:350px;left:1rem;right:1rem;width:calc(100vw - 2rem)}}.contact-us-page-header .bg-circle{animation:header-float 10s ease-in-out infinite;background:#ffffff14;border-radius:50%;position:absolute}.contact-us-page-header .circle-1{animation-delay:-3.33s;height:120px;left:15%;top:20%;width:120px}.contact-us-page-header .circle-2{animation-delay:-6.67s;height:180px;right:15%;top:60%;width:180px}.contact-us-page-header .circle-3{animation-delay:-1.67s;bottom:30%;height:100px;left:60%;width:100px}.student-affairs-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.add-category-btn,.add-faq-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.add-category-btn:hover,.add-faq-btn:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.modal-overlay{background:#0009;padding:1rem}.modal-content{border-radius:12px;max-width:500px}.dark .modal-content{background:#2d3748;color:#fff}.dark .modal-header{border-bottom-color:#4a5568}.modal-header h2{font-weight:600}.modal-close{border-radius:50%;color:#718096;height:30px;width:30px}.modal-close:hover{background:#f7fafc;color:#2d3748}.dark .modal-close:hover{background:#4a5568;color:#fff}.modal-body{padding:1.5rem}.dark .modal-actions{border-top-color:#4a5568}.form-group label{color:#2d3748;font-weight:600}.dark .form-group label{color:#e2e8f0}.form-input,.form-select,.form-textarea{border:2px solid #e2e8f0;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.dark .form-input,.dark .form-select,.dark .form-textarea{background:#4a5568;border-color:#718096;color:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;outline:none}.form-textarea{min-height:100px;resize:vertical}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn{background:#e2e8f0;color:#4a5568}.dark .cancel-btn{background:#4a5568;color:#e2e8f0}.cancel-btn:hover{background:#cbd5e0}.dark .cancel-btn:hover{background:#718096}.save-btn{background:#48bb78}.save-btn:hover{background:#38a169}.delete-faq-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;margin-top:.5rem;padding:.5rem 1rem;transition:all .3s ease}.delete-faq-btn:hover{background:#dc2626;transform:translateY(-1px)}.faqs-category-card{align-items:flex-start;display:flex;justify-content:space-between;position:relative}.category-content{flex:1 1}.category-actions{margin-left:1rem;position:relative}.delete-category-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem;transition:all .3s ease}.delete-category-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.delete-category-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.category-tooltip{background:#1f2937;border-radius:4px;bottom:100%;color:#fff;font-size:.75rem;left:50%;margin-bottom:.5rem;opacity:0;padding:.5rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:10}.delete-category-btn:disabled:hover+.category-tooltip{opacity:1}.category-tooltip:after{border:5px solid #0000;border-top-color:#1f2937;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.delete-confirmation{padding:1rem 0;text-align:center}.delete-icon{font-size:3rem;margin-bottom:1rem}.item-summary{background:#f8fafc;border-radius:8px;margin:1rem 0;padding:1rem;text-align:left}.dark .item-summary{background:#4a5568}.item-summary p{margin:.5rem 0}.warning-note{background:#fef2f2;border-radius:8px;color:#dc2626;margin-top:1rem;padding:1rem;text-align:left}.dark .warning-note{background:#7f1d1d;color:#fecaca}.warning-note ul{margin:.5rem 0 0 1rem;padding-left:1rem}.warning-note li{margin:.25rem 0}.delete-confirm-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.delete-confirm-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.delete-confirm-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.faq-actions{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.dark .faq-actions{border-top-color:#4a5568}.faq-actions small{color:#718096;font-size:.875rem}.faqs-category-card.active{background:linear-gradient(135deg,#667eea15,#764ba215);border-color:#667eea;box-shadow:0 4px 15px #667eea33;transform:translateY(-2px)}.faqs-category-card{cursor:pointer;transition:all .3s ease}.faqs-category-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.faqs-category-filter option{padding:.5rem}.about-us-team-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.about-us-team-fallback{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:100%}.about-us-page,.contact-us-page,.faqs-page,.incident-report-page,.privacy-policy-page,.retention-policy-page,.terms-conditions-page{display:flex;flex-direction:column;min-height:100vh;padding-top:80px;transition:all .3s ease}.about-us-main,.contact-us-main,.faqs-main,.incident-report-main,.privacy-policy-main,.retention-policy-main,.terms-conditions-main{flex:1 0 auto;width:100%}.footer{flex-shrink:0;width:100%}.contact-us-main{padding-top:0}.content-area{min-height:100%}.faqs-main,.privacy-policy-main,.retention-policy-main,.terms-conditions-main{flex:1 0 auto;padding-top:0}.faqs-main{background:#fafafa;position:relative;z-index:2}.faqs-page.dark .faqs-main{background:#1a202c}.about-us-main,.incident-report-main{flex:1 0 auto;padding-top:0}.credential-left.combined{align-items:flex-end;display:flex;flex-direction:row;gap:60px}.credential-block{align-items:flex-start;display:flex;flex-direction:column}@media (max-width:600px){.credential-left.combined{align-items:flex-start;flex-direction:column;gap:8px}.credential-block{width:100%}}.toggle-switch{background-color:#e5e5ea;border-radius:31px;box-shadow:inset 0 0 0 1px #0000000a;cursor:pointer;height:31px;position:relative;transition:background-color .3s cubic-bezier(.4,0,.2,1);width:51px}.toggle-switch.active{background-color:#34c759}.toggle-switch.disabled{cursor:not-allowed;opacity:.6}.toggle-switch-circle{background-color:#fff;border-radius:50%;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029;height:27px;left:2px;position:absolute;top:2px;transition:left .3s cubic-bezier(.4,0,.2,1);width:27px}.toggle-switch.active .toggle-switch-circle{left:22px}.noupe-toggle-row{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.8rem;width:100%}.noupe-toggle-row>div{align-items:center;display:flex;flex-direction:row;gap:.75rem;justify-content:flex-start;width:100%}.noupe-toggle-row .noupe-icon{align-items:center;background:#e3f2fd;border-radius:50%;display:inline-flex;height:32px;justify-content:center;margin-right:10px;width:32px}.noupe-toggle-row .noupe-label{font-weight:500;margin-right:10px}.account-profile-page{min-height:100vh;padding-top:80px;transition:all .3s ease}.account-profile-page.light-mode{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#1f2937}.account-profile-page.dark-mode{background:linear-gradient(135deg,#1f2937,#111827);color:#f9fafb}.account-profile-page .profile-container{padding-top:2rem}.profile-container{border-radius:16px;box-shadow:0 8px 32px #0000001a;box-sizing:border-box;margin:2rem auto;max-width:1400px;overflow:hidden;padding:2rem;transition:all .3s ease;width:100%}.light-mode .profile-container{background:#fff;box-shadow:0 8px 32px #0000001a;color:#1f2937}.dark-mode .profile-container{background:#374151;box-shadow:0 8px 32px #0000004d;color:#f9fafb}.profile-header{margin-bottom:2rem}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.header-text{flex:1 1}.header-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4080be,#5090ce);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.header-text p{font-size:1.1rem;margin:0;opacity:.8}.light-mode .profile-header{border-bottom:2px solid #e5e7eb}.dark-mode .profile-header{border-bottom:2px solid #4b5563}.success-message{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 20px #10b9814d;color:#fff;display:flex;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:1rem 1.5rem}.success-icon{font-size:1.2rem;font-weight:700}.profile-content{box-sizing:border-box;display:flex;flex-direction:column;gap:2.5rem;width:100%}.profile-avatar-section{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border-radius:16px;box-shadow:0 8px 32px #667eea4d;color:#fff;display:flex;gap:1.5rem;padding:2rem}.profile-avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border:3px solid #ffffff80;border-radius:50%;display:flex;flex-shrink:0;font-size:2rem;height:80px;justify-content:center;width:80px}.avatar-wrapper{display:inline-block;position:relative}.profile-avatar .avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-edit-btn{align-items:center;border:none;bottom:-8px;cursor:pointer;display:inline-flex;gap:.4rem;justify-content:center;min-width:40px;opacity:0;padding:.45rem .9rem;position:absolute;right:-8px;transform:translateY(6px);transition:all .18s ease-in-out;z-index:10}.avatar-edit-btn:focus,.avatar-wrapper:hover .avatar-edit-btn{opacity:1;transform:translateY(0)}.avatar-edit-btn svg{display:block}.light-mode .avatar-edit-btn{background:#00000073}.dark-mode .avatar-edit-btn{background:#ffffff1f}.dark-mode .avatar-edit-btn svg path{fill:#fff}.photo-preview img{border:3px solid #e5e7eb;border-radius:50%;height:120px;object-fit:cover;width:120px}.avatar-edit-btn.signup-button{background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:999px;box-shadow:0 4px 12px #4080be2e;color:#fff;height:auto;min-width:auto;padding:.55rem .8rem;width:auto}.avatar-edit-btn.signup-button:hover{transform:translateY(-2px)}.avatar-edit-btn.signup-button .button-icon{font-size:1rem}.avatar-edit-btn.signup-button span{color:#fff;font-size:.9rem;font-weight:600}@media (max-width:768px){.avatar-edit-btn.signup-button{bottom:8px;font-size:.85rem;padding:.45rem .6rem;right:8px}}.photo-form .save-btn[for=avatarFile],.photo-form label[for=avatarFile]{cursor:pointer}.avatar-info h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.avatar-info p{margin:.25rem 0;opacity:.9}.profile-cards-container{grid-gap:3rem;align-items:start;box-sizing:border-box;display:grid;gap:3rem;grid-template-columns:1.2fr .8fr;margin-top:2rem;width:100%}.credentials-card{animation:slideInLeft .5s ease-in-out;background:#0000;border:1px solid;border-radius:20px;box-sizing:border-box;height:auto;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease;width:100%}.credentials-card:before{background:linear-gradient(90deg,#4080be,#5090ce);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.light-mode .credentials-card{background:#fff;border-color:#e5e7eb;box-shadow:0 4px 20px #00000014}.dark-mode .credentials-card{background:#374151;border-color:#4b5563;box-shadow:0 4px 20px #0003}.actions-card{animation:slideInRight .5s ease-in-out;background:#0000;border:1px solid;border-radius:20px;box-sizing:border-box;height:auto;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease;width:100%}.actions-card:before{background:linear-gradient(90deg,#10b981,#059669);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.light-mode .actions-card{background:#fffffff2;border-color:#e5e7eb;box-shadow:0 8px 32px #0000001f}.dark-mode .actions-card{background:#374151f2;border-color:#4b5563;box-shadow:0 8px 32px #0000004d}.card-header{border-bottom:1px solid;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center;transition:all .3s ease}.light-mode .card-header{border-bottom-color:#f1f5f9}.dark-mode .card-header{border-bottom-color:#475569}.card-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4080be,#5090ce);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.actions-card .card-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text}.card-subtitle{font-size:.9rem;font-weight:400;line-height:1.4;opacity:.7}.credentials-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-auto-rows:auto;grid-template-columns:1fr;margin-bottom:2rem;width:100%}.credential-item{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;min-height:60px;transition:all .3s ease;width:100%}.credential-item:hover{transform:translateY(-2px)}.credential-left label{font-size:.85rem;font-weight:500;letter-spacing:.05em;margin:0;opacity:.8;text-align:left;text-transform:uppercase;width:100%}.credential-left .credential-value{align-items:center;border:1px solid;border-radius:8px;box-sizing:border-box;display:flex;font-size:1rem;font-weight:500;margin-top:0;min-height:44px;overflow-wrap:break-word;padding:.75rem 1rem;transition:all .3s ease;width:auto;word-break:break-word}.credential-item:hover .credential-left .credential-value{box-shadow:0 4px 12px #00000014}.dark-mode .credential-item:hover .credential-left .credential-value{box-shadow:0 4px 12px #0003}.credential-right{align-items:center;display:flex;gap:8px;justify-content:flex-end}.credential-left{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem}.credentials-card .action-btn{background:#0000;border:1px solid #0000000f;border-radius:8px;color:inherit;font-size:.9rem;padding:.45rem .9rem}.light-mode .credentials-card .action-btn{border-color:#e5e7eb}.dark-mode .credentials-card .action-btn{border-color:#4b5563}.reveal-link{color:#4080be;cursor:pointer;font-weight:500;margin-left:8px}.light-mode .credential-left .credential-value{background:#f8fafc;border-color:#e2e8f0;color:#334155}.dark-mode .credential-left .credential-value{background:#1e293b;border-color:#334155;color:#e2e8f0}.actions-content{gap:1.3rem}.action-section,.actions-content{display:flex;flex-direction:column}.action-section{box-sizing:border-box;gap:1rem;min-height:-webkit-fit-content;min-height:fit-content;padding:1rem 0;position:relative;width:100%}.action-header{align-items:flex-start;display:flex;gap:.75rem;width:100%}.action-icon{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border-radius:10px;display:flex;flex-shrink:0;font-size:1.2rem;height:2rem;justify-content:center;width:2rem}.action-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.action-info h3{font-size:1rem;font-weight:600;margin:0}.action-info p{font-size:.85rem;line-height:1.4;margin:0;opacity:.8;overflow-wrap:break-word;word-break:break-word}.light-mode .action-info h3{color:#222}.light-mode .action-info p{color:#4b5563}.dark-mode .action-info h3{color:#fff}.dark-mode .action-info p{color:#fffc}.dark-mode .action-icon img,.dark-mode .action-icon.parent-icon img{filter:brightness(0) invert(1)}.action-button-container{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border-radius:10px;box-shadow:0 4px 15px #667eea4d;box-sizing:border-box;display:flex;gap:1rem;justify-content:center;margin-top:1rem;max-width:100%;padding:.75rem 1rem;position:relative;width:100%;z-index:100}.action-btn{background:#4989c7!important;border:2px solid #4989c7!important;border-radius:8px;box-shadow:0 2px 8px #4989c726;color:#fff!important;padding:.75rem 1.5rem}.action-btn:hover{background:#3570a6!important;box-shadow:0 4px 15px #4989c740;color:#fff!important;transform:translateY(-2px)}.action-btn.primary{background:#4989c7!important;border:2px solid #4989c7!important;color:#fff!important}.action-btn.primary:hover{background:#3570a6!important;box-shadow:0 4px 15px #4989c740}.action-divider{margin:.5rem 0;transition:all .3s ease}.light-mode .action-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000)}.action-form-container{margin-top:1rem}.inline-form{display:flex;flex-direction:column;gap:1rem}.inline-form .form-group{margin:0}.inline-form .form-actions{border:none;display:flex;gap:.75rem;margin:0;padding:0}.inline-form .cancel-btn,.inline-form .save-btn{border-radius:6px;flex:1 1;font-size:.85rem;padding:.5rem 1rem}.parent-account-section{margin-top:1rem}.parent-section .action-button-container,.parent-section .action-icon.parent-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.parent-section .action-button-container{align-items:center;display:flex;justify-content:center}.parent-section .action-btn{background:linear-gradient(90deg,#4080be,#5090ce);border:none;border-radius:10px;box-shadow:0 2px 8px #4080be26;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:.5rem;margin-top:.5rem;outline:none;padding:.75rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.parent-section .action-btn:focus,.parent-section .action-btn:hover{background:linear-gradient(90deg,#5090ce,#4080be);box-shadow:0 4px 16px #4080be40;color:#fff!important;transform:translateY(-2px)}.parent-account-info{border:1px solid;box-sizing:border-box;margin-top:1rem;overflow:hidden;padding:1rem;width:100%}.light-mode .parent-account-info{background:linear-gradient(135deg,#4080be,#5090ce);border-color:#e2e8f0}.dark-mode .parent-account-info{background:#1e293b;border-color:#334155}.parent-details{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%;word-break:break-word}.parent-details strong{color:#f59e0b;display:inline-block;min-width:100px}.parent-details br{content:"";display:block;margin:.5rem 0}.credentials-logout-section{box-sizing:border-box;margin-top:2rem;width:100%}.action-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);border:none;height:1px;margin:1rem 0}.dark-mode .action-divider{background:linear-gradient(90deg,#0000,#4b5563,#0000)}.logout-button{all:unset;border:2px solid #0000;border-radius:8px;box-sizing:border-box;cursor:pointer;display:block;margin:0;outline:none!important;padding:1rem;transition:all .3s ease;width:100%}.logout-button:hover{border-color:#ef4444;box-shadow:0 4px 12px #ef444433;transform:translateY(-2px)}.logout-button:hover .logout-icon{transform:scale(1.1)}.logout-button:hover .action-info h3{color:#dc2626}.logout-button:active{transform:translateY(0)}.dark-mode .logout-button:hover{box-shadow:0 4px 12px #ef44444d}.dark-mode .logout-button:hover .action-info h3{color:#f87171}.logout-section .action-header{margin-bottom:0;margin-right:0;padding-right:0;width:100%}.logout-section .logout-icon{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.logout-section .action-info h3{color:#e74c3c;font-weight:600;transition:all .3s ease}.dark-mode .logout-section .action-info h3{color:#f87171}.save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.save-btn:hover{box-shadow:0 6px 25px #10b98166;transform:translateY(-2px)}.cancel-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 15px #ef44444d;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.cancel-btn:hover{box-shadow:0 6px 25px #ef444466;transform:translateY(-2px)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;letter-spacing:.025em;transition:all .3s ease}.light-mode .form-group label{color:#374151}.dark-mode .form-group label{color:#d1d5db}.form-group input{border:2px solid;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.light-mode .form-group input{background:#fff;border-color:#e5e7eb;color:#374151}.light-mode .form-group input:focus{border-color:#4080be;box-shadow:0 0 0 3px #667eea1a}.light-mode .form-group input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.light-mode .form-group input.readonly{background:#f8fafc;border-color:#cbd5e1;color:#64748b}.dark-mode .form-group input{background:#4b5563;border-color:#6b7280;color:#f9fafb}.dark-mode .form-group input:focus{border-color:#4080be;box-shadow:0 0 0 3px #667eea33}.dark-mode .form-group input:disabled{background:#374151;color:#9ca3af;cursor:not-allowed}.dark-mode .form-group input.readonly{background:#1f2937;border-color:#4b5563;color:#9ca3af}.form-group input:focus{outline:none;transform:translateY(-1px)}.form-group input.error{border-color:#ef4444}.light-mode .form-group input.error{box-shadow:0 0 0 3px #ef44441a}.dark-mode .form-group input.error{box-shadow:0 0 0 3px #ef444433}.error-message{color:#ef4444;font-size:.875rem;font-weight:500}.action-btn:focus-visible,.cancel-btn:focus-visible,.save-btn:focus-visible{outline:2px solid #4080be;outline-offset:2px}.form-group input:focus-visible{outline:2px solid #4080be;outline-offset:2px}.credentials-card .credentials-grid{display:grid!important;opacity:1!important;visibility:visible!important}.credential-item:nth-child(-n+6){display:flex!important}.modal-actions{align-items:stretch;margin-top:1.5rem;width:100%}.modal-actions .modal-cancel-btn,.modal-actions .modal-send-btn,.modal-actions .modal-verify-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;justify-content:center;letter-spacing:.5px;min-height:48px;padding:.875rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.modal-actions .modal-cancel-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 12px #ef44444d;color:#fff}.modal-actions .modal-cancel-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.modal-actions .modal-cancel-btn:active{box-shadow:0 2px 8px #ef44444d;transform:translateY(0)}.modal-actions .modal-verify-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.modal-actions .modal-verify-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.modal-actions .modal-verify-btn:active{box-shadow:0 2px 8px #10b9814d;transform:translateY(0)}.modal-actions .modal-send-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.modal-actions .modal-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.modal-actions .modal-send-btn:active:not(:disabled){box-shadow:0 2px 8px #10b9814d;transform:translateY(0)}.modal-actions .modal-send-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-body .password-input-wrapper{margin-top:.5rem;position:relative;width:100%}.modal-body .password-input-wrapper .input-icon{align-items:center;display:flex;justify-content:center;left:1rem;opacity:.6;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.modal-body .password-input-wrapper .login-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.875rem 1rem .875rem 3rem;transition:all .3s ease;width:100%}.modal-body .password-input-wrapper .login-input:focus{background:#fff;border-color:#4080be;box-shadow:0 0 0 3px #4080be1a;outline:none}.modal-body .form-group label{color:#4080be;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.modal-body .error-message{align-items:center;color:#ef4444;display:flex;font-size:.875rem;gap:.25rem;margin-top:.5rem}.student-info-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:12px;box-shadow:0 2px 8px #3b82f626;margin:1.5rem 0;padding:1.25rem}.student-info-box .info-title{color:#1e40af;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.student-info-box .info-detail{color:#1e3a8a;font-size:.95rem;line-height:1.5;margin:.5rem 0}.student-info-box .info-detail strong{color:#1e40af;display:inline-block;font-weight:600;min-width:90px}.otp-actions{display:flex;justify-content:flex-start;margin:1.5rem 0 1rem}.resend-otp-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #3b82f64d!important;color:#fff!important;cursor:pointer!important;font-size:.9rem!important;font-weight:600!important;letter-spacing:.5px!important;padding:.75rem 2rem!important;text-transform:uppercase!important;transition:all .3s ease!important}.resend-otp-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 6px 20px #3b82f666!important;transform:translateY(-2px)!important}.resend-otp-btn:active:not(:disabled){box-shadow:0 2px 8px #3b82f64d!important;transform:translateY(0)!important}.resend-otp-btn:disabled{cursor:not-allowed!important;opacity:.6!important;transform:none!important}.otp-form .password-input-wrapper .login-input{padding:.875rem 1rem!important}.otp-form .modal-actions .modal-cancel-btn,.otp-form .modal-actions .modal-verify-btn{align-items:center!important;border:none!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:.95rem!important;font-weight:600!important;justify-content:center!important;letter-spacing:.5px!important;min-height:48px!important;padding:.875rem 1.5rem!important;text-transform:uppercase!important;transition:all .3s ease!important}.otp-form .modal-actions .modal-cancel-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 12px #ef44444d!important;color:#fff!important}.otp-form .modal-actions .modal-cancel-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 6px 20px #ef444466!important;transform:translateY(-2px)!important}.otp-form .modal-actions .modal-verify-btn{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 12px #10b9814d!important;color:#fff!important}.otp-form .modal-actions .modal-verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 6px 20px #10b98166!important;transform:translateY(-2px)!important}.otp-form .modal-actions .modal-verify-btn:disabled{cursor:not-allowed!important;opacity:.6!important;transform:none!important}.logout-glow{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:2px solid #ef4444!important;box-shadow:0 0 16px 4px #ef444499,0 4px 15px #ef44444d;color:#fff;font-weight:600;transition:all .3s ease}.logout-glow:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 0 32px 8px #ef4444cc,0 6px 25px #ef444466;color:#fff;transform:translateY(-2px)}.logout-glow:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.password-input-container{position:relative;width:100%}.password-input-container .password-input{padding-right:45px;width:100%}.password-toggle-btn{background:none;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;z-index:10}.password-toggle-btn:hover{opacity:.7}.password-toggle-btn:focus{outline:none}.password-toggle-btn .eye-icon{height:20px;object-fit:contain;pointer-events:none;width:20px}.dark-mode .password-toggle-btn .eye-icon{filter:brightness(0) invert(1)}.form-input.password-input{padding-right:45px}*,:after,:before{box-sizing:border-box}body,html{width:100vw}.account-profile-page,.profile-container{max-width:100vw;min-width:0;overflow-x:hidden;width:100%}@media (max-width:1200px){.profile-container{margin:1.5rem auto;max-width:1100px}.profile-cards-container{gap:2rem;grid-template-columns:1.1fr .9fr}}@media (max-width:992px){.profile-cards-container{gap:2rem;grid-template-columns:1fr}.credentials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.profile-container{margin:1rem;padding:1.5rem}.profile-header h1{font-size:2rem}.profile-avatar-section{flex-direction:column;padding:1.5rem;text-align:center}.profile-avatar{font-size:1.5rem;height:60px;width:60px}.profile-cards-container{gap:1.5rem;grid-template-columns:1fr}.actions-card,.credentials-card{padding:1.5rem}.credentials-grid{gap:1rem;grid-template-columns:1fr}.credential-item{align-items:flex-start;flex-direction:column;gap:.5rem}.credential-left label{min-width:auto;text-align:left}.credential-left .credential-value{width:100%}.action-section{padding:.75rem 0}}@media (max-width:480px){.actions-card,.credentials-card,.profile-cards-container,.profile-container{margin:0!important;max-width:100vw!important;padding:1rem!important;width:100vw!important}.actions-card,.credentials-card{border-radius:12px;box-shadow:0 2px 12px #00000014;box-sizing:border-box;display:block;margin:0 auto;max-width:420px;padding:1rem;width:100%}.profile-cards-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1.25rem;justify-content:flex-start;margin:0;padding:0;width:100%}.action-button-container{padding:.5rem .75rem}.action-btn{font-size:.8rem;padding:.5rem 1rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body,html{max-width:100vw}.homepage{display:flex;flex-direction:column;min-height:100vh;padding-top:80px;transition:all .3s ease}.homepage.light{background-color:#fafafa;color:#2d3748}.homepage.dark{background-color:#1a202c;color:#f7fafc}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:3rem 2rem}.carousel-container{margin-top:2rem;position:relative}.carousel{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;position:relative}.carousel-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)}.carousel-slide{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#2d3748;display:flex;justify-content:center;min-width:100%;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.carousel-slide:before{background:linear-gradient(135deg,#667eea0d,#764ba20d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.slide-content{max-width:900px;position:relative;z-index:2}.slide-title{color:#2d3748;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}.slide-subtitle{color:#4a5568;font-size:1.1rem;font-weight:400;line-height:1.6;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:700px;opacity:.8}.slide-motto{color:#4080be;font-size:1.6rem;font-style:italic;font-weight:600;letter-spacing:.5px;margin-bottom:2rem}.slide-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.slide-button{border:none;border-radius:50px;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:1px;min-width:140px;overflow:hidden;padding:.8rem 2rem;position:relative;text-transform:uppercase;transition:all .3s ease}.slide-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.slide-button:hover:before{left:100%}.slide-button.primary{background:linear-gradient(135deg,#4080be,#5090ce);box-shadow:0 4px 15px #667eea4d;color:#fff}.slide-button.primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.slide-button.secondary{background:#fff;border:2px solid #4080be;box-shadow:0 4px 15px #0000001a;color:#4080be}.slide-button.secondary:hover{background:#4080be;box-shadow:0 6px 20px #667eea4d;color:#fff;transform:translateY(-2px)}.carousel-indicators{display:flex;gap:.75rem;justify-content:center;margin-top:2rem}.indicator{background:#cbd5e0;border:none;border-radius:50%;cursor:pointer;height:12px;position:relative;transition:all .3s ease;width:12px}.indicator.active{background:#4080be;box-shadow:0 0 0 4px #667eea33;transform:scale(1.3)}.indicator:hover{background:#4080be;opacity:.8;transform:scale(1.1)}.dashboard-section{margin-top:2.5rem;padding:0 0 4rem}.incident-bulletin-landscape{margin-bottom:3rem}.bulletin-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:2rem}.bulletin-card .card-header{margin-bottom:1.5rem}.bulletin-card .card-header h3{align-items:center;color:#2d3748;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0}.bulletin-card .card-header h3:before{content:"⚠️";font-size:1.2rem}.updates-list.horizontal{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.updates-list.horizontal .update-item{background:#fff5f5;border-left:4px solid #e53e3e;border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:1.5rem;transition:all .3s ease}.updates-list.horizontal .update-item:hover{background:#fed7d7;box-shadow:0 4px 15px #e53e3e26;transform:translateY(-2px)}.homepage.dark .bulletin-card{background:#2d3748;border-color:#4a5568}.homepage.dark .bulletin-card .card-header h3{color:#f7fafc}.homepage.dark .updates-list.horizontal .update-item{background:#4a5568;border-left-color:#fc8181}.homepage.dark .updates-list.horizontal .update-item:hover{background:#718096}.personal-overview{margin-bottom:3rem}.overview-card{background:linear-gradient(135deg,#4080be,#5090ce);border-radius:20px;box-shadow:0 8px 30px #667eea4d;color:#fff;padding:2.5rem}.overview-header{margin-bottom:2rem}.overview-header h2{font-size:2rem;font-weight:700;margin:0 0 .5rem}.overview-subtitle{font-size:1.1rem;margin:0;opacity:.9}.overview-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.personal-stat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.personal-stat .stat-icon{align-items:center;background:#fff3;border-radius:10px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.personal-stat .stat-number{color:#fff;font-size:1.8rem;font-weight:700;line-height:1;margin:0}.personal-stat .stat-label{color:#fffc;font-size:.9rem;font-weight:500;margin:.3rem 0 0}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.dashboard-card{background:#fff;border:1px solid #667eea1a;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:500px;padding:2rem;transition:all .3s ease}.dashboard-card:hover{box-shadow:0 8px 30px #667eea26;transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.card-header h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0}.view-all-btn{background:none;border:none;color:#4080be;cursor:pointer;font-weight:500;transition:color .3s ease}.view-all-btn:hover{color:#5090ce}.activity-item{margin-bottom:.75rem}.activity-icon{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-title{color:#2d3748;font-size:.95rem;font-weight:500;margin:0}.activity-message{color:#666;font-size:.85rem;line-height:1.3;margin:.25rem 0}.activity-time{color:#718096;font-size:.8rem;margin:.25rem 0 0}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:.5rem;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.action-icon{font-size:1.5rem}.action-btn.primary{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff}.action-btn.primary:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.action-btn.secondary{background:#e2e8f0;color:#2d3748}.action-btn.secondary:hover{background:#cbd5e0;transform:translateY(-2px)}.action-btn.tertiary{background:#fed7d7;color:#c53030}.action-btn.tertiary:hover{background:#feb2b2;transform:translateY(-2px)}.action-btn.quaternary{background:#c6f6d5;color:#2f855a}.action-btn.quaternary:hover{background:#9ae6b4;transform:translateY(-2px)}.announcement-item{background:#f8fafc;border-left:4px solid #4080be;border-radius:12px;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.announcement-item:hover{background:#e2e8f0}.announcement-content h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 .5rem}.announcement-content p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0 0 .75rem}.announcement-date{color:#718096;font-size:.8rem;font-weight:500}.chatbot-container{bottom:2rem;position:fixed;right:2rem;z-index:1000}.chatbot-toggle{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:50px;box-shadow:0 4px 20px #667eea4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease}.chatbot-toggle:hover{box-shadow:0 6px 25px #667eea66;transform:translateY(-2px)}.chatbot-icon{font-size:1.2rem}.chatbot-text{font-size:.95rem}.chatbot-window{background:#fff;border:1px solid #667eea1a;border-radius:16px;bottom:70px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;height:500px;overflow:hidden;position:absolute;right:0;width:350px}.chatbot-header{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.chatbot-header h4{font-size:1rem;font-weight:600;margin:0}.chatbot-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background .3s ease;width:30px}.chatbot-close:hover{background:#fff3}.chatbot-messages{background:#f8fafc;flex:1 1;overflow-y:auto;padding:1rem}.message{display:flex;gap:.75rem;margin-bottom:1rem}.bot-message{align-items:flex-start}.message-avatar{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:35px;justify-content:center;width:35px}.message-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:1 1;padding:.75rem 1rem}.message-content p{color:#2d3748;font-size:.9rem;line-height:1.5;margin:0}.chatbot-input-area{background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:.5rem;padding:1rem}.chatbot-input{border:1px solid #e2e8f0;border-radius:25px;flex:1 1;font-size:.9rem;outline:none;padding:.75rem 1rem;transition:border-color .3s ease}.chatbot-input:focus{border-color:#4080be}.chatbot-send{background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.chatbot-send:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-1px)}.activity-list,.reports-list,.tips-list{display:flex;flex:1 1;flex-direction:column;gap:1rem;max-height:320px;overflow-y:auto}.activity-list::-webkit-scrollbar,.reports-list::-webkit-scrollbar,.tips-list::-webkit-scrollbar{width:6px}.report-item{padding:1.5rem}.report-icon{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border-radius:10px;color:#fff;display:flex;font-size:1.5rem;height:45px;justify-content:center;width:45px}.report-content{flex:1 1}.report-title{color:#2d3748;font-size:.95rem;font-weight:600;margin:0}.report-location{color:#718096;font-size:.8rem;margin:.25rem 0 0}.report-status{border-radius:20px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.report-status.active{background:#fed7d7;color:#c53030}.report-status.resolved{background:#c6f6d5;color:#2f855a}.updates-list{display:flex;flex-direction:column;gap:1rem}.update-item{background:#f0f7ff;border-left:4px solid #4080be;border-radius:12px;padding:1.5rem;transition:all .3s ease}.update-item:hover{background:#e0f2fe;transform:translateY(-1px)}.update-content h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 .5rem}.update-content p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0 0 .5rem}.update-date{color:#718096;font-size:.8rem;font-weight:500}.tip-item{padding:1.5rem}.tip-icon{align-items:center;background:#c6f6d5;border-radius:10px;color:#2f855a;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.tip-content{flex:1 1}.tip-content p{color:#2d3748;font-size:.9rem;line-height:1.5;margin:0}.tip-content strong{color:#2f855a;font-weight:600}.homepage.dark .carousel-slide{background:linear-gradient(135deg,#2d3748,#1a202c);color:#f7fafc}.homepage.dark .slide-title{color:#f7fafc}.homepage.dark .slide-subtitle{color:#cbd5e0}.homepage.dark .slide-motto{color:#90cdf4}.homepage.dark .slide-button.secondary{background:#0000;border-color:#90cdf4;color:#90cdf4}.homepage.dark .slide-button.secondary:hover{background:#90cdf4;color:#1a202c}.homepage.dark .indicator{background:#4a5568}.homepage.dark .indicator.active{background:#90cdf4;box-shadow:0 0 0 4px #90cdf433}.homepage.dark .dashboard-card,.homepage.dark .stat-card{background:#2d3748;border-color:#90cdf433}.homepage.dark .stat-number{color:#f7fafc}.homepage.dark .stat-label{color:#cbd5e0}.homepage.dark .card-header h3{color:#f7fafc}.homepage.dark .activity-item{background:#2d3748;border-left-color:#4a5568}.homepage.dark .activity-item:hover{background:#2d3748}.homepage.dark .activity-message{color:#a0aec0}.homepage.dark .activity-time{color:#718096}.homepage.dark .activity-title{color:#f7fafc}.homepage.dark .announcement-item{background:#1a202c;border-left-color:#90cdf4}.homepage.dark .announcement-content h4{color:#f7fafc}.homepage.dark .announcement-content p{color:#cbd5e0}.homepage.dark .chatbot-window{background:#2d3748;border-color:#90cdf433}.homepage.dark .chatbot-messages{background:#1a202c}.homepage.dark .message-content{background:#2d3748;color:#f7fafc}.homepage.dark .chatbot-input-area{background:#2d3748;border-top-color:#4a5568}.homepage.dark .chatbot-input{background:#1a202c;border-color:#4a5568;color:#f7fafc}.homepage.dark .overview-card{background:linear-gradient(135deg,#4a5568,#2d3748)}.homepage.dark .report-item{background:#2d3748;border-color:#4a5568}.homepage.dark .report-item:hover{background:#374151}.homepage.dark .report-title{color:#f7fafc}.homepage.dark .empty-state,.homepage.dark .report-location{color:#cbd5e0}.homepage.dark .update-item{background:#2d3748;border-left-color:#90cdf4}.homepage.dark .update-item:hover{background:#374151}.homepage.dark .update-content h4{color:#f7fafc}.homepage.dark .update-content p{color:#cbd5e0}.homepage.dark .update-date{color:#a0aec0}.homepage.dark .tip-item{background:#2d3748;border-color:#4a5568}.homepage.dark .tip-item:hover{background:#374151}.homepage.dark .tip-content p{color:#cbd5e0}.homepage.dark .tip-content strong{color:#90cdf4}.add-found-btn{align-items:center;border-radius:4px;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .3s ease}.add-found-btn:hover{background-color:#45a049}.tickets-header{flex-wrap:wrap;gap:1rem}.tickets-title{flex-shrink:0}.search-bar{max-width:400px;min-width:250px}.items-filter{min-width:200px}@media (max-width:768px){.tickets-header{align-items:stretch;flex-direction:column}.items-controls{flex-direction:column;width:100%}.search-bar{max-width:none;width:100%}.items-filter{width:100%}.submit-ticket-btn{margin-left:auto;margin-top:1rem;white-space:nowrap;width:100%}}.items-header{align-items:center}.items-title{flex-shrink:0}.items-controls{flex-wrap:wrap;max-width:800px}.search-bar{max-width:300px}.search-input{border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem}.items-filter{min-width:250px}.filter-label{font-size:.875rem}.filter-select{border:1px solid #e2e8f0;flex:1 1;font-size:1rem;min-width:150px}.add-found-btn,.filter-select{border-radius:.5rem;padding:.75rem 1rem}.add-found-btn{background-color:#4caf50;border:none;color:#fff;cursor:pointer;transition:background-color .2s;white-space:nowrap}@media (max-width:768px){.items-controls{flex-direction:column;width:100%}.items-filter,.search-bar{max-width:none;width:100%}.add-found-btn{margin-top:.5rem;width:100%}}.logo-link{color:inherit;cursor:pointer;text-decoration:none}.logo-link:hover{opacity:.9}.activation-type-selection{text-align:center}.activation-options{display:flex;flex-direction:column;gap:15px;margin:20px 0}.activation-option-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;padding:20px;text-align:left;transition:all .3s ease;width:100%}.activation-option-btn:hover{background:#f8f9ff;border-color:#4080be}.option-icon{font-size:2em;margin-right:15px}.option-content h5{color:#333;margin:0 0 5px}.option-content p{color:#666;margin:0 0 5px}.option-content small{color:#999;font-size:.8em}.admin-type-selection{text-align:center}.admin-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin:20px 0}.admin-option-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:15px 10px;transition:all .3s ease}.admin-option-btn:hover{background:#f8f9ff;border-color:#4080be}.admin-icon{font-size:1.5em;margin-bottom:5px}.admin-label{color:#333;font-size:.9em}.back-btn{background:none;border:none;color:#4080be;cursor:pointer;margin-top:15px}.selected-type-display{background:#f8f9fa;border-radius:5px;margin:10px 0;padding:10px;text-align:center}.generate-keys-btn{background:#10b981;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:10px 15px}.generate-keys-btn:hover{background:#059669}.keys-list{margin:15px 0;max-height:300px;overflow-y:auto}.key-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;padding:15px}.key-item-header{display:flex;justify-content:space-between;margin-bottom:10px}.key-type-badge{background:#4080be}.key-status-badge,.key-type-badge{border-radius:12px;color:#fff;font-size:.8em;padding:3px 8px}.key-status-badge{background:#10b981}.key-code-display{align-items:center;background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.key-code-display:hover{background:#f0f0f0}.key-code-text{font-family:monospace;font-size:1.1em;font-weight:700;letter-spacing:1px}.copy-icon{color:#4080be}.key-meta{color:#666;font-size:.8em}.results-actions{display:flex;gap:10px;margin:15px 0}.action-button{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:14px;padding:10px}.action-button.primary{background:#4080be;color:#fff}.action-button.secondary{background:#e0e0e0;color:#333}.parent-account-section{margin-top:20px}.parent-section .action-header{align-items:flex-start;display:flex;margin-bottom:15px}.parent-icon{background:#4080be;color:#fff}.parent-account-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.parent-details{color:#fff;line-height:1.6}.parent-details strong{color:#fff}.student-info-note{background:#e7f3ff;border-left:4px solid #007bff;border-radius:6px;margin:15px 0;padding:12px}.student-info-note p{color:#0056b3;margin:5px 0}.student-info-note strong{color:#004085}.student-link-display{background:linear-gradient(135deg,#4080be,#5090ce);border-radius:10px;color:#fff;margin:20px 0;padding:20px;text-align:center}.link-label{font-size:.9em;margin-bottom:5px;opacity:.9}.student-name{font-size:1.2em;font-weight:700;margin:5px 0}.student-id{font-size:.9em;opacity:.9}.user-profile-container{display:inline-block;position:relative}.user-profile-button{background:none;border:none;border-radius:50%;cursor:pointer;padding:8px;transition:background-color .3s ease}.user-profile-button:hover{background-color:#0000001a}.profile-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;position:absolute;right:0;top:100%;width:220px;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{border-bottom:1px solid #f0f0f0;padding:12px 16px}.user-info{align-items:center;display:flex;gap:12px}.user-avatar-dropdown{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;font-size:16px;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column}.user-name{color:#333;font-size:14px;font-weight:600}.user-role{color:#666;font-size:12px;margin-top:2px}.dropdown-divider{background:#f0f0f0;height:1px;margin:4px 0}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-icon{font-size:16px;text-align:center;width:20px}.dropdown-text{flex:1 1}.logout-item{color:#dc3545}.logout-item:hover{background-color:#fff5f5;color:#c82333}.dark .profile-dropdown{background:#2d3748;border-color:#4a5568;color:#fff}.dark .dropdown-header{border-bottom-color:#4a5568}.dark .user-name{color:#fff}.dark .user-role{color:#cbd5e0}.dark .dropdown-divider{background:#4a5568}.dark .dropdown-item{color:#e2e8f0}.dark .dropdown-item:hover{background-color:#4a5568}.dark .logout-item{color:#fc8181}.dark .logout-item:hover{background-color:#742a2a;color:#fed7d7}.activity-list::-webkit-scrollbar-track,.reports-list::-webkit-scrollbar-track,.tips-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.activity-list::-webkit-scrollbar-thumb,.reports-list::-webkit-scrollbar-thumb,.tips-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.activity-list::-webkit-scrollbar-thumb:hover,.reports-list::-webkit-scrollbar-thumb:hover,.tips-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.activity-item,.report-item,.tip-item{flex-shrink:0;min-height:80px}.reports-list{gap:.75rem}.report-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.report-item:hover{background:#edf2f7;transform:translateY(-1px)}.tips-list{gap:.75rem}.tip-item{align-items:flex-start;background:#f0fff4;border:1px solid #c6f6d5;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.tip-item:hover{background:#e6fffa;transform:translateY(-1px)}.activity-list{gap:.75rem}.activity-item{align-items:flex-start;background:#f8fafc;border-left:4px solid #4a90e2;border-radius:12px;display:flex;gap:1rem;margin-bottom:0;padding:1rem;position:relative;transition:all .3s ease}.activity-item:hover{background:#e2e8f0;box-shadow:0 4px 12px #0000001a}.empty-state{align-items:center;color:#718096;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;padding:2rem}.empty-state p{font-size:.9rem;margin:0 0 1rem}.create-report-btn{background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.create-report-btn:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.activity-content,.report-content,.tip-content{flex:1 1;min-width:0}.activity-title,.report-title,.tip-content p{word-wrap:break-word;overflow-wrap:break-word}.homepage.dark .activity-list::-webkit-scrollbar-track,.homepage.dark .reports-list::-webkit-scrollbar-track,.homepage.dark .tips-list::-webkit-scrollbar-track{background:#2d3748}.homepage.dark .activity-list::-webkit-scrollbar-thumb,.homepage.dark .reports-list::-webkit-scrollbar-thumb,.homepage.dark .tips-list::-webkit-scrollbar-thumb{background:#4a5568}.homepage.dark .activity-list::-webkit-scrollbar-thumb:hover,.homepage.dark .reports-list::-webkit-scrollbar-thumb:hover,.homepage.dark .tips-list::-webkit-scrollbar-thumb:hover{background:#718096}@media (max-width:768px){.dashboard-card{height:350px}.activity-list,.reports-list,.tips-list{max-height:270px}}@media (max-width:480px){.dashboard-card{height:320px;padding:1.5rem}.activity-list,.reports-list,.tips-list{gap:.5rem;max-height:250px}.activity-item,.report-item,.tip-item{min-height:70px;padding:.75rem}}.report-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#4a5568;line-height:1.6;padding:1rem}.homepage.dark .report-content{background:#ffffff05;border-color:#ffffff14;color:#cbd5e0}.homepage.dark .report-content h4,.homepage.dark .report-content h5,.homepage.dark .report-content h6{color:#e2e8f0}.homepage.dark .report-content p{color:#cbd5e0}.homepage.dark .report-content strong{color:#e2e8f0}.homepage.dark .report-content em{color:#a0aec0}.homepage.dark .report-content a{color:#90cdf4}.homepage.dark .report-content a:hover{color:#63b3ed}@media (min-width:1400px){.main-content{max-width:1600px;padding:4rem 3rem}.dashboard-grid{gap:2.5rem;grid-template-columns:repeat(3,1fr)}.carousel-slide{padding:4rem 3rem}.slide-title{font-size:3rem}}@media (min-width:1200px) and (max-width:1399px){.main-content{max-width:1300px;padding:3rem 2.5rem}.dashboard-grid{gap:2rem;grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px) and (max-width:1199px){.main-content{padding:3rem 2rem}.dashboard-grid{gap:2rem}.dashboard-grid,.overview-stats,.updates-list.horizontal{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:1023px){.homepage{padding-top:70px}.main-content{padding:2rem 1.5rem}.carousel-slide{padding:2.5rem 2rem}.slide-title{font-size:2rem}.slide-subtitle{font-size:1rem}.slide-motto{font-size:1.4rem}.dashboard-grid{gap:1.5rem;grid-template-columns:1fr}.dashboard-card{height:auto;min-height:400px}.overview-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.personal-stat{padding:1.25rem}.updates-list.horizontal{grid-template-columns:1fr}.activity-list,.reports-list,.tips-list{max-height:350px}}@media (min-width:600px) and (max-width:767px){.homepage{padding-top:65px}.main-content{padding:1.5rem 1rem}.carousel-container{margin-top:1rem}.carousel-slide{padding:2rem 1.5rem}.slide-title{font-size:1.75rem}.slide-subtitle{font-size:.95rem;margin-bottom:1.25rem}.slide-motto{font-size:1.3rem;margin-bottom:1.5rem}.slide-buttons{gap:1rem}.slide-button{font-size:.85rem;min-width:120px;padding:.7rem 1.5rem}.dashboard-section{margin-top:2rem;padding-bottom:3rem}.bulletin-card,.overview-card{border-radius:16px;padding:1.5rem}.overview-header h2{font-size:1.5rem}.overview-subtitle{font-size:1rem}.overview-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.personal-stat{gap:.75rem;padding:1rem}.personal-stat .stat-icon{font-size:1.5rem;height:40px;width:40px}.personal-stat .stat-number{font-size:1.5rem}.personal-stat .stat-label{font-size:.85rem}.card-header h3{font-size:1.1rem}.activity-item,.report-item,.tip-item{gap:.75rem;padding:.875rem}.activity-icon,.report-icon,.tip-icon{font-size:1.25rem;height:35px;width:35px}.activity-title,.report-title{font-size:.9rem}.activity-message,.report-location,.tip-content p{font-size:.8rem}.activity-time{font-size:.75rem}}@media (min-width:480px) and (max-width:599px){.homepage{padding-top:60px}.main-content{padding:1rem .75rem}.carousel{border-radius:12px}.carousel-slide{padding:1.5rem 1rem}.slide-title{font-size:1.5rem;margin-bottom:.75rem}.slide-subtitle{font-size:.9rem;line-height:1.5;margin-bottom:1rem}.slide-motto{font-size:1.2rem;margin-bottom:1.25rem}.slide-buttons{align-items:center;flex-direction:column;gap:.75rem}.slide-button{max-width:200px;padding:.75rem 1.5rem;width:100%}.carousel-indicators{gap:.5rem;margin-top:1.5rem}.indicator{border:none;border-radius:50%;height:12px;margin:0;max-height:8px!important;max-width:8px!important;min-height:8px!important;min-width:8px!important;padding:0!important;width:12px}.dashboard-section{margin-top:1.5rem}.incident-bulletin-landscape{margin-bottom:2rem}.bulletin-card,.overview-card{border-radius:12px;padding:1.25rem}.overview-header h2{font-size:1.3rem}.overview-subtitle{font-size:.9rem}.overview-stats{gap:.75rem;grid-template-columns:1fr}.personal-stat{padding:1rem}.dashboard-grid{gap:1rem}.dashboard-card{border-radius:12px;min-height:350px;padding:1.25rem}.card-header{margin-bottom:1rem;padding-bottom:.75rem}.card-header h3{font-size:1rem}.activity-list,.reports-list,.tips-list{gap:.5rem;max-height:300px}.activity-item,.report-item,.tip-item{min-height:60px;padding:.75rem}.activity-content,.report-content,.tip-content{min-width:0}.empty-state{padding:1.5rem}.create-report-btn{font-size:.85rem;padding:.625rem 1.25rem}}@media (max-width:479px){.homepage{padding-top:55px}.main-content{padding:.75rem .5rem}.carousel-slide{padding:1.25rem .75rem}.carousel-indicators{gap:.35rem;margin-top:1rem}.indicator{background:#5080ce;border:none;border-radius:50%;height:10px;margin:0;max-height:6px!important;max-width:6px!important;min-height:6px!important;min-width:6px!important;padding:0!important;width:10px}.slide-title{font-size:1.25rem;line-height:1.3}.slide-subtitle{font-size:.85rem;line-height:1.4}.slide-motto{font-size:1.1rem}.slide-button{font-size:.8rem;min-width:auto;padding:.625rem 1.25rem}.dashboard-section{margin-top:1rem;padding-bottom:2rem}.bulletin-card,.overview-card{border-radius:10px;padding:1rem}.overview-header h2{font-size:1.1rem}.overview-subtitle{font-size:.85rem}.overview-stats{gap:.5rem;grid-template-columns:1fr}.personal-stat{gap:.5rem;padding:.875rem}.personal-stat .stat-icon{font-size:1.25rem;height:35px;width:35px}.personal-stat .stat-number{font-size:1.3rem}.personal-stat .stat-label{font-size:.8rem}.dashboard-card{border-radius:10px;min-height:320px;padding:1rem}.card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.view-all-btn{align-self:flex-end}.activity-item,.report-item,.tip-item{gap:.5rem;min-height:55px;padding:.625rem}.activity-icon,.report-icon,.tip-icon{font-size:1rem;height:30px;width:30px}.activity-title,.report-title{font-size:.85rem}.activity-message,.report-location,.tip-content p{font-size:.75rem}.activity-time{font-size:.7rem}.empty-state{padding:1rem}.empty-state p{font-size:.85rem}.create-report-btn{font-size:.8rem;padding:.5rem 1rem}}@media (max-width:319px){.main-content{padding:.5rem .25rem}.indicator{border:none;border-radius:50%;height:10px;margin:0;max-height:5px!important;max-width:5px!important;min-height:5px!important;min-width:5px!important;padding:0!important;width:10px}.carousel-slide{padding:1rem .5rem}.slide-title{font-size:1.1rem}.slide-subtitle{font-size:.8rem}.bulletin-card,.dashboard-card,.overview-card{padding:.75rem}.activity-item,.report-item,.tip-item{flex-direction:column;gap:.25rem;text-align:center}.activity-icon,.report-icon,.tip-icon{align-self:center}}@media (max-width:768px){.create-report-btn,.indicator,.slide-button,.view-all-btn{min-height:44px;min-width:44px}.activity-item,.report-item,.tip-item{-webkit-tap-highlight-color:transparent;cursor:pointer}input,select,textarea{font-size:16px}}@media (max-width:767px) and (orientation:landscape){.main-content{padding:1rem}.carousel-slide{padding:1.5rem}.dashboard-card{height:300px}.activity-list,.reports-list,.tips-list{max-height:200px}}@media (max-width:767px) and (orientation:portrait){.carousel-slide{align-items:center;display:flex;min-height:400px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.carousel{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion:reduce){.activity-item,.carousel-track,.dashboard-card,.report-item,.slide-button,.tip-item{transition:none}}@media (max-width:768px){.homepage.dark .carousel{border:1px solid #4a5568}.homepage.dark .dashboard-card{border-color:#4a5568}}@media print{.homepage{padding-top:0}.carousel,.chatbot-container{display:none}.dashboard-card{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.incident-report-page{min-height:100vh;padding-top:80px;transition:all .3s ease}.incident-report-page.light{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333}.incident-report-page.dark{background:linear-gradient(135deg,#1a1a1a,#2d3748);color:#f7fafc}.incident-report-page-header{overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.bg-circle{border-radius:50%;opacity:.1;position:absolute}.circle-1{background:#4080be;height:300px;right:-150px;top:-150px;width:300px}.circle-2{background:#10b981;bottom:-100px;height:200px;left:-100px;width:200px}.circle-3{background:#f59e0b;height:150px;right:10%;top:50%;width:150px}.page-title{font-size:3rem}.page-subtitle,.page-title{position:relative;z-index:2}.page-subtitle{font-size:1.2rem;opacity:.8}.incident-report-container,.incident-report-main{margin:0 auto;max-width:1200px;padding:2rem}.incident-report-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 40px #0000001a;width:100%}.incident-report-page.dark .incident-report-container{background:#2d3748f2;box-shadow:0 10px 40px #0000004d}.incident-tabs{background:linear-gradient(145deg,#fffc,#f9fafbe6);border:1px solid #4080be1a;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:1rem;margin-bottom:2rem;padding:.5rem}.incident-report-page.dark .incident-tabs{background:linear-gradient(145deg,#1e293bcc,#334155e6);border:1px solid #60a5fa1a}.incident-tab{align-items:center;background:#0000;border:2px solid #0000;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:1.25rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.incident-tab .tab-icon{font-size:1.5rem;transition:transform .3s ease}.incident-tab:hover{background:linear-gradient(145deg,#4080be0d,#4080be0d);border-color:#4080be33;color:#4080be;transform:translateY(-2px)}.incident-tab:hover .tab-icon{transform:scale(1.1)}.incident-tab.active{background:linear-gradient(135deg,#4080be,#5090ce);border-color:#4080be;box-shadow:0 4px 15px #4080be4d;color:#fff;transform:translateY(-2px)}.incident-tab.active .tab-icon{transform:scale(1.15)}.incident-report-page.dark .incident-tab:hover{background:linear-gradient(145deg,#60a5fa1a,#a78bfa1a);border-color:#60a5fa4d;color:#60a5fa}.incident-report-page.dark .incident-tab.active{background:linear-gradient(135deg,#60a5fa,#a78bfa);border-color:#60a5fa;box-shadow:0 4px 15px #60a5fa4d}.incident-tab-description{background:#4080be0d;border-left:4px solid #4080be;border-radius:8px;color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:2rem;padding:1rem 1.5rem}.incident-report-page.dark .incident-tab-description{background:#60a5fa0d;border-left-color:#60a5fa;color:#9ca3af}.locked-info-section{background:linear-gradient(145deg,#f3f4f680,#e5e7eb4d);border:2px dashed #d1d5db;border-radius:12px;margin-bottom:2rem;padding:1.5rem;position:relative}.locked-info-section:before{content:"🔒";font-size:1.5rem;opacity:.5;position:absolute;right:1rem;top:1rem}.locked-info-section h3{align-items:center;color:#374151;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.incident-report-page.dark .locked-info-section{background:linear-gradient(145deg,#3741514d,#4b556333);border-color:#6b7280}.incident-report-page.dark .locked-info-section h3{color:#f9fafb}.locked-field{background:linear-gradient(145deg,#f3f4f6,#e5e7eb)!important;border:2px solid #e5e7eb!important;box-shadow:inset 0 2px 4px #0000000d!important;color:#9ca3af!important;cursor:not-allowed!important;font-weight:500;opacity:.8}.incident-report-page.dark .locked-field{background:linear-gradient(145deg,#4b5563,#6b7280)!important;border-color:#6b7280!important;color:#d1d5db!important}.editable-info-section{background:linear-gradient(145deg,#ffffff80,#f9fafb4d);border:2px solid #4080be26;border-radius:12px;box-shadow:0 2px 8px #00000005;margin-bottom:2rem;padding:1.5rem}.editable-info-section h3{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#ef4444,#f59e0b);-webkit-background-clip:text;background-clip:text;color:#1e293b;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.incident-report-page.dark .editable-info-section{background:linear-gradient(145deg,#1e293b4d,#33415533);border-color:#60a5fa26}.incident-report-page.dark .editable-info-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fca5a5,#fbbf24);-webkit-background-clip:text;background-clip:text}.anonymous-checkbox-wrapper{background:linear-gradient(145deg,#4080be0d,#4080be0d);border:2px solid #4080be33;border-radius:12px;margin-bottom:2rem;padding:1.25rem 1.5rem;transition:all .3s ease}.anonymous-checkbox-wrapper:hover{background:linear-gradient(145deg,#4080be14,#4080be14);border-color:#4080be4d;box-shadow:0 4px 12px #4080be26;transform:translateY(-2px)}.incident-report-page.dark .anonymous-checkbox-wrapper{background:linear-gradient(145deg,#a78bfa14,#60a5fa14);border-color:#a78bfa33}.incident-report-page.dark .anonymous-checkbox-wrapper:hover{background:linear-gradient(145deg,#a78bfa1f,#60a5fa1f);border-color:#a78bfa4d;box-shadow:0 4px 12px #a78bfa33}.anonymous-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:1rem;position:relative;-webkit-user-select:none;user-select:none}.anonymous-checkbox-input{accent-color:#4080be;cursor:pointer;height:24px;transform:scale(1.2);transition:all .3s ease;width:24px}.anonymous-checkbox-input:checked{transform:scale(1.3)}.anonymous-checkbox-text{align-items:center;color:#2563a8;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;transition:color .3s ease}.incident-report-page.dark .anonymous-checkbox-text{color:#a78bfa}.anonymous-icon{font-size:1.5rem;transition:transform .3s ease}.anonymous-checkbox-label:hover .anonymous-icon{transform:scale(1.2) rotate(5deg)}.anonymous-description{background:#4080be1a;border-radius:6px;color:#6b7280;font-size:.875rem;font-style:italic;margin-left:auto;padding:.25rem .75rem}.incident-report-page.dark .anonymous-description{background:#4080be26;color:#9ca3af}.anonymous-checkbox-input:checked~.anonymous-checkbox-text{color:#4080be}.incident-report-page.dark .anonymous-checkbox-input:checked~.anonymous-checkbox-text{color:#c4b5fd}.incident-form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fffc,#f9fafbe6);border:1px solid #4080be1a;border-radius:12px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:2rem 2.5rem;position:relative;width:100%}.incident-report-page.dark .incident-form-section{background:linear-gradient(145deg,#1e293bcc,#334155e6);border:1px solid #60a5fa1a}.incident-form-section h2{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);-webkit-background-clip:text;background-clip:text;color:#1e293b;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin-bottom:2rem;text-align:left}.incident-report-page.dark .incident-form-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}.incident-form-group{margin-bottom:1.5rem;position:relative}.incident-form-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:1.5rem}.incident-form-group label{color:#374151;display:block;font-size:.9rem;font-weight:600;letter-spacing:.02em;margin-bottom:.75rem;text-transform:uppercase}.incident-report-page.dark .incident-form-group label{color:#9ca3af}.incident-form-group input,.incident-form-group select,.incident-form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#374151;font-size:1rem;font-weight:400;min-height:3rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.incident-form-group input:focus,.incident-form-group select:focus,.incident-form-group textarea:focus{background:#fff;border-color:#4080be;box-shadow:0 0 0 3px #4080be1a;outline:none}.incident-report-page.dark .incident-form-group input,.incident-report-page.dark .incident-form-group select,.incident-report-page.dark .incident-form-group textarea{background:linear-gradient(145deg,#374151,#4b5563);border-color:#6b7280;color:#f9fafb}.incident-report-page.dark .incident-form-group input:focus,.incident-report-page.dark .incident-form-group select:focus,.incident-report-page.dark .incident-form-group textarea:focus{background:linear-gradient(145deg,#1e293b,#334155);border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.incident-form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-position:right 1rem center;background-repeat:no-repeat;background-size:1.2em 1.2em;cursor:pointer;padding-right:3rem}.incident-report-page.light .incident-form-group select.building-select{background:linear-gradient(145deg,#4080be,#5090ce);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");border:2px solid #4080be;box-shadow:0 4px 15px #4080be33;color:#000;font-size:1.05rem}.incident-report-page.light .incident-form-group select.building-select:hover{background:linear-gradient(145deg,#3070ae,#4080be);box-shadow:0 6px 20px #4080be4d;transform:translateY(-2px)}.incident-report-page.light .incident-form-group select.building-select option{background:#fff;color:#1e293b;padding:1rem}.incident-report-page.dark .incident-form-group select.building-select{background:linear-gradient(145deg,#60a5fa,#a78bfa);background-image:url();border:2px solid #60a5fa;box-shadow:0 4px 15px #60a5fa33;color:#fff;font-size:1.05rem;font-weight:600}.incident-report-page.dark .incident-form-group select.building-select:hover{background:linear-gradient(145deg,#5090fa,#9570ea);box-shadow:0 6px 20px #60a5fa4d;transform:translateY(-2px)}.incident-report-page.dark .incident-form-group select.building-select option{background:#1e293b;color:#f1f5f9}.incident-form-group textarea{font-family:inherit;line-height:1.5;min-height:100px;padding-bottom:1rem;padding-top:1rem;resize:vertical}.incident-form-group input.error,.incident-form-group select.error,.incident-form-group textarea.error{animation:shake .5s ease-in-out;background:linear-gradient(145deg,#fef2f2,#fecaca);border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.incident-report-page.dark .incident-form-group input.error,.incident-report-page.dark .incident-form-group select.error,.incident-report-page.dark .incident-form-group textarea.error{background:linear-gradient(145deg,#7f1d1d,#991b1b)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.incident-error-message{background:#ef44441a;border-left:3px solid #ef4444;border-radius:8px;color:#ef4444;display:block;font-size:.9rem;font-weight:600;margin-top:.75rem;padding:.5rem 1rem}.incident-form-actions{background:#0000;border-top:none;gap:1rem;margin-top:2rem;padding:2rem 0}.incident-btn-primary,.incident-form-actions{display:flex;justify-content:center;position:relative}.incident-btn-primary{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce 50%,#60a0de);border:none;border-radius:16px;box-shadow:0 10px 25px #4080be4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;gap:.75rem;letter-spacing:.025em;min-width:200px;overflow:hidden;padding:1.5rem 3.5rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.incident-btn-primary:hover{box-shadow:0 20px 40px #4080be66;transform:translateY(-3px)}.incident-btn-primary:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 4px 10px #4080be33!important;cursor:not-allowed;opacity:.7;transform:none!important}.incident-btn-secondary{background:linear-gradient(145deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;color:#6b7280;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.025em;min-width:160px;padding:1.5rem 3rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.incident-btn-secondary:hover{background:linear-gradient(145deg,#fff,#f9fafb);border-color:#d1d5db;box-shadow:0 8px 15px #0000001a;color:#374151;transform:translateY(-2px)}.incident-report-page.dark .incident-btn-secondary{background:linear-gradient(145deg,#4b5563,#6b7280);border-color:#6b7280;color:#f9fafb}.incident-report-page.dark .incident-btn-secondary:hover{background:linear-gradient(145deg,#374151,#4b5563);border-color:#9ca3af;color:#fff}@media (max-width:768px){.incident-report-page-header .page-title{font-size:2rem}.incident-report-main{padding:1.5rem .75rem}.incident-tabs{flex-direction:column;gap:.75rem;padding:.5rem}.incident-tab{font-size:.95rem;padding:1rem 1.5rem}.incident-tab .tab-icon{font-size:1.25rem}.editable-info-section,.locked-info-section{padding:1rem}.editable-info-section h3,.locked-info-section h3{font-size:1.1rem;margin-bottom:1rem}.anonymous-checkbox-wrapper{padding:1rem}.anonymous-checkbox-label{flex-wrap:wrap;gap:.75rem}.anonymous-description{margin-left:0;margin-top:.5rem;text-align:center;width:100%}.incident-form-row{border-color:#1e293b;gap:1rem;grid-template-columns:1fr}.incident-form-section{padding:1.5rem}.incident-form-actions{flex-direction:column;gap:1rem;padding:1.5rem 0}.incident-btn-primary,.incident-btn-secondary{justify-content:center;width:100%}.incident-form-group{margin-bottom:1rem}}@media (max-width:480px){.incident-tabs{gap:.5rem;padding:.5rem}.incident-tab{font-size:.9rem;padding:.875rem 1rem}.incident-tab .tab-icon{font-size:1.1rem}.incident-tab-description{font-size:.875rem;padding:.875rem 1rem}.locked-info-section:before{font-size:1.25rem;right:.75rem;top:.75rem}.anonymous-checkbox-wrapper{padding:.875rem 1rem}.anonymous-checkbox-text{font-size:1rem}.anonymous-icon{font-size:1.25rem}.anonymous-description{font-size:.8rem;padding:.25rem .5rem}.incident-form-section{padding:1rem}.incident-form-actions{padding:1rem 0}.incident-form-section h2{font-size:1.5rem;margin-bottom:1.5rem}}.submitted-reports-container{background:#0000}.submitted-reports-header{margin-bottom:3rem;text-align:center}.submitted-reports-header h2{color:#1e293b;margin-bottom:1rem}.submitted-reports-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:700px}.incident-report-page.dark .submitted-reports-description{color:#9ca3af}.loading-state{padding:4rem 2rem;text-align:center}.loading-spinner{border:4px solid #4080be1a;margin:0 auto 1.5rem}.incident-report-page.dark .loading-spinner{border-color:#60a5fa #60a5fa1a #60a5fa1a}.loading-state p{color:#6b7280;font-size:1.1rem}.incident-report-page.dark .loading-state p{color:#9ca3af}.empty-state{background:linear-gradient(145deg,#ffffff80,#f9fafb4d);border:2px dashed #4080be4d;border-radius:16px;margin:2rem 0;padding:4rem 2rem;text-align:center}.incident-report-page.dark .empty-state{background:linear-gradient(145deg,#1e293b4d,#33415533);border-color:#60a5fa4d}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.empty-state h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.incident-report-page.dark .empty-state h3{color:#f1f5f9}.empty-state p{color:#6b7280;font-size:1.1rem;margin-bottom:2rem}.incident-report-page.dark .empty-state p{color:#9ca3af}.reports-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.report-card{background:linear-gradient(145deg,#fff,#f9fafb);border:2px solid #4080be1a;border-radius:16px;box-shadow:0 4px 15px #0000000d;cursor:pointer;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.report-card:hover{border-color:#4080be4d;box-shadow:0 10px 30px #4080be26;transform:translateY(-5px)}.incident-report-page.dark .report-card{background:linear-gradient(145deg,#1e293b,#334155);border-color:#60a5fa1a}.incident-report-page.dark .report-card:hover{border-color:#60a5fa4d;box-shadow:0 10px 30px #60a5fa26}.report-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.25rem}.report-type-badge span{align-items:center;border-radius:8px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.badge-self{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.badge-anonymous{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.badge-others{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.status-new{border:2px solid #3b82f6}.status-in-progress{border:2px solid #f59e0b}.status-resolved{border:2px solid #10b981}.status-closed{border:2px solid #6b7280}.report-card-body{margin-bottom:1.25rem}.incident-type-title{color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:1rem}.incident-report-page.dark .incident-type-title{color:#f1f5f9}.incident-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.detail-item{align-items:center;color:#6b7280;display:flex;font-size:.95rem;gap:.75rem}.incident-report-page.dark .detail-item{color:#9ca3af}.detail-icon{flex-shrink:0;font-size:1.1rem}.detail-text{flex:1 1}.incident-description{background:#4080be0d;border-left:3px solid #4080be;border-radius:6px;color:#374151;font-size:.95rem;line-height:1.6;margin-top:1rem;padding:1rem}.incident-report-page.dark .incident-description{background:#60a5fa14;border-left-color:#60a5fa;color:#d1d5db}.report-card-footer{align-items:center;border-top:2px solid #4080be1a;display:flex;gap:1rem;justify-content:space-between;padding-top:1rem}.incident-report-page.dark .report-card-footer{border-top-color:#60a5fa1a}.submitted-date{color:#6b7280;font-size:.875rem;font-style:italic}.incident-report-page.dark .submitted-date{color:#9ca3af}.view-details-btn{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;transition:all .3s ease}.view-details-btn:hover{box-shadow:0 4px 12px #4080be4d;transform:translateX(3px)}.incident-report-page.dark .view-details-btn{background:linear-gradient(135deg,#60a5fa,#a78bfa)}.incident-details-modal{max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.incident-details-section{padding:1.5rem}.detail-row{border-bottom:1px solid #4080be1a;display:flex;gap:1rem;padding:1rem 0}.incident-report-page.dark .detail-row{border-bottom-color:#60a5fa1a}.detail-row:last-child{border-bottom:none}.detail-label{color:#4080be;flex-shrink:0;font-weight:700;min-width:150px}.incident-report-page.dark .detail-label{color:#60a5fa}.detail-value{color:#374151;flex:1 1}.incident-report-page.dark .detail-value{color:#d1d5db}.detail-row.full-width{flex-direction:column;gap:.75rem}.detail-description{background:#4080be0d;border-radius:8px;color:#374151;line-height:1.6;margin:0;padding:1rem}.incident-report-page.dark .detail-description{background:#60a5fa14;color:#d1d5db}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;z-index:10000}.modal-content{animation:slideUp .3s ease-out}.incident-report-page.dark .modal-body div,.incident-report-page.dark .modal-content .modal-body div,.incident-report-page.dark .modal-content .modal-body h4{background:#1e293b!important}.incident-report-page.dark .modal-content{background:#1e293b;border:1px solid #60a5fa33}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#4080be,#5090ce);border-bottom:2px solid #4080be1a;border-radius:16px 16px 0 0;padding:1.5rem}.incident-report-page.dark .modal-header{background:linear-gradient(135deg,#60a5fa,#a78bfa);border-bottom-color:#60a5fa1a}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.modal-close{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:background .2s ease;width:40px}.modal-close:hover{background:#fff3}.modal-footer{background:#f9fafb80;border-radius:0 0 16px 16px;border-top:2px solid #4080be1a;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.incident-report-page.dark .modal-footer{background:#1e293b80;border-top-color:#60a5fa1a}@media (max-width:768px){.submitted-reports-container{padding:1.5rem 1rem}.submitted-reports-header h2{font-size:1.75rem}.submitted-reports-description{font-size:1rem}.reports-grid{gap:1.5rem;grid-template-columns:1fr}.report-card{padding:1.25rem}.report-card-footer,.report-card-header{align-items:flex-start;flex-direction:column}.view-details-btn{justify-content:center;width:100%}.detail-row{flex-direction:column;gap:.5rem}.detail-label{min-width:0;min-width:auto}.incident-details-modal{width:95%}.incident-details-section{padding:1rem}}@media (max-width:480px){.submitted-reports-header h2{font-size:1.5rem}.submitted-reports-description{font-size:.95rem}.reports-grid{gap:1rem}.report-card{padding:1rem}.incident-type-title{font-size:1.1rem}.report-type-badge span,.status-badge{font-size:.8rem;padding:.4rem .75rem}.empty-state{padding:3rem 1.5rem}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:1rem}}.submitted-reports-container{margin:0 auto;max-width:1200px;padding:2rem;width:100%}.submitted-reports-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.submitted-reports-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4080be,#5090ce);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.incident-report-page.dark .submitted-reports-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}.reports-controls{gap:1.5rem}.search-bar{flex:1 1;min-width:200px}.search-input{border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#4080be;box-shadow:0 0 0 3px #4080be1a;outline:none}.incident-report-page.dark .search-input{background:#2d3748;border-color:#6b7280;color:#f9fafb}.incident-report-page.dark .search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.reports-filter{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.filter-label{color:#374151;font-size:.95rem;font-weight:600;white-space:nowrap}.incident-report-page.dark .filter-label{color:#9ca3af}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23334155' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;color:#374151;font-size:.95rem;padding:.75rem 2rem .75rem 1rem}.filter-select:focus,.filter-select:hover{border-color:#4080be;box-shadow:0 0 0 3px #4080be1a;outline:none}.incident-report-page.dark .filter-select{background:#2d3748;border-color:#6b7280;color:#f9fafb}.reports-list{display:flex;flex-direction:column;gap:1.5rem}.report-ticket-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:all .3s ease}.report-ticket-card:hover{border-color:#4080be4d;box-shadow:0 4px 16px #4080be26;transform:translateY(-2px)}.incident-report-page.dark .report-ticket-card{background:#2d3748;border-color:#4a5568}.incident-report-page.dark .report-ticket-card:hover{border-color:#60a5fa4d}.report-ticket-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.report-ticket-title{color:#1f2937;flex:1 1;font-size:1.1rem;font-weight:700;margin:0}.incident-report-page.dark .report-ticket-title{color:#f9fafb}.report-ticket-status{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.35rem .85rem;text-transform:uppercase;white-space:nowrap}.report-ticket-status.new{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.report-ticket-status.in-progress{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.report-ticket-status.resolved{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.report-ticket-status.closed{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.report-ticket-details{grid-gap:1rem;border-bottom:1px solid #e5e7eb;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1rem;padding-bottom:1rem}.incident-report-page.dark .report-ticket-details{border-bottom-color:#4a5568}.report-detail{display:flex;flex-direction:column;gap:.25rem}.report-detail strong{color:#6b7280;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.incident-report-page.dark .report-detail strong{color:#9ca3af}.report-detail span{color:#1f2937;font-size:.9rem;font-weight:500}.incident-report-page.dark .report-detail span{color:#f3f4f6}.report-ticket-description{background:linear-gradient(135deg,#4080be0d,#5090ce0d);border-left:4px solid #4080be;border-radius:8px;margin-bottom:1rem;padding:1rem}.incident-report-page.dark .report-ticket-description{background:linear-gradient(135deg,#60a5fa14,#a78bfa14);border-left-color:#60a5fa}.report-ticket-description p{color:#374151;font-size:.95rem;line-height:1.6;margin:0}.incident-report-page.dark .report-ticket-description p{color:#d1d5db}.report-ticket-actions{display:flex;gap:1rem;justify-content:flex-end}.view-report-btn{background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:8px;box-shadow:0 2px 8px #4080be33;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;transition:all .3s ease}.view-report-btn:hover{box-shadow:0 4px 16px #4080be4d;transform:translateY(-2px)}.incident-report-page.dark .view-report-btn{background:linear-gradient(135deg,#60a5fa,#a78bfa);box-shadow:0 2px 8px #60a5fa33}.incident-report-page.dark .view-report-btn:hover{box-shadow:0 4px 16px #60a5fa4d}.empty-tickets-state{background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border:2px dashed #d1d5db;border-radius:12px;padding:3rem 2rem}.incident-report-page.dark .empty-tickets-state{background:linear-gradient(135deg,#1f293780,#33415580);border-color:#6b7280}.empty-tickets-icon{font-size:3rem}.empty-tickets-title{color:#1f2937;font-weight:700;margin:0 0 .5rem}.incident-report-page.dark .empty-tickets-title{color:#f9fafb}.empty-tickets-text{color:#6b7280;font-size:1rem;margin:0 0 1.5rem}.incident-report-page.dark .empty-tickets-text{color:#9ca3af}@media (max-width:768px){.submitted-reports-container{padding:1rem}.submitted-reports-header h2{font-size:1.5rem}.reports-controls{flex-direction:column}.search-bar{width:100%}.reports-filter{justify-content:space-between;width:100%}.report-ticket-card{padding:1rem}.report-ticket-details{gap:.75rem;grid-template-columns:repeat(2,1fr)}.report-ticket-header{align-items:flex-start;flex-direction:column}.report-ticket-status{align-self:flex-end}.report-ticket-actions{flex-direction:column}.view-report-btn{width:100%}}@media (max-width:480px){.submitted-reports-container{padding:.5rem}.submitted-reports-header h2{font-size:1.25rem}.report-ticket-card{border-radius:8px;padding:1rem}.report-ticket-details{gap:.5rem;grid-template-columns:1fr}.report-ticket-description{margin-bottom:.75rem;padding:.75rem}.report-ticket-description p{font-size:.85rem}.view-report-btn{font-size:.85rem;padding:.5rem 1rem}.filter-select,.search-input{font-size:.9rem;padding:.6rem .75rem}.filter-label{font-size:.85rem}}.incident-types-management{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.edit-incident-form-btn,.edit-incident-types-btn{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:12px;box-shadow:0 4px 12px #4080be4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-incident-form-btn:hover,.edit-incident-types-btn:hover{box-shadow:0 8px 20px #4080be66;transform:translateY(-2px)}.edit-incident-form-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.edit-incident-form-btn:hover{box-shadow:0 8px 20px #10b98166}.incident-types-modal .modal-body{padding:1.5rem}.add-type-form{align-items:flex-end;background:linear-gradient(145deg,#4080be0d,#4080be0d);border:2px solid #4080be1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.admin-role-select,.type-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#374151;flex:1 1;font-size:.95rem;min-width:200px;padding:.875rem 1rem;transition:all .3s ease}.admin-role-select:focus,.type-input:focus{border-color:#4080be;box-shadow:0 0 0 3px #4080be1a;outline:none}.incident-report-page.dark .admin-role-select,.incident-report-page.dark .type-input{background:#2d3748;border-color:#6b7280;color:#f9fafb}.incident-report-page.dark .admin-role-select:focus,.incident-report-page.dark .type-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.type-form-actions{display:flex;gap:.75rem}.add-type-btn,.cancel-edit-btn,.close-modal-btn,.delete-type-btn,.edit-type-btn,.reload-types-btn,.save-edit-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.add-type-btn,.save-edit-btn{background:linear-gradient(135deg,#4080be,#5090ce);box-shadow:0 2px 8px #4080be4d;color:#fff}.add-type-btn:hover,.save-edit-btn:hover{box-shadow:0 4px 12px #4080be66;transform:translateY(-2px)}.cancel-edit-btn{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px #6b72804d;color:#fff}.cancel-edit-btn:hover{box-shadow:0 4px 12px #6b728066;transform:translateY(-2px)}.edit-type-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d;color:#fff;font-size:.85rem;padding:.5rem 1rem}.edit-type-btn:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.delete-type-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff;font-size:.85rem;padding:.5rem 1rem}.delete-type-btn:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.close-modal-btn{background:linear-gradient(135deg,#dc7231,#cd913e);box-shadow:0 2px 8px #6b72804d;color:#fff}.close-modal-btn:hover{box-shadow:0 4px 12px #6b728066;transform:translateY(-2px)}.reload-types-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf64d;color:#fff}.reload-types-btn:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.types-table{display:flex;flex-direction:column;gap:.75rem}.type-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:all .3s ease}.type-item:hover{border-color:#4080be;box-shadow:0 4px 12px #4080be1a;transform:translateY(-2px)}.incident-report-page.dark .type-item{background:#2d3748;border-color:#4a5568}.incident-report-page.dark .type-item:hover{border-color:#60a5fa}.type-info{align-items:center;display:flex;gap:1rem}.type-name{color:#1f2937;font-weight:600}.incident-report-page.dark .type-name{color:#f9fafb}.admin-role-badge{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.admin-role-badge.nurse{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.admin-role-badge.security{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.admin-role-badge.guidance{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.type-actions{display:flex;gap:.5rem}.modal-actions{border-top:2px solid #4080be1a;padding:1.5rem}.incident-report-page.dark .modal-actions{border-top-color:#60a5fa1a}@media (max-width:768px){.incident-types-management{align-items:center;flex-direction:column}.edit-incident-form-btn,.edit-incident-types-btn{justify-content:center;max-width:300px;width:100%}.add-type-form{align-items:stretch;flex-direction:column}.admin-role-select,.type-input{min-width:0;min-width:auto}.type-form-actions{justify-content:center}.type-item{align-items:stretch;flex-direction:column;gap:1rem}.type-actions{justify-content:center}.modal-actions{flex-direction:column}.close-modal-btn,.reload-types-btn{justify-content:center;width:100%}}.wide-modal{height:auto;max-height:85vh;max-width:800px;overflow-y:auto;width:90%}.wide-modal .modal-body{max-height:calc(85vh - 140px);overflow-y:auto;padding:1.5rem}.wide-modal .modal-body>div{margin-bottom:1.5rem}.wide-modal .modal-body>div:last-of-type{background:linear-gradient(145deg,#f9fafbcc,#f3f4f6cc);border:2px solid #4080be1a;border-radius:8px;max-height:400px;min-height:300px;overflow-y:auto;padding:1rem}.incident-report-page.dark .wide-modal .modal-body>div:last-of-type{background:linear-gradient(145deg,#1e293bcc,#334155cc);border-color:#60a5fa1a}.wide-modal .modal-body [draggable=true]{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:grab;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.incident-report-page.dark .wide-modal .modal-body [draggable=true]{background:#374151;border-color:#4b5563}.wide-modal .modal-body [draggable=true]:hover{border-color:#4080be;box-shadow:0 2px 8px #4080be26;transform:translateY(-1px)}.incident-report-page.dark .wide-modal .modal-body [draggable=true]:hover{border-color:#60a5fa}.wide-modal .modal-body>div:first-of-type{background:linear-gradient(145deg,#4080be0d,#4080be0d);border:2px solid #4080be1a;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.incident-report-page.dark .wide-modal .modal-body>div:first-of-type{background:linear-gradient(145deg,#60a5fa14,#60a5fa14);border-color:#60a5fa1a}.wide-modal .form-row{align-items:flex-end;display:flex;gap:1rem}.wide-modal .form-row>div{flex:1 1}.wide-modal .modal-header{background:linear-gradient(135deg,#4080be,#5090ce);border-bottom:2px solid #4080be1a;border-radius:12px 12px 0 0;padding:1.5rem}.wide-modal .modal-actions{background:#f9fafb80;border-radius:0 0 12px 12px;border-top:2px solid #4080be1a;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.incident-report-page.dark .wide-modal .modal-actions{background:#1e293b80;border-top-color:#60a5fa1a}.modal-cancel-btn,.modal-submit-btn{align-items:center;border:none;border-radius:10px;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.5rem}.modal-cancel-btn{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px #6b72804d;color:#fff}.modal-cancel-btn:hover{box-shadow:0 4px 12px #6b728066}.modal-submit-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.modal-submit-btn:hover{box-shadow:0 4px 12px #10b98166}@media (max-width:768px){.wide-modal{max-height:90vh;max-width:95%}.wide-modal .modal-body{max-height:calc(90vh - 140px)}.wide-modal .form-row{flex-direction:column;gap:.75rem}.wide-modal .modal-actions{flex-direction:column}.modal-cancel-btn,.modal-submit-btn{justify-content:center;width:100%}}@media (max-height:700px){.wide-modal{max-height:95vh}.wide-modal .modal-body{max-height:calc(95vh - 140px)}}.pagination-controls{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:20px;justify-content:center;margin-top:20px;padding:20px}.pagination-btn{background-color:#4080be;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.pagination-btn:disabled{background-color:#ccc;cursor:not-allowed}.pagination-info{font-size:14px;text-align:center}.pagination-count{color:#666;display:block;font-size:12px;margin-top:4px}.items-per-page-selector{align-items:center;display:flex;gap:8px}.reports-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.submitted-reports-container{min-height:600px}.reports-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;overflow:hidden}.incident-report-page.dark .reports-table-container{background:#2d3748}.reports-table{border-collapse:collapse;width:100%}.reports-table th{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.incident-report-page.dark .reports-table th{background:linear-gradient(135deg,#60a5fa,#a78bfa)}.reports-table td{border-bottom:1px solid #e5e7eb;padding:1rem;vertical-align:top}.incident-report-page.dark .reports-table td{border-bottom-color:#4a5568;color:#f9fafb}.report-table-row:hover{background-color:#f8fafc}.incident-report-page.dark .report-table-row:hover{background-color:#2d3748}.incident-type-cell strong{color:#1f2937;display:block;margin-bottom:.5rem}.incident-report-page.dark .incident-type-cell strong{color:#f9fafb}.incident-description-preview{color:#6b7280;font-size:.85rem;line-height:1.4}.incident-report-page.dark .incident-description-preview{color:#9ca3af}.report-type-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;min-width:100px;padding:.35rem .75rem;text-align:center}.report-type-badge.self{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.report-type-badge.anonymous{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.report-type-badge.others{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.date-time-cell{font-size:.9rem}.time-text{color:#6b7280;font-size:.8rem;margin-top:.25rem}.incident-report-page.dark .time-text{color:#9ca3af}.status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;min-width:100px;padding:.4rem .8rem;text-align:center}.status-new{background:#3b82f61a;border:1px solid #3b82f6;color:#2563eb}.status-in-progress{background:#f59e0b1a;border:1px solid #f59e0b;color:#d97706}.status-resolved{background:#10b9811a;border:1px solid #10b981;color:#059669}.status-closed{background:#6b72801a;border:1px solid #6b7280;color:#4b5563}.incident-report-page.dark .status-new{background:#60a5fa33;color:#60a5fa}.incident-report-page.dark .status-in-progress{background:#fbbf2433;color:#fbbf24}.incident-report-page.dark .status-resolved{background:#34d39933;color:#34d399}.incident-report-page.dark .status-closed{background:#9ca3af33;color:#9ca3af}@media (max-width:768px){.reports-table-container{overflow-x:auto}.reports-table{min-width:600px}.reports-table td,.reports-table th{font-size:.85rem;padding:.75rem .5rem}.report-type-badge,.status-badge{font-size:.75rem;min-width:80px;padding:.3rem .6rem}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}*{box-sizing:border-box;margin:0;padding:0}.disabled-input,.disabled-input:hover{cursor:not-allowed!important}body,html{overflow-x:hidden;width:100%}body{background-color:#fafafa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.lost-found-page{min-height:100vh;padding-top:80px;transition:all .3s ease}.lost-found-page.light{background-color:#fafafa;color:#2d3748}.lost-found-page.dark{background-color:#1a202c;color:#f7fafc}.lost-found-main{padding-top:0}.page-header{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff;overflow:hidden;padding:3rem 0;position:relative;text-align:center}.page-title{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.page-subtitle{align-content:center;color:#fff;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.action-tabs{background:#fff;border-bottom:1px solid #e2e8f0;padding:0}.lost-found-page.dark .action-tabs{background:#2d3748;border-bottom-color:#4a5568}.tab-buttons{display:flex;gap:0;justify-content:center}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:1.5rem 2rem;transition:all .3s ease}.tab-button.active,.tab-button:hover{background:#667eea0d;color:#4080be}.tab-button.active{border-bottom-color:#4080be}.lost-found-page.dark .tab-button{color:#cbd5e0}.lost-found-page.dark .tab-button.active,.lost-found-page.dark .tab-button:hover{color:#4080be}.tab-icon{font-size:1.2rem}.content-area{padding:3rem 0}.report-lost-section{margin:0 auto;max-width:800px}.form-container{background:#fff;border-radius:16px;box-shadow:0 8px 25px #0000001a;padding:2.5rem}.lost-found-page.dark .form-container{background:#2d3748;box-shadow:0 8px 25px #0000004d}.form-container h2{color:#2d3748;font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.lost-found-page.dark .form-container h2{color:#f7fafc}.form-description{color:#64748b;line-height:1.6;margin-bottom:2rem}.lost-found-page.dark .form-description{color:#cbd5e0}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-grid,.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.lost-found-page.dark .form-group h4,.lost-found-page.dark .form-group label{color:#f7fafc!important}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.lost-found-page.dark .form-group input,.lost-found-page.dark .form-group select,.lost-found-page.dark .form-group textarea{background:#4a5568;border-color:#4a5568;color:#f7fafc}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4080be;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:3rem}.lost-found-page.dark .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}.form-group small{color:#64748b;display:block;font-size:.875rem;margin-top:.25rem}.lost-found-page.dark .form-group small{color:#cbd5e0}.submit-button{background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.submit-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.found-items-section{margin:0 auto;max-width:1200px;padding:2rem 0}.items-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.items-title{color:#2d3748;flex:1 1;font-size:1.8rem;font-weight:600;margin:0}.lost-found-page.dark .items-title{color:#f7fafc}.items-filter{align-items:center;display:flex;flex-shrink:0;gap:.5rem;white-space:nowrap}.filter-label{color:#4a5568;font-size:.9rem;font-weight:500}.lost-found-page.dark .filter-label{color:#cbd5e0}.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.lost-found-page.dark .filter-select{background:#4a5568;background:#4a5568!important;border-color:#4a5568}.filter-select:focus{border-color:#4a5568!important;box-shadow:0 0 0 3px #667eea1a;outline:none}.attach-control{align-items:center;display:flex;gap:.75rem}.attach-image-btn{background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea40;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .2s ease}.attach-image-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.file-name{color:#4a5568;font-size:.9rem;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lost-found-page.dark .attach-image-btn{background:linear-gradient(135deg,#4a5568,#718096);color:#f7fafc}.lost-found-page.dark .file-name{color:#cbd5e0}.items-controls{gap:1rem}.claim-item-btn{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border:1px solid #4080be;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;flex:1 1;flex:1 1!important;font-size:.8rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1.2rem;transition:all .3s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content;width:100%!important}.claim-item-btn:hover{border-color:#5a67d8;box-shadow:0 6px 20px #667eea66;filter:brightness(1.1);transform:translateY(-2px)}.claimed-badge{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:8px;box-shadow:0 2px 10px #48bb784d;color:#fff;font-size:.8rem;font-weight:600;padding:.6rem 1.2rem;text-align:center;width:100%}.items-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:2rem}.item-card{align-items:stretch;background:#fff;border:1px solid #667eea1a;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;position:relative;transition:all .3s ease}.lost-found-page.dark .item-card{background:#2d3748;border-color:#4a5568}.item-card:hover{box-shadow:0 8px 30px #667eea26;transform:translateY(-2px)}.item-icon,.item-icon-column{display:none}.item-content-column{display:flex;flex:1 1;flex-direction:column;gap:.75rem;min-width:0}.item-status{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.item-status.available{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.item-status.claimed{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.item-status.pending{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.item-header{flex:1 1;margin-bottom:.5rem;min-width:0}.item-name{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.25rem;word-break:break-word}.item-category{background:linear-gradient(135deg,#4080be,#5090ce);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;padding:.25rem .75rem;text-transform:capitalize}.lost-found-page.dark .item-name{color:#f7fafc}.item-description{color:#64748b;font-size:.85rem;line-height:1.4;margin-bottom:.75rem}.lost-found-page.dark .item-description{color:#cbd5e0}.item-details{background:#667eea0d;border-radius:12px;display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;padding:.75rem}.item-detail{align-items:center;display:flex;gap:.5rem}.detail-icon{font-size:1rem;text-align:center;width:20px}.modal-body:not(.modal-form){padding:0 2rem 1.5rem!important}.modal-content:not(.wide-modal){height:auto!important;min-height:auto!important}.detail-text{color:#4a5568;font-size:.8rem}.lost-found-page.dark .detail-text{color:#cbd5e0}.item-date{font-weight:500}.item-actions{align-items:stretch;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin-top:auto;width:100%}.claim-button{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.claim-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.claim-button:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed;transform:none}.lost-found-page.dark .claim-button:disabled{background:#4a5568;color:#718096}.view-button-img{background:#0000;border:2px solid #4080be;border-radius:8px;color:#4080be;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.view-button:hover{background:#4080be;color:#fff;transform:translateY(-2px)}.empty-items-state{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:4rem 2rem;text-align:center}.lost-found-page.dark .empty-items-state{background:#2d3748}.empty-items-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-items-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-items-text{color:#64748b;line-height:1.6;margin:0 auto;max-width:500px}.my-tickets-section{margin:0 auto;max-width:1200px;padding:2rem 0}.tickets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.tickets-title{color:#2d3748;font-size:1.8rem;font-weight:600;margin:0}.lost-found-page.dark .tickets-title{color:#f7fafc}.filters-toggle-btn{align-items:center;background:#007bff;border:none;border-radius:4px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:8px 16px;transition:all .3s ease}.filters-toggle-btn:hover{transform:translateY(-2px)}.submit-ticket-btn{align-items:center;background:linear-gradient(135deg,#4080be,#5090ce);border:none;border-radius:4px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:8px 16px;transition:all .3s ease}.submit-ticket-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.tickets-list{display:flex;flex-direction:column;gap:1.5rem}.ticket-card{background:#fff;border:1px solid #667eea1a;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem;transition:all .3s ease}.lost-found-page.dark .ticket-header{background:#ffffff1a!important;border-bottom:1px solid #fff3!important}.lost-found-page.dark .ticket-actions{background:#ffffff0d!important;border-top:1px solid #ffffff1a!important}.lost-found-page.dark .ticket-card{background:#2d3748;border-color:#4a5568}.ticket-card:hover{box-shadow:0 8px 30px #667eea26;transform:translateY(-2px)}.ticket-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.ticket-title{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0}.lost-found-page.dark .ticket-title{color:#f7fafc}.ticket-status{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.ticket-status.active{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.ticket-status.resolved{background:linear-gradient(135deg,#4080be,#5090ce);color:#fff}.ticket-status.pending{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.ticket-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.ticket-detail{display:flex;flex-direction:column;gap:.25rem}.ticket-detail strong{color:#4a5568;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.lost-found-page.dark .ticket-detail strong{color:#cbd5e0}.ticket-detail span{color:#2d3748;font-size:.9rem}.lost-found-page.dark .ticket-detail span{color:#f7fafc}.ticket-actions{display:flex;gap:1rem}.edit-ticket-btn,.view-ticket-btn{border:2px solid;border-radius:8px;box-shadow:0 2px 10px #0000001a;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.view-ticket-btn{background:linear-gradient(135deg,#4080be,#5090ce);border-color:#4080be;box-shadow:0 4px 15px #667eea4d;color:#fff}.view-ticket-btn:hover{background:linear-gradient(135deg,#5090ce,#4080be);border-color:#5a67d8;box-shadow:0 6px 20px #667eea66;filter:brightness(1.05);transform:translateY(-2px)}.view-ticket-btn:active{box-shadow:0 2px 10px #667eea33;transform:translateY(0)}.edit-ticket-btn{background:#e8f1ff;border-color:#4080be;color:#4080be}.lost-found-page.dark .edit-ticket-btn{background:#667eea1a;border-color:#4080be;color:#a5b4fc}.edit-ticket-btn:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.edit-ticket-btn:hover,.lost-found-page.dark .edit-ticket-btn:hover{background:#4080be;border-color:#5a67d8;color:#fff}.empty-tickets-state{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:4rem 2rem;text-align:center}.lost-found-page.dark .empty-tickets-state{background:#2d3748}.empty-tickets-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-tickets-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-tickets-text{color:#64748b;line-height:1.6;margin:0 auto 2rem;max-width:500px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.modal-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.modal-close:hover{background:#f1f5f9;color:#334155}.lost-found-page.dark .modal-close{color:#cbd5e0}.lost-found-page.dark .modal-close:hover{background:#4a5568;color:#f7fafc}.modal-form{padding:2rem}.modal-form-group{margin-bottom:1.5rem}.modal-form-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.lost-found-page.dark .modal-form-group h4,.lost-found-page.dark .modal-form-group label{color:#f7fafc}.modal-form-group input,.modal-form-group select,.modal-form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.modal-form-group input:focus,.modal-form-group select:focus,.modal-form-group textarea:focus{border-color:#4080be;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-form-group textarea{min-height:100px;resize:vertical}.file-input{background:#f8f9fa!important;border:2px dashed #e2e8f0!important;border-radius:8px!important;cursor:pointer!important;padding:.5rem!important;transition:all .3s ease!important}.file-input:hover{background:#f1f3f9!important;border-color:#4080be!important}.lost-found-page.dark .file-input{background:#2d3748!important;border-color:#4a5568!important;color:#f7fafc!important}.lost-found-page.dark .file-input:hover{background:#4a5568!important;border-color:#4080be!important}.file-help-text{color:#718096;display:block;font-size:.875rem;margin-top:.5rem}.lost-found-page.dark .file-help-text{color:#a0aec0}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 2rem 2rem}.lost-found-page.dark .modal-actions{background-color:#2d3748;border-top-color:#4a5568}.modal-cancel-btn,.modal-submit-btn{border:2px solid;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 1.8rem;transition:all .3s ease}.modal-cancel-btn{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 2px 10px #00000014;color:#4b5563}.modal-cancel-btn:hover{background:#e5e7eb;border-color:#9ca3af;box-shadow:0 4px 15px #0000001f;transform:translateY(-2px)}.lost-found-page.dark .modal-cancel-btn{background:#374151;border-color:#4b5563;color:#e5e7eb}.lost-found-page.dark .modal-cancel-btn:hover{background:#4b5563;border-color:#6b7280;box-shadow:0 4px 15px #0000004d}.modal-submit-btn{background:linear-gradient(135deg,#4080be,#5090ce);border-color:#4080be;box-shadow:0 4px 15px #667eea4d;color:#fff}.modal-submit-btn:hover{background:linear-gradient(135deg,#5090ce,#4080be);border-color:#5a67d8;box-shadow:0 6px 20px #667eea66;filter:brightness(1.05);transform:translateY(-2px)}.modal-submit-btn:active{box-shadow:0 2px 10px #667eea33;transform:translateY(0)}.radio-group{display:flex;gap:1rem;margin-top:.5rem}.radio-option{align-items:center;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.radio-option input[type=radio]{cursor:pointer;margin:0;width:auto}.radio-label{color:#2d3748;cursor:pointer;font-weight:500}.radio-option:hover .radio-label{color:#4080be}.lost-found-page.dark .radio-option{background:#4a5568;border-color:#4a5568}.lost-found-page.dark .radio-option:hover .radio-label{color:#4080be!important}.wide-modal .modal-form{padding:1.5rem 2rem 2rem}.wide-modal .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.wide-modal .modal-form-group{margin-bottom:1rem}.wide-modal .modal-form-group textarea{min-height:80px;resize:vertical}@media (max-width:1024px){.wide-modal{margin:1rem;max-width:95%!important}}@media (max-width:768px){.wide-modal .form-row{gap:1rem;grid-template-columns:1fr}.wide-modal{max-width:calc(100% - 2rem)!important}.container{padding:0 1rem}.page-header{padding:2rem 0}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.tab-buttons{flex-direction:column;gap:0}.tab-button{border-bottom:1px solid #e2e8f0;border-radius:0;padding:1rem;text-align:left}.tab-button.active{border-bottom:1px solid #4080be;border-left:4px solid #4080be}.items-header{align-items:flex-start;flex-direction:column;gap:1rem}.items-controls{justify-content:space-between;width:100%}.items-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.item-card{padding:1rem}.item-icon{font-size:2rem;height:60px;width:60px}.tickets-header{align-items:flex-start;flex-direction:column;gap:1rem}.submit-ticket-btn{justify-content:center;width:100%}.ticket-details{grid-template-columns:1fr}.ticket-actions{flex-direction:column}.edit-ticket-btn,.view-ticket-btn{width:100%}.modal-content{margin:1rem;max-width:calc(100% - 2rem)}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-form{padding:1.5rem}.modal-actions{flex-direction:column;padding:1rem 1.5rem 1.5rem}.modal-cancel-btn,.modal-submit-btn{width:100%}.form-grid{grid-template-columns:1fr}.radio-group{flex-direction:column}}@media (max-width:480px){.container{padding:0 .5rem}.page-header{padding:1.5rem 0}.page-title{font-size:1.5rem}.content-area{padding:2rem 0}.form-container{padding:1.5rem}.item-card,.modal-overlay,.ticket-card{padding:1rem}}@keyframes header-float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-20px) translateX(10px)}50%{transform:translateY(0) translateX(20px)}75%{transform:translateY(20px) translateX(10px)}}.page-header .bg-circle{animation:header-float 10s ease-in-out infinite;background:#ffffff14;border-radius:50%;position:absolute}.page-header .circle-1{animation-delay:-3.33s;height:120px;left:15%;top:20%;width:120px}.page-header .circle-2{animation-delay:-6.67s;height:180px;right:15%;top:60%;width:180px}.page-header .circle-3{animation-delay:-1.67s;bottom:30%;height:100px;left:60%;width:100px}.claimers-list{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;max-height:300px;overflow-y:auto;padding:10px}.claimer-item{align-items:center;background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:all .2s ease}.claimer-item:hover{background-color:#e9ecef;border-color:#007bff}.claimer-item.selected{background-color:#e7f3ff;border-color:#007bff}.claimer-info{flex:1 1}.claimer-info div:first-child{font-size:16px;font-weight:700;margin-bottom:4px}.claimer-info div:nth-child(2){color:#666;font-size:14px;margin-bottom:2px}.claimer-info div:last-child{color:#888;font-size:12px}.claimer-date{font-size:14px;text-align:right}.claimer-date div:first-child{color:#666;font-size:12px}.claimer-date div:last-child{font-weight:500}.resolve-option{margin-top:15px;padding:10px}.resolve-option label{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:8px;transition:all .2s ease}.resolve-option label:hover{background-color:#f8f9fa}.resolve-option input[type=radio]{margin-right:10px}.claimers-list::-webkit-scrollbar{width:6px}.claimers-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.claimers-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.claimers-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.selected-claimer-display{background-color:#e7f3ff;border:2px solid #007bff;border-radius:6px;margin-top:15px;padding:12px}.selected-claimer-display h5{color:#007bff;margin:0 0 8px}.clear-selection-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:4px 8px}.clear-selection-btn:hover{background-color:#c82333}.pair-item-btn{background:linear-gradient(135deg,#28a745,#20c997);border:2px solid #28a745;border-radius:8px;box-shadow:0 4px 15px #28a7454d;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.pair-item-btn:hover{background:linear-gradient(135deg,#20c997,#28a745);border-color:#20c997;box-shadow:0 6px 20px #28a74566;filter:brightness(1.05);transform:translateY(-2px)}.pair-item-btn:active{box-shadow:0 2px 10px #28a74533;transform:translateY(0)}.view-paired-item-btn{background:linear-gradient(135deg,#17a2b8,#20c997);border:2px solid #17a2b8;border-radius:8px;box-shadow:0 4px 15px #17a2b84d;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.view-paired-item-btn:hover{background:linear-gradient(135deg,#20c997,#17a2b8);border-color:#20c997;box-shadow:0 6px 20px #17a2b866;filter:brightness(1.05);transform:translateY(-2px)}.view-paired-item-btn:active{box-shadow:0 2px 10px #17a2b833;transform:translateY(0)}.items-list{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;max-height:400px;padding:10px}.item-card-small{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:12px;transition:all .2s ease}.item-card-small:hover{background-color:#e9ecef;border-color:#007bff;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.item-card-small.selected{background-color:#e7f3ff;border-color:#007bff;box-shadow:0 2px 8px #007bff33}.category-badge{background-color:#6c757d;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.status-badge-available{background-color:#28a745}.status-badge-available,.status-badge-pending{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.status-badge-pending{background-color:#ffc107}.items-list::-webkit-scrollbar{width:6px}.items-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.items-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.items-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.pair-item-btn{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 12px;transition:background-color .2s ease}.pair-item-btn:hover{background-color:#138496}.view-paired-item-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 12px;transition:background-color .2s ease}.view-paired-item-btn:hover{background-color:#218838}.selected-indicator{background-color:#e7f3ff;border:1px solid #007bff;border-radius:4px;color:#007bff;font-weight:700;padding:8px;text-align:center}.selected-preview{background-color:#e7f3ff;border:2px solid #007bff;border-radius:8px;margin-top:15px;padding:15px}.selected-preview h4{color:#007bff;margin:0 0 10px}.action-buttons{align-items:center;display:flex;gap:10px;width:-webkit-fit-content;width:fit-content}.edit-found-btn,.edit-report-btn{align-items:center;background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:10px 15px;transition:background-color .2s ease}.edit-found-btn:hover,.edit-report-btn:hover{background:#5a6268}.settings-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;padding:20px}.settings-section h4{color:#333;font-size:18px;margin:0 0 15px}.add-item-form{display:flex;gap:10px;margin-bottom:15px}.add-item-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.add-item-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px}.add-item-btn:hover:not(:disabled){background:#218838}.add-item-btn:disabled{background:#6c757d;cursor:not-allowed}.items-list{background:#fff;border:1px solid #e0e0e0;border-radius:4px;max-height:200px;overflow-y:auto}.item-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 15px}.item-row:last-child{border-bottom:none}.item-row span{color:#333;font-size:14px}.delete-item-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.delete-item-btn:hover{background:#c82333}.no-items{color:#6c757d;font-style:italic;margin:0;padding:20px;text-align:center}.modal-form-group select{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;padding:10px 12px;width:100%}.modal-form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.lost-found-page.dark .item-row span{color:#e2e8f0}.parent-view-toggle{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem;padding:0 2rem}.toggle-btn{align-items:center;background:#0000;border:2px solid #4080be;border-radius:12px;box-shadow:0 2px 8px #4080be33;color:#4080be;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.toggle-btn:before{background:linear-gradient(135deg,#4080be,#5090ce);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.toggle-btn:hover{box-shadow:0 4px 15px #4080be4d;color:#fff;transform:translateY(-2px)}.toggle-btn:hover:before{left:0}.toggle-btn.active{background:linear-gradient(135deg,#4080be,#5090ce);border-color:#4080be;box-shadow:0 4px 15px #4080be66;color:#fff;transform:translateY(-1px)}.toggle-btn.active:before{left:0}.toggle-btn:active{box-shadow:0 2px 8px #4080be4d;transform:translateY(0)}.toggle-btn:first-child:after{content:"👤";font-size:1rem}.toggle-btn:nth-child(2):after{content:"👥";font-size:1rem}.lost-found-page.dark .toggle-btn{background:#5090ce1a;border-color:#5090ce;box-shadow:0 2px 8px #5090ce33;color:#5090ce}.lost-found-page.dark .toggle-btn:before{background:linear-gradient(135deg,#5090ce,#60a0de)}.lost-found-page.dark .toggle-btn:hover{box-shadow:0 4px 15px #5090ce4d;color:#fff}.lost-found-page.dark .toggle-btn.active{background:linear-gradient(135deg,#5090ce,#60a0de);border-color:#5090ce;box-shadow:0 4px 15px #5090ce66;color:#fff}@media (max-width:768px){.parent-view-toggle{flex-wrap:wrap;justify-content:center;padding:0 1rem}.filters-toggle-btn{justify-content:center;width:100%}.submit-ticket-btn{margin-top:3px}.toggle-btn{flex:1 1;font-size:.85rem;justify-content:center;min-width:140px;padding:.6rem 1.2rem}}@media (max-width:480px){.parent-view-toggle{flex-direction:column;gap:.75rem}.items-control{gap:-.5rem}.toggle-btn{min-width:auto;width:100%}.filters-toggle-btn{justify-content:center;width:100%}}.full-width-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;width:100%}.item-actions{background-color:#6c757d!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;margin-top:8px;padding:8px 12px!important;width:100%!important}.item-actions button,.item-actions>div{width:100%}.modal-overlay{background-color:#00000080;z-index:999}.filter-modal-side h3{color:#000}@media (max-width:768px){.filter-modal-side{max-width:100%;width:100%!important}}.lost-found-page.dark .modal-content{background:#2d3748;color:#f7fafc}.lost-found-page.dark .modal-header{background:#2d3748;border-bottom-color:#4a5568}.lost-found-page.dark .modal-title{color:#f7fafc}.lost-found-page.dark .modal-form-group label{color:#e2e8f0}.lost-found-page.dark .dynamic-fields-section h4{color:#fff!important}.lost-found-page.dark .modal-form-group input,.lost-found-page.dark .modal-form-group select,.lost-found-page.dark .modal-form-group textarea{background:#4a5568;border-color:#4a5568;color:#f7fafc}.lost-found-page.dark .modal-form-group input:focus,.lost-found-page.dark .modal-form-group select:focus,.lost-found-page.dark .modal-form-group textarea:focus{border-color:#4080be;box-shadow:0 0 0 3px #667eea1a}.lost-found-page.dark .settings-section{background:#2d3748;border-color:#4a5568}.lost-found-page.dark .settings-section h4{color:#e2e8f0}.lost-found-page.dark .add-item-input{color:#e2e8f0}.lost-found-page.dark .add-item-input,.lost-found-page.dark .items-list{background:#4a5568;border-color:#718096}.lost-found-page.dark .item-row{border-bottom-color:#718096;color:#e2e8f0}.lost-found-page.dark .no-items{color:#a0aec0}.lost-found-page.dark .file-help-text{color:#cbd5e0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalSlideInFromCenter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-content,.wide-modal{animation:modalSlideInFromCenter .3s ease-out}.wide-modal{max-width:900px!important}.filter-modal-side{animation:slideInRight .3s ease-out;max-height:-webkit-fit-content;max-height:fit-content}.filter-modal-side,.modal-content,.wide-modal{transition:all .3s ease-out}.modal-body{padding:0 2rem 1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.lost-found-page.dark .modal-form-group input::placeholder,.lost-found-page.dark .modal-form-group textarea::placeholder{color:#a0aec0}.lost-found-page.dark .disabled-input{background:#4a5568!important;border-color:#4a5568!important;color:#a0aec0!important;opacity:.7}.lost-found-page.dark .modal-body{background:#2d3748;color:#f7fafc}.lost-found-page.dark .modal-body p{color:#e2e8f0}.lost-found-page.dark .modal-body small{color:#cbd5e0}.lost-found-page.dark .modal-body .settings-section{background:#2d3748;border-color:#4a5568}.lost-found-page.dark .modal-body .settings-section h4,.lost-found-page.dark .modal-body .settings-section h5{color:#e2e8f0}.lost-found-page.dark .modal-body div[style*="background-color: #f5f5f5"],.lost-found-page.dark .modal-body div[style*="background: #f5f5f5"]{background-color:#4a5568!important;border-color:#718096}.lost-found-page.dark .modal-body div[style*="background-color: #4a5568"],.lost-found-page.dark .modal-body div[style*="background: #4a5568"]{background-color:#2d3748!important;border-color:#4a5568}.lost-found-page.dark .modal-body div[style*="background-color: #f8f9fa"],.lost-found-page.dark .modal-body div[style*="background: #f8f9fa"]{background-color:#4a5568!important;border-color:#718096}.lost-found-page.dark .modal-body div[style*="background-color: #e7f3ff"],.lost-found-page.dark .modal-body div[style*="background: #e7f3ff"]{background-color:#2a4365!important;border-color:#3182ce}.lost-found-page.dark .modal-body div[style*="background-color: #fff3cd"],.lost-found-page.dark .modal-body div[style*="background: #fff3cd"]{background-color:#744210!important;border-color:#d69e2e}.lost-found-page.dark .modal-body div[style*="background-color: white"],.lost-found-page.dark .modal-body div[style*="background: white"]{background-color:#4a5568!important;border-color:#718096;color:#e2e8f0}.lost-found-page.dark .modal-body div[style*="border-left: 3px solid #007bff"]{border-left-color:#3182ce!important}.lost-found-page.dark .modal-body div[style*="border-left: 3px solid #28a745"]{border-left-color:#38a169!important}.lost-found-page.dark .modal-body div[style*="color: #333"]{color:#e2e8f0!important}.lost-found-page.dark .modal-body div[style*="color: #666"]{color:#cbd5e0!important}.lost-found-page.dark .modal-body div[style*="color: #888"]{color:#a0aec0!important}.lost-found-page.dark .modal-body div[style*="color: #999"]{color:#718096!important}.lost-found-page.dark .detail-group label,.lost-found-page.dark .dynamic-fields-header,.lost-found-page.dark .dynamic-fields-render h4,.lost-found-page.dark .dynamic-fields-section h4,.lost-found-page.dark .modal-body h4,.lost-found-page.dark .modal-form-group .radio-label{color:#f7fafc!important}.lost-found-page.dark .modal-body div{background-color:#2d3748!important}.lost-found-page.dark .modal-body small{color:#fff!important}.items-controls{flex:1 1;flex-wrap:nowrap;justify-content:flex-end;margin-left:auto}.edit-form-btn,.items-controls{align-items:center;display:flex;gap:.5rem}.edit-form-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px!important;transition:all .3s ease}.edit-form-btn:hover{background-color:#218838;transform:translateY(-1px)}.items-controls>div:not(.search-bar){align-items:center;display:flex;gap:.5rem}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.app{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;min-height:100vh;padding-top:80px;transition:all .3s ease}.app.dark-mode{background:linear-gradient(135deg,#1a1a1a,#2d3748);color:#fff}.heatmap-container{align-items:center;display:flex;flex-direction:column;flex-grow:1;margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.heatmap-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4080be,#5090ce);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.selection-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1.5rem;width:100%}.dropdown-container{align-items:center;background:#fff;border:1px solid #667eea33;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;gap:1rem;padding:1rem 2rem;transition:all .3s ease}.dropdown-container:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.dropdown-container label{color:#333;font-size:1.1rem;font-weight:600}#buildingSelect,#floorSelect{background:#fff;border:2px solid #667eea4d;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;min-width:150px;padding:.75rem 1.5rem;transition:all .3s ease}#buildingSelect:hover,#floorSelect:hover{border-color:#667eea80}#buildingSelect:focus,#floorSelect:focus{border-color:#4080be;box-shadow:0 0 0 3px #667eea1a;outline:none}.current-selection{margin-bottom:2rem;text-align:center}.current-selection h3{color:#4080be;font-size:1.5rem;font-weight:600;margin:0}.map-container{background:#fff;border:3px solid #667eea4d;border-radius:15px;box-shadow:0 8px 32px #0000001a;margin:0 auto 2rem;max-width:1000px;padding:20px;text-align:center;transition:all .3s ease;width:90%}.map-container:hover{border-color:#667eea80;box-shadow:0 12px 40px #00000026;transform:translateY(-3px)}.map-with-heatmap{max-width:100%}.heatmap-wrapper,.map-with-heatmap{display:inline-block;position:relative;width:100%}.heatmap-wrapper canvas{height:100%!important;left:0;pointer-events:none;position:absolute!important;top:0;width:100%!important;z-index:2}.map-image{border-radius:10px;box-shadow:0 4px 15px #0000001a;display:block;height:auto;max-width:100%;position:relative;transition:all .3s ease;width:100%;z-index:1}.heat-zones-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.heat-zone{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px solid #fffc;border-radius:50%;box-shadow:0 0 0 0 currentColor;cursor:pointer;display:flex;justify-content:center;pointer-events:all;position:absolute;transition:all .3s ease}.heat-zone:before{animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite;background-color:inherit;border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.heat-zone:hover{transform:translate(-50%,-50%) scale(1.2)!important;z-index:10}.heat-zone:hover:before{animation:none}.incident-count{color:#fff;font-size:1.2rem;font-weight:700;position:relative;text-shadow:0 2px 4px #00000080;z-index:1}@keyframes pulse-ring{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%,to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}.heat-legend{background:#fff;border:1px solid #667eea33;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:1000px;padding:1.5rem;width:90%}.heat-legend h4{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.legend-items{flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1rem}.legend-item,.legend-items{align-items:center;display:flex}.legend-item{gap:.5rem}.legend-color{border:2px solid #ffffff80;border-radius:50%;height:30px;width:30px}.legend-item span{color:#555;font-size:.9rem;font-weight:500}.total-incidents{color:#4080be;font-size:1rem;font-weight:600;margin:1rem 0 0;text-align:center}.incident-locations-list{border-top:2px solid #667eea33;margin-top:2rem;padding-top:1.5rem}.incident-locations-list h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.incident-locations-list ul{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.incident-locations-list li{align-items:center;background:#667eea0d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 15px;transition:all .2s ease}.incident-locations-list li:hover{background:#667eea1a;transform:translateX(5px)}.location-name{color:#555;flex:1 1;font-size:14px;font-weight:500}.location-count{flex-shrink:0}.no-incidents-message{background:#667eea0d;border-radius:12px;margin:2rem 0;padding:3rem 2rem;text-align:center}.no-incidents-message p{color:#666;font-size:1.1rem;margin:0}.loading-heatmap{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.loading-spinner{border:4px solid #667eea33;border-top-color:#4080be;height:50px;width:50px}.loading-heatmap p{color:#4080be;font-size:1.1rem;font-weight:500}.placeholder{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #667eea4d;border-radius:10px;color:#666;font-size:1.2rem;padding:60px 20px;transition:all .3s ease}.placeholder:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#667eea80}.heatmap-info{background:#fff;border:1px solid #667eea33;border-radius:15px;box-shadow:0 8px 32px #0000001a;margin:1rem auto 0;max-width:1000px;padding:2rem;transition:all .3s ease;width:90%}.heatmap-info:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.heatmap-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4080be,#5090ce);-webkit-background-clip:text;background-clip:text;color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.heatmap-info p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1rem}.heatmap-info ul{list-style:none;margin-top:1rem;padding:0}.heatmap-info li{border-left:4px solid #0000;color:#555;font-size:1rem;padding:.5rem 0 .5rem 1rem;transition:all .3s ease}.heatmap-info li:first-child{border-left-color:#dc3545}.heatmap-info li:nth-child(2){border-left-color:#ffc107}.heatmap-info li:nth-child(3){border-left-color:#28a745}.heatmap-info li:hover{background:#667eea0d;transform:translateX(5px)}.app.dark-mode .dropdown-container{background:#ffffff1a!important;border-color:#fff3!important}.app.dark-mode .dropdown-container label{color:#fff!important}.app.dark-mode #buildingSelect,.app.dark-mode #floorSelect{background:#ffffff1a!important;border-color:#ffffff4d!important;color:#fff!important}.app.dark-mode #buildingSelect option,.app.dark-mode #floorSelect option{background:#2d3748!important;color:#fff!important}.app.dark-mode #buildingSelect:hover,.app.dark-mode #floorSelect:hover{background:#ffffff26!important;border-color:#ffffff80!important}.app.dark-mode #buildingSelect:focus,.app.dark-mode #floorSelect:focus{background:#ffffff26!important;border-color:#a5b4fc!important;box-shadow:0 0 0 3px #a5b4fc1a!important}.app.dark-mode .current-selection h3{color:#9ca3ff}.app.dark-mode .map-container{background:#ffffff1a;border-color:#fff3}.app.dark-mode .placeholder{background:#ffffff0d;border-color:#fff3;color:#fffc}.app.dark-mode .heatmap-info{background:#ffffff1a;border-color:#fff3}.app.dark-mode .heatmap-info h3{color:#fff}.app.dark-mode .heatmap-info li,.app.dark-mode .heatmap-info p{color:#ffffffe6}.app.dark-mode .heat-legend{background:#ffffff1a;border-color:#fff3}.app.dark-mode .heat-legend h4{color:#fff}.app.dark-mode .legend-item span{color:#ffffffe6}.app.dark-mode .loading-heatmap p,.app.dark-mode .total-incidents{color:#a5b4fc}.app.dark-mode .loading-spinner{border-color:#a5b4fc #a5b4fc33 #a5b4fc33}.app.dark-mode .incident-locations-list h4{color:#fff}.app.dark-mode .incident-locations-list li{background:#ffffff0d}.app.dark-mode .incident-locations-list li:hover{background:#ffffff1a}.app.dark-mode .location-name{color:#ffffffe6}.app.dark-mode .no-incidents-message{background:#ffffff0d}.app.dark-mode .no-incidents-message p{color:#fffc}@media (max-width:768px){.heatmap-container{padding:20px 10px}.heatmap-title{font-size:2rem;margin-bottom:1.5rem}.dropdown-container{flex-direction:column;gap:.5rem;padding:1rem}.map-container{padding:15px;width:95%}.heatmap-info{padding:1.5rem;width:95%}}@media (max-width:480px){.heatmap-title{font-size:1.5rem}.dropdown-container{padding:.75rem}#floorSelect{font-size:.9rem;padding:.5rem 1rem}.map-container{padding:10px}.heatmap-info{padding:1rem}}.reset-password-container{margin:0 auto;max-width:900px;padding:1.5rem 1rem;width:100%}.reset-password-card{grid-gap:2.5rem;align-items:start;animation:slideIn .4s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;display:grid;gap:2.5rem;grid-template-columns:1fr 1fr;padding:2.5rem 3rem}.reset-header{grid-column:1/-1;margin-bottom:0;text-align:center}.reset-header h1{color:#1a202c;font-size:1.5rem;font-weight:700;line-height:1.4;margin:0}.reset-email-badge{align-items:center;background:linear-gradient(135deg,#ebf8ff,#e3f2fd);border:2px solid #4c8cca;border-radius:16px;display:flex;gap:1rem;grid-column:1/-1;margin-bottom:0;padding:1.25rem 1.5rem}.email-icon-wrapper{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #4c8cca33;color:#4c8cca;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.email-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.email-label{color:#4c8cca;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.email-address{color:#2d3748;font-size:1rem;font-weight:700;word-break:break-all}.password-requirements-card{background:#f7fafc;border:2px solid #e2e8f0;border-radius:16px;height:-webkit-fit-content;height:fit-content;margin-bottom:0;padding:1.5rem}.requirements-header{align-items:center;color:#2d3748;display:flex;gap:.75rem;margin-bottom:1rem}.requirements-header svg{color:#4c8cca;flex-shrink:0}.requirements-header h3{color:#2d3748;font-size:.95rem;font-weight:700;margin:0}.requirements-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.requirements-list li{align-items:center;color:#cbd5e0;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;transition:all .3s ease}.requirements-list li.met{color:#22863a;font-weight:600}.requirement-icon{align-items:center;display:flex;flex-shrink:0;font-size:.85rem;height:20px;justify-content:center;width:20px}.reset-form{gap:1.5rem;margin-bottom:0}.reset-form,.reset-form-group{display:flex;flex-direction:column}.reset-form-group{gap:.5rem}.reset-form-group label{align-items:center;color:#4a5568;display:flex;font-size:.75rem;font-weight:700;letter-spacing:.5px}.reset-form-group label svg{color:#4c8cca}.reset-input-wrapper{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;position:relative;transition:all .3s ease}.reset-input-wrapper:focus-within{border-color:#4c8cca;box-shadow:0 0 0 4px #4c8cca1a}.reset-input-wrapper.filled{border-color:#4c8cca}.reset-input-wrapper.error{background:#fff5f5;border-color:#f56565}.reset-input{background:#0000;border:none;color:#2d3748;flex:1 1;font-family:inherit;font-size:.95rem;outline:none;padding:.875rem 1rem}.reset-input::placeholder{color:#a0aec0}.password-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#718096;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:.5rem;transition:all .2s ease;width:40px}.password-toggle-btn:hover{background:#f7fafc;color:#4c8cca}.error-text{color:#f56565;font-size:.8rem;font-weight:500;margin-top:.25rem}.reset-submit-button{align-items:center;background:linear-gradient(135deg,#4c8cca,#3d6fa1);border:none;border-radius:12px;box-shadow:0 4px 12px #4c8cca4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.3px;padding:1rem;transition:all .3s ease;width:100%}.reset-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#3d6fa1,#2d5478);box-shadow:0 6px 20px #4c8cca66;transform:translateY(-2px)}.reset-submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.reset-footer{border-top:1px solid #e2e8f0;grid-column:1/-1;padding-top:1.5rem;text-align:center}.back-to-login-link{align-items:center;border-radius:8px;color:#718096;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.back-to-login-link:hover{background:#f7fafc;color:#4c8cca}.back-to-login-link svg{transition:transform .2s ease}.back-to-login-link:hover svg{transform:translateX(-3px)}.reset-loading-state{padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#4c8cca;height:60px;margin:0 auto 2rem;width:60px}.reset-loading-state h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.reset-loading-state p{color:#718096;font-size:.95rem;margin:0}.reset-error-state{padding:4rem 2rem;text-align:center}.error-icon-large{font-size:4rem;margin-bottom:1.5rem}.reset-error-state h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.reset-error-state p{color:#718096;font-size:.95rem;line-height:1.6;margin-bottom:2rem}.reset-back-button{background:linear-gradient(135deg,#4c8cca,#3d6fa1);border:none;border-radius:12px;box-shadow:0 4px 12px #4c8cca4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.reset-back-button:hover{background:linear-gradient(135deg,#3d6fa1,#2d5478);box-shadow:0 6px 20px #4c8cca66;transform:translateY(-2px)}@media (max-width:767px){.reset-password-container{padding:1rem .75rem}.reset-password-card{border-radius:20px;gap:1.5rem;grid-template-areas:"header" "email" "requirements" "form" "footer";grid-template-columns:1fr;padding:1.75rem 1.25rem}.reset-header{grid-area:header;margin-bottom:0}.reset-header h1{font-size:1.1rem;line-height:1.3}.reset-email-badge{flex-direction:row;gap:.875rem;grid-area:email;padding:1rem 1.25rem}.email-icon-wrapper{height:40px;width:40px}.email-icon-wrapper svg{height:20px;width:20px}.email-label{font-size:.7rem}.email-address{font-size:.85rem}.password-requirements-card{grid-area:requirements;padding:1.25rem}.requirements-header h3{font-size:.85rem}.requirements-header svg{height:18px;width:18px}.requirements-list{gap:.625rem}.requirements-list li{font-size:.75rem}.reset-form{gap:1.25rem;grid-area:form}.reset-form-group{gap:.4rem}.reset-form-group label{font-size:.7rem}.reset-form-group label svg{height:14px;width:14px}.reset-input{font-size:.875rem;padding:.75rem .875rem}.password-toggle-btn{height:36px;width:36px}.password-toggle-btn svg{height:18px;width:18px}.reset-submit-button{font-size:.95rem;padding:.875rem}.reset-footer{grid-area:footer;padding-top:1.25rem}.back-to-login-link{font-size:.85rem}.back-to-login-link svg{height:14px;width:14px}}@media (max-width:480px){.reset-password-container{padding:.75rem .5rem}.reset-password-card{border-radius:16px;gap:1.25rem;padding:1.5rem 1rem}.reset-header h1{font-size:1rem}.reset-email-badge{flex-direction:column;gap:.625rem;padding:1rem;text-align:center}.email-address{font-size:.8rem;word-break:break-all}.password-requirements-card{padding:1rem}.requirements-list li{font-size:.7rem;gap:.5rem}.requirement-icon{font-size:.75rem;height:18px;width:18px}.reset-form{gap:1rem}.reset-input{font-size:.8rem;padding:.625rem .75rem}.reset-submit-button{font-size:.875rem;padding:.75rem}}@media (max-width:375px){.reset-password-card{padding:1.25rem .875rem}.reset-header h1{font-size:.95rem}.email-label{font-size:.65rem}.email-address{font-size:.75rem}.requirements-header h3{font-size:.8rem}.requirements-list li,.reset-form-group label{font-size:.65rem}.reset-input{font-size:.75rem}}@media (min-width:768px){.reset-password-card{grid-template-areas:"header header" "email email" "form requirements" "footer footer";grid-template-columns:1.2fr .8fr}.reset-header{grid-area:header}.reset-email-badge{grid-area:email}.reset-form{grid-area:form}.password-requirements-card{grid-area:requirements}.reset-footer{grid-area:footer}}@media (min-width:768px) and (max-width:1024px){.reset-password-container{max-width:750px}.reset-password-card{padding:2rem}.reset-header h1{font-size:1.35rem}}@media (max-height:600px) and (orientation:landscape){.reset-password-container{padding:.5rem}.reset-password-card{gap:1rem;padding:1rem}.reset-header{margin-bottom:0}.reset-header h1{font-size:1rem}.reset-email-badge{padding:.75rem 1rem}.password-requirements-card{padding:1rem}.requirements-list{gap:.5rem}.reset-form{gap:.875rem}.reset-footer{padding-top:1rem}}
/*# sourceMappingURL=main.0f5dd804.css.map*/