:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f8;color:#1f2933}*{box-sizing:border-box}body{margin:0;min-height:100vh}button{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.centered-page{display:grid;min-height:100vh;place-items:center;padding:1.25rem}.loading-indicator{display:grid;justify-items:center;gap:.85rem;color:#52616d;font-weight:700}.loading-indicator p{margin:0}.spinner{width:2.75rem;height:2.75rem;border:4px solid #d8e0e6;border-top-color:#0f766e;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-panel{width:min(100%,380px);padding:2rem;border:1px solid #d8e0e6;border-radius:8px;background:#fff;box-shadow:0 18px 48px #1f29331f}.login-panel h1{margin:0;font-size:1.65rem;line-height:1.15}.version-label{margin:.3rem 0 0;color:#647482;font-size:.82rem;font-weight:700}.login-panel .version-label{margin-bottom:.85rem}.small-description{margin:0 0 1.5rem;color:#647482;font-size:.9rem;line-height:1.45}.primary-button,.secondary-button,.icon-button,.nav-item{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;border:1px solid transparent;border-radius:6px;transition:background .18s ease,border-color .18s ease,color .18s ease}.primary-button{width:100%;margin-top:1.5rem;padding:.7rem 1rem;background:#0f766e;color:#fff;font-weight:700}.primary-button:hover{background:#115e59}.secondary-button{padding:.65rem .95rem;background:#fff;border-color:#cbd5dc;color:#22313f;font-weight:700}.secondary-button:hover{background:#eef3f5}.compact{width:auto;margin-top:0;white-space:nowrap}.dashboard-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:#eef3f5}.dashboard-shell.no-sidebar{grid-template-columns:1fr}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:1rem;border-right:1px solid #d8e0e6;background:#fff}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .25rem 1rem}.sidebar-header h1{margin:0;font-size:1.2rem;line-height:1.2}.sidebar-nav{display:grid;gap:.35rem}.nav-item{width:100%;justify-content:flex-start;padding:.7rem .85rem;background:transparent;color:#52616d;font-weight:700}.nav-item:hover,.nav-item.is-active{background:#e6f4f1;color:#0f5f59}.sidebar-footer{display:grid;gap:1rem;margin-top:auto;padding-top:1rem}.sidebar-user{display:grid;gap:.2rem;padding:.85rem;border:1px solid #d8e0e6;border-radius:8px;background:#f9fbfc}.sidebar-user strong,.sidebar-user span{overflow-wrap:anywhere}.sidebar-user span{color:#647482;font-size:.85rem}.dashboard-main{min-width:0;padding:1.5rem}.topbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.topbar h2{margin:0;font-size:1.55rem;line-height:1.2}.topbar p{margin:.25rem 0 0;color:#647482}.icon-button{flex:0 0 auto;width:2.5rem;padding:0;background:#fff;border-color:#cbd5dc;color:#22313f;font-weight:800}.mobile-only{display:none}.content-grid{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:1rem;align-items:start}.panel{min-width:0;padding:1.25rem;border:1px solid #d8e0e6;border-radius:8px;background:#fff}.panel h3{margin:0 0 1rem;font-size:1.05rem}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-heading h3{margin:0}.actions-row{display:flex;flex-wrap:wrap;gap:.65rem}.user-details{display:grid;gap:.85rem;margin:0}.user-details div{display:grid;gap:.2rem}.user-details dt{color:#647482;font-size:.78rem;font-weight:750;text-transform:uppercase}.user-details dd{margin:0;overflow-wrap:anywhere}.contact-list{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.contact-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid #d8e0e6;border-radius:6px;background:#f9fbfc}.users-list{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.users-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid #d8e0e6;border-radius:6px;background:#f9fbfc}.users-list strong,.users-list span{display:block;overflow-wrap:anywhere}.users-list div>span{color:#647482;font-size:.88rem}.role-badge{flex:0 0 auto;padding:.25rem .5rem;border:1px solid #cbd5dc;border-radius:999px;background:#fff;color:#52616d;font-size:.78rem;font-weight:800}.role-badge.admin{border-color:#94d3c8;background:#e6f4f1;color:#0f5f59}.contact-list strong,.contact-list span{display:block;overflow-wrap:anywhere}.contact-list span,.contact-list time{color:#647482;font-size:.88rem}.error-message,.success-message{margin:1rem 0 0;font-weight:700}.error-message{color:#b42318}.success-message{color:#0f766e}@media (max-width: 780px){.dashboard-shell{display:block}.mobile-only{display:inline-flex}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:min(84vw,300px);transform:translate(-100%);transition:transform .2s ease}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;border:0;background:#1118276b}.dashboard-main{padding:1rem}.topbar{align-items:flex-start}.content-grid{grid-template-columns:1fr}.panel-heading,.contact-list li,.users-list li{align-items:flex-start;flex-direction:column}}:root{--primary: #0f766e;--primary-hover: #115e59;--admin-gold: #b45309;--admin-gold-bg: #fef3c7;--cert-active: #15803d;--cert-active-bg: #dcfce7;--cert-warning: #ea580c;--cert-warning-bg: #ffedd5;--cert-expired: #b91c1c;--cert-expired-bg: #fee2e2;--text-main: #0f172a;--text-muted: #475569;--bg-slate: #f8fafc;--border-slate: #e2e8f0}.user-card-panel{display:flex;flex-direction:column;gap:1.5rem}.user-card-header{display:flex;align-items:center;gap:1rem}.user-card-avatar{background:#f1f5f9;border-radius:50%;padding:.5rem;display:inline-flex;align-items:center;justify-content:center}.user-avatar-icon{font-size:2.75rem;color:var(--primary)}.user-card-title{display:flex;flex-direction:column;gap:.15rem}.user-card-name-row{display:flex;align-items:center;gap:.5rem}.user-card-title h3{margin:0;font-size:1.25rem;color:var(--text-main)}.user-card-email{color:var(--text-muted);font-size:.85rem}.admin-badge{display:inline-flex;align-items:center;gap:.25rem;background:var(--admin-gold-bg)!important;color:var(--admin-gold)!important;border-color:#fde68a!important;padding:.15rem .5rem;font-weight:700;border-radius:4px;font-size:.75rem}.badge-icon{font-size:.85rem}.user-detail-row{display:grid;grid-template-columns:auto 1fr;gap:.25rem .5rem;align-items:center}.user-detail-row .detail-icon{grid-row:1}.user-detail-row .detail-label{grid-row:1;font-size:.8rem;font-weight:700;color:var(--text-muted)}.user-detail-row .detail-content{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.phone-display-wrapper{display:flex;align-items:center;gap:.5rem}.phone-edit-btn{background:transparent;border:none;color:var(--primary);display:inline-flex;align-items:center;cursor:pointer;padding:.25rem;border-radius:4px}.phone-edit-btn:hover{background:#f1f5f9}.phone-edit-wrapper{display:flex;align-items:center;gap:.25rem}.phone-input-field{padding:.35rem .5rem;border:1px solid var(--border-slate);border-radius:4px;font-size:.9rem;outline:none}.phone-input-field:focus{border-color:var(--primary)}.phone-save-btn,.phone-cancel-btn{background:transparent;border:1px solid var(--border-slate);padding:.35rem;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.phone-save-btn{color:var(--cert-active);background:var(--cert-active-bg);border-color:#bbf7d0}.phone-cancel-btn{color:var(--cert-expired);background:var(--cert-expired-bg);border-color:#fca5a5}.phone-error{color:var(--cert-expired);font-size:.75rem;margin-top:.2rem;display:block}.user-card-certs h4{margin:1rem 0 .5rem;font-size:.95rem;color:var(--text-main);border-bottom:1px solid var(--border-slate);padding-bottom:.35rem}.certs-grid{display:flex;flex-direction:column;gap:.75rem}.cert-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem;background:var(--bg-slate);border:1px solid var(--border-slate);border-radius:6px}.cert-info{display:flex;flex-direction:column}.cert-name{font-weight:600;font-size:.9rem}.cert-date{font-size:.75rem;color:var(--text-muted)}.cert-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700}.cert-active{background:var(--cert-active-bg);color:var(--cert-active)}.cert-warning{background:var(--cert-warning-bg);color:var(--cert-warning)}.cert-expired{background:var(--cert-expired-bg);color:var(--cert-expired)}.cert-none{background:#f1f5f9;color:#64748b}.badge-status-icon{font-size:.9rem}.dashboard-layout-container{display:flex;flex-direction:column;gap:1.5rem}.dashboard-top-section{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:1.5rem;align-items:start}.calendar-widget-container{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start}.disabled-calendar .fc-daygrid-body{pointer-events:none;opacity:.85}.disabled-calendar .fc-daygrid-day{cursor:not-allowed}.calendar-card-panel:not(.disabled-calendar) .fc-daygrid-day{cursor:pointer}.calendar-card-panel:not(.disabled-calendar) .fc-daygrid-day:hover{background:#f1f5f9;border-radius:4px}.calendar-card-panel .fc-daygrid-day.fc-day-selected{background:#f0fdf4}.fc-daygrid-day-custom{position:relative;width:100%;height:100%;min-height:48px;display:flex;flex-direction:column;justify-content:space-between;padding:4px}.fc-daygrid-day-dots{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:auto;padding-bottom:2px}.fc-dot-item{width:6px;height:6px;border-radius:50%;background-color:var(--primary);display:inline-block}.fc-dot-multiplier{display:inline-flex;align-items:center;gap:2px}.fc-dot-multiplier-text{font-size:.75rem;font-weight:700;color:var(--text-muted)}.selected-date-details-panel{display:flex;flex-direction:column;gap:1rem}.details-header{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border-slate);padding-bottom:.75rem}.details-header-icon{font-size:1.8rem;color:var(--primary)}.details-date-label{margin:.15rem 0 0;font-size:.85rem;color:var(--text-muted)}.details-contact-list{display:flex;flex-direction:column;gap:.75rem;padding:0;margin:0;list-style:none}.details-contact-card{border:1px solid var(--border-slate);background:var(--bg-slate);border-radius:6px;padding:.75rem}.contact-card-info{display:flex;flex-direction:column;gap:.25rem}.contact-card-info strong{font-size:.95rem;color:var(--text-main)}.contact-email,.contact-phone{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-muted)}.details-actions{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.add-registration-btn{width:100%;display:inline-flex;align-items:center;gap:.5rem;justify-content:center;margin-top:0}.registered-options{display:flex;flex-direction:column;gap:.75rem}.registered-badge{display:inline-flex;align-items:center;gap:.35rem;background:var(--cert-active-bg);color:var(--cert-active);padding:.5rem;border-radius:6px;font-weight:700;font-size:.9rem}.badge-check-icon{font-size:1.15rem}.registered-options .button-group{display:flex;gap:.5rem}.report-trigger-btn{flex:1;background:var(--primary);color:#fff;border:none;padding:.5rem;border-radius:6px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.report-trigger-btn:hover{background:var(--primary-hover)}.unregister-trigger-btn{background:var(--cert-expired-bg);color:var(--cert-expired);border:1px solid #fca5a5;padding:.5rem;border-radius:6px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.unregister-trigger-btn:hover{background:#fee2e2}.report-inline-form{margin-top:1rem;border-top:1px solid var(--border-slate);padding-top:1rem;display:flex;flex-direction:column;gap:.75rem}.report-inline-form h4{margin:0;font-size:.95rem;color:var(--text-main)}.checkbox-container{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;font-size:.9rem}.textarea-container{display:flex;flex-direction:column;gap:.25rem}.textarea-container label{font-size:.8rem;color:var(--text-muted)}.textarea-container textarea{padding:.5rem;border:1px solid var(--border-slate);border-radius:6px;outline:none;resize:vertical}.textarea-container textarea:focus{border-color:var(--primary)}.form-buttons{display:flex;gap:.5rem}.save-report-btn{background:var(--cert-active);color:#fff;border:none;padding:.45rem 1rem;border-radius:4px;font-weight:700}.cancel-report-btn{background:#f1f5f9;color:var(--text-muted);border:1px solid var(--border-slate);padding:.45rem 1rem;border-radius:4px;font-weight:700}.user-reports-section{margin-top:1.5rem}.user-reports-section h3{margin:0 0 1rem;font-size:1.2rem}.reports-flex-wrap{display:flex;flex-wrap:wrap;gap:1rem}.report-card{flex:1 1 calc(33.333% - 1rem);min-width:280px;border:1px solid var(--border-slate);border-radius:8px;padding:1rem;background:#fff;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:.75rem}.report-ok-card{border-left:5px solid var(--cert-active);background-color:#f0fdf4}.report-problem-card{border-left:5px solid var(--cert-expired);background-color:#fef2f2}.report-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed var(--border-slate);padding-bottom:.5rem}.report-date-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--text-muted);font-weight:600}.report-status-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:9999px}.status-ok{background:var(--cert-active-bg);color:var(--cert-active)}.status-problem{background:var(--cert-expired-bg);color:var(--cert-expired)}.report-ok-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem .5rem;color:#166534}.large-ok-icon{font-size:3rem;color:var(--cert-active);margin-bottom:.5rem}.report-ok-content p{margin:0;font-size:.9rem;font-weight:600}.report-problem-content p{margin:0;font-size:.9rem;color:#991b1b;line-height:1.45;white-space:pre-wrap}.admin-reports-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border-slate);padding-bottom:1rem;margin-bottom:1rem}.admin-reports-header h2{margin:0;font-size:1.35rem}.week-selector{display:inline-flex;align-items:center;gap:.75rem}.week-nav-btn{background:#fff;border:1px solid var(--border-slate);border-radius:6px;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center}.week-nav-btn:hover{background:var(--bg-slate)}.week-range-text{font-weight:700;font-size:.95rem;color:var(--text-main)}.weekly-schedule-grid{display:flex;flex-direction:column;gap:1.25rem}.weekly-day-row{border:1px solid var(--border-slate);border-radius:8px;padding:1rem;background:var(--bg-slate)}.weekly-day-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-slate);padding-bottom:.5rem;margin-bottom:.75rem}.weekly-day-name{font-weight:700;text-transform:capitalize;color:var(--text-main)}.weekly-day-badge{font-size:.75rem;background:#e2e8f0;color:var(--text-muted);padding:.15rem .5rem;border-radius:9999px;font-weight:700}.weekly-day-cards-wrapper{display:flex;flex-wrap:wrap;gap:1rem}.compact-card{flex:1 1 calc(50% - .5rem);min-width:260px}.reporter-name{font-size:.9rem;color:var(--text-main)}.reporter-contact-footer{border-top:1px solid var(--border-slate);padding-top:.5rem;margin-top:.5rem;display:flex;flex-direction:column;gap:.15rem}.reporter-contact-footer span{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.reporter-contact-footer span svg{font-size:.85rem}.compact-content{padding:.5rem 0!important}.compact-content .large-ok-icon{font-size:1.5rem;margin-bottom:.25rem}.compact-content p{font-size:.85rem}.weekly-no-reports{margin:0;font-size:.85rem;color:var(--text-muted);font-style:italic}.users-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border-slate);padding-bottom:1rem;margin-bottom:1rem}.header-title-container{display:flex;align-items:center;gap:.75rem}.users-header-icon{font-size:1.8rem;color:var(--primary)}.users-subtitle{margin:.15rem 0 0;font-size:.85rem;color:var(--text-muted)}.create-user-btn{margin-top:0;display:inline-flex;align-items:center;gap:.35rem;width:auto;padding:.5rem 1rem}.add-user-form{background:var(--bg-slate);border:1px solid var(--border-slate);border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.add-user-form h4{margin:0 0 1rem;font-size:1.05rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.8rem;font-weight:700;color:var(--text-muted)}.form-group input{padding:.5rem;border:1px solid var(--border-slate);border-radius:6px;outline:none}.form-group input:focus{border-color:var(--primary)}.checkbox-group{justify-content:center;padding-top:1rem}.form-actions{margin-top:1.25rem;display:flex;gap:.5rem}.save-user-btn{background:var(--primary);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-weight:700}.save-user-btn:hover{background:var(--primary-hover)}.cancel-btn{background:#fff;border:1px solid var(--border-slate);color:var(--text-muted);padding:.5rem 1.25rem;border-radius:6px;font-weight:700}.table-responsive-container{overflow-x:auto;border:1px solid var(--border-slate);border-radius:8px}.users-table{width:100%;border-collapse:collapse;text-align:left}.users-table th,.users-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-slate)}.users-table th{background:var(--bg-slate);color:var(--text-muted);font-weight:700;font-size:.8rem;text-transform:uppercase}.table-user-cell{display:flex;flex-direction:column}.user-table-name{font-size:.95rem;color:var(--text-main)}.user-table-email{font-size:.8rem;color:var(--text-muted)}.user-table-phone{font-size:.9rem}.toggle-switch{position:relative;display:inline-block;width:38px;height:20px;vertical-align:middle}.toggle-switch input{opacity:0;width:0;height:0}.slider-round{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#cbd5e1;transition:.2s;border-radius:20px}.slider-round:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.toggle-switch input:checked+.slider-round{background-color:var(--primary)}.toggle-switch input:checked+.slider-round:before{transform:translate(18px)}.toggle-label-text{margin-left:.5rem;font-size:.85rem;font-weight:700;color:var(--text-muted)}.cert-picker-cell input[type=date]{padding:.35rem;border:1px solid var(--border-slate);border-radius:4px;font-family:inherit;font-size:.85rem;outline:none;font-weight:600}.cert-date-input.status-none{background-color:#f1f5f9;border-color:#cbd5e1;color:#64748b}.cert-date-input.status-valid{background-color:var(--cert-active-bg);border-color:#bbf7d0;color:var(--cert-active)}.cert-date-input.status-expiring{background-color:var(--cert-warning-bg);border-color:#ffedd5;color:var(--cert-warning)}.cert-date-input.status-expired{background-color:var(--cert-expired-bg);border-color:#fca5a5;color:var(--cert-expired)}.delete-user-row-btn{background:transparent;border:none;color:#ef4444;padding:.35rem;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.delete-user-row-btn:hover{background:#fee2e2}.logout-top-btn{color:var(--text-muted);border-color:var(--border-slate)}.logout-top-btn:hover{color:var(--cert-expired);border-color:#fca5a5;background:#fef2f2}.brand-logo-container{display:flex;align-items:center;gap:.5rem}.logo-icon-wrapper{background:var(--primary);border-radius:6px;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center}.brand-logo-icon{font-size:1.5rem;color:#fff}.nav-item{text-decoration:none;font-weight:600}.nav-icon{font-size:1.25rem;margin-right:.75rem}.user-avatar{background:var(--bg-slate);border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.avatar-icon{font-size:1.25rem;color:var(--primary)}.sidebar-user{display:flex!important;align-items:center;gap:.75rem;padding:.65rem!important}.user-info-text{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.75rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem;border:1px solid var(--border-slate);background:#fff;border-radius:6px;font-weight:700;color:var(--text-muted)}.logout-button:hover{background:var(--bg-slate);color:var(--cert-expired);border-color:#fca5a5}.logout-icon{font-size:1.15rem}@media (max-width: 1100px){.calendar-widget-container{grid-template-columns:1fr}}@media (max-width: 900px){.dashboard-top-section{grid-template-columns:1fr}}