*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root,.App,body{min-height:100vh}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .5s ease-out}.scale-in{animation:scaleIn .4s ease-out}.landing-container:root,:root{--tile-w:168px;--tile-h:108px;--outer:5px;--gutter:24px;--row-vgap:24px;--row-pad:18px;--col-nudge:35px}.landing-container{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:0;position:relative}.landing-container .edge-logos,.landing-container .edge-logos-vertical{transition:opacity .7s cubic-bezier(.22,1,.36,1)}.landing-container .logo-item-edge{transition:opacity .8s cubic-bezier(.22,.72,.25,1),transform .9s cubic-bezier(.22,.72,.25,1);transition-delay:0ms;transition-delay:calc(55ms*var(--logo-i, 0));will-change:transform,opacity}.landing-container.logos-not-ready .edge-logos,.landing-container.logos-not-ready .edge-logos-vertical{opacity:0}.landing-container.logos-not-ready .edge-logos-top .logo-item-edge{opacity:0;transform:translateY(18vh) translateX(-3vw) scale(.96)}.landing-container.logos-not-ready .edge-logos-bottom .logo-item-edge{opacity:0;transform:translateY(-18vh) translateX(3vw) scale(.96)}.landing-container.logos-not-ready .edge-logos-left .logo-item-edge{opacity:0;transform:translateX(14vw) translateY(2vh) scale(.96)}.landing-container.logos-not-ready .edge-logos-right .logo-item-edge{opacity:0;transform:translateX(-14vw) translateY(-2vh) scale(.96)}.landing-container.logos-ready .edge-logos,.landing-container.logos-ready .edge-logos-vertical{opacity:1}.landing-container.logos-ready .logo-item-edge{opacity:1;transform:translate(0) scale(1)}.landing-content{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:1600px;padding-bottom:calc(var(--row-vgap) + var(--tile-h) + 12px);padding-top:calc(var(--row-vgap) + var(--tile-h) + 12px);position:relative;width:100%;z-index:1}.seta-logos-background{grid-gap:40px;bottom:0;display:grid;filter:blur(5px);gap:40px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));left:0;opacity:.2;padding:40px;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.seta-logo-item{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border-radius:12px;display:flex;justify-content:center;padding:15px}.seta-logo-item img{filter:brightness(1.2) contrast(1.1) blur(1px);height:auto;max-height:90px;max-width:130px;object-fit:contain;opacity:1;width:100%}.title-with-logo{align-items:center;display:flex;flex-direction:column;gap:12px}.mictseta-logo{height:auto;object-fit:contain;width:260px}.animated-logo{animation:gentleFloat 3s ease-in-out infinite}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:24px;box-shadow:0 10px 36px #00000040;color:#fff;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:1100px;padding:16px 72px;text-align:center;z-index:1}.landing-content,.logo-section{position:relative;z-index:2}.logo-title{color:#fff;font-size:40px;font-weight:800;letter-spacing:-.25px;margin-bottom:10px;text-shadow:0 2px 8px #00000059}.logo-subtitle{font-size:14px;font-weight:600;letter-spacing:.3px;opacity:.95}.edge-logos{align-items:center;display:flex;gap:0;justify-content:space-between;left:0;padding:0 var(--outer);position:absolute;right:0;z-index:0}.edge-logos-top{top:var(--row-vgap)}.edge-logos-bottom,.edge-logos-top{left:0;padding:0 var(--row-pad);right:0}.edge-logos-bottom{bottom:var(--row-vgap)}.edge-logos-vertical{align-items:center;bottom:calc(var(--row-vgap) + var(--tile-h) + var(--row-vgap) - var(--col-nudge));display:flex;flex-direction:column;gap:0;justify-content:space-evenly;padding:0 10px;position:absolute;top:calc(var(--row-vgap) + var(--tile-h) + var(--row-vgap) - var(--col-nudge));z-index:0}.edge-logos-left{left:var(--outer)}.edge-logos-right{right:var(--outer)}.logo-item-edge{align-items:center;background:#fff;border-radius:14px;box-shadow:0 4px 12px #0000001f;display:flex;height:108px;justify-content:center;padding:8px 10px;width:168px}.logo-item-edge img{display:block;filter:brightness(1.05) contrast(1.05);height:88px;object-fit:contain;width:140px}@media (max-width:1440px){.logo-section{padding:16px 56px}.logo-title{font-size:34px}.mictseta-logo{width:220px}}@media (max-width:1200px){.logo-section{padding:16px 44px}.logo-title{font-size:30px}.mictseta-logo{width:200px}}@media (max-width:1024px){.landing-container{padding:48px 56px}.landing-content{max-width:1180px}.edge-logos-bottom,.edge-logos-top{left:60px;right:60px}.mictseta-logo{width:200px}.logo-item-edge{height:88px;width:132px}.logo-item-edge img{height:72px;width:112px}}@media (max-width:640px){.landing-container{padding:36px 40px}.landing-content{max-width:680px}.edge-logos-bottom,.edge-logos-top{left:46px;right:46px}.mictseta-logo{width:180px}.logo-item-edge{height:72px;width:112px}.logo-item-edge img{height:54px;width:84px}.login-form.admin-register-layout{grid-template-columns:1fr}}.overlay-login-button{background:#ffffff38;border:1px solid #ffffff59;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:10px 24px;transition:all .2s ease}.overlay-login-button:hover{background:#ffffff47;transform:translateY(-1px)}.overlay-register-link{background:none;border:none;color:#fff;cursor:pointer;display:block;font-weight:600;margin-left:auto;margin-right:auto;margin-top:8px;opacity:.9;text-decoration:underline;width:-webkit-max-content;width:max-content}.overlay-register-link:hover{opacity:1}.login-register-link{background:none;border:none;color:#1e3a8a;cursor:pointer;display:block;font-weight:600;margin-left:auto;margin-right:auto;margin-top:10px;opacity:.9;text-decoration:none}.login-register-link:hover{opacity:1}.login-forgot-link{background:none;border:none;color:#1e3a8a;cursor:pointer;display:block;font-weight:600;margin-left:auto;margin-right:auto;margin-top:8px;opacity:.9;text-decoration:none}.login-forgot-link:hover{opacity:1}.login-button-corner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;position:absolute;right:30px;top:30px;transition:all .3s ease;z-index:10}.login-button-corner:hover{background:#ffffff40;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.login-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;max-width:450px;padding:40px;position:relative;width:90%}.login-card.register-card{max-width:800px;padding:24px;width:min(92vw,800px)}.close-modal{border-radius:50%;color:#666;font-size:28px;height:32px;right:15px;top:15px;transition:all .2s ease;width:32px}.close-modal:hover{background:#f0f0f0;color:#333}.login-title{color:#1e3a8a;font-size:28px;font-weight:600;margin-bottom:8px;text-align:center}.login-subtitle{color:#666;font-size:14px;margin-bottom:30px;text-align:center}.login-form{display:flex;flex-direction:column;gap:20px}.login-form.admin-register-layout{grid-gap:12px 16px;display:grid;gap:12px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.login-form.admin-register-layout .error-message,.login-form.admin-register-layout .form-group.full-row,.login-form.admin-register-layout .login-button{grid-column:1/-1}.login-form.admin-register-layout .login-button{justify-self:end;width:auto}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:8px;font-size:15px;outline:none;padding:12px 16px;transition:all .3s ease}.password-field-wrapper{align-items:center;display:flex;position:relative}.password-field-wrapper input{padding-right:44px;width:100%}.password-toggle{background:#0000;border:none;color:#475569;cursor:pointer;line-height:0;padding:6px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#1e3a8a}.login-button{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s ease}.login-button:hover{box-shadow:0 10px 25px #1e3a8a4d;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#fee;color:#c33}.error-message,.success-message{border-radius:8px;font-size:13px;margin-top:10px;padding:12px;text-align:center}.success-message{background:#eaffea;color:#1f7a1f}.fade-in{animation:fadeIn .8s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scale-in{animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.landing-container .edge-logos,.landing-container .edge-logos-vertical,.landing-container .logo-item-edge{transition:none}.landing-container.logos-not-ready .edge-logos,.landing-container.logos-not-ready .edge-logos-vertical,.landing-container.logos-not-ready .logo-item-edge{opacity:1;transform:none}}.department-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.department-card:hover{box-shadow:0 12px 24px #00000026}.card-icon{border-radius:12px;font-size:2rem;height:60px;width:60px}.card-title{color:#1a202c;font-size:1.5rem;margin-bottom:.5rem}.card-description{color:#718096;font-size:.95rem;margin-bottom:1rem}.card-arrow{bottom:1.5rem;color:#cbd5e0;font-size:1.5rem;right:1.5rem;transition:all .3s ease}.department-card:hover .card-arrow{color:#4a5568}.page-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:0;box-shadow:0 2px 8px #1e3a8a33;margin-bottom:0;min-height:70px;padding:0}.header-content{position:relative}.header-content,.header-content.has-back-button{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:auto 1fr auto;height:100%;max-width:100%;min-height:70px;padding:0 1.5rem}.header-content.has-back-button,.header-left{align-items:center}.header-left{display:flex;gap:.75rem;min-width:0}.header-content.no-back-button{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:1fr auto;height:100%;max-width:100%;min-height:70px;padding:0 1.5rem;position:relative}.header-text{left:50%;min-width:0;position:absolute;transform:translateX(-50%)}.header-text,.header-text-user-info{align-items:center;display:flex;white-space:nowrap}.header-text-user-info{gap:.5rem;margin-left:.75rem}.header-logo{height:50px;margin-left:-20px;margin-right:-10px;object-fit:contain}.page-title{color:#fff;font-size:1.125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis}.page-subtitle,.page-title{line-height:1.2;margin:0;white-space:nowrap}.page-subtitle{color:#ffffffe6;font-size:.6875rem}.header-right{flex-wrap:nowrap;gap:1.25rem;justify-content:flex-end;max-width:100%}.header-right,.user-info{align-items:center;display:flex;min-width:0;overflow:hidden;white-space:nowrap}.user-info{color:#fff;flex-shrink:1;gap:.75rem;order:1}.user-email{color:#fffffff2;font-size:.75rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-initials{align-items:center;background:#fff3;border:1px solid #ffffff59;border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;letter-spacing:.5px;-webkit-user-select:none;user-select:none;width:32px}.page-subtitle-right{color:#ffffffe6;flex-shrink:1;font-size:.6875rem;line-height:1.4;margin:0;max-width:500px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:.5rem;font-size:.875rem;font-weight:600;padding:.5rem 1.5rem;white-space:nowrap}.back-button:hover{border-color:#ffffff80;transform:translateY(-1px)}.logout-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:.5rem;flex-shrink:0;font-size:.875rem;margin-left:.5rem;min-width:84px;order:2;padding:.5rem 1.5rem;white-space:nowrap}.logout-button:hover{border-color:#ffffff80;transform:translateY(-1px)}@media (max-width:1024px){.header-logo{height:44px;margin-left:-12px;margin-right:-6px}.user-email{max-width:110px}}@media (max-width:768px){.header-content{grid-template-columns:auto 1fr}.header-text{position:static;transform:none}.header-right,.header-text{justify-content:flex-end}.user-email{display:none}}.dashboard-container{background:#f5f7fa;min-height:100vh}.dashboard-header{background:#fff;box-shadow:0 2px 10px #0000000d;padding:30px 40px}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.dashboard-title{color:#333;font-size:32px;font-weight:700;margin-bottom:5px}.dashboard-subtitle{color:#666;font-size:16px}.logout-button{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:8px;font-size:14px;font-weight:600;padding:10px 24px}.logout-button:hover{background:linear-gradient(135deg,#1e40af,#2563eb);box-shadow:0 5px 15px #1e3a8a4d;transform:translateY(-2px)}.dashboard-main{margin:0 auto;max-width:1200px;padding:60px 40px}.departments-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mne-departments-grid{column-gap:40px;grid-template-columns:repeat(2,420px);justify-content:center;justify-items:center;margin-top:55px;row-gap:40px}.department-card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;cursor:pointer;overflow:hidden;padding:40px 30px;position:relative;transition:all .3s ease}.mne-departments-grid .department-card{height:190px;padding:32px 24px;width:420px}.mne-departments-grid .card-icon{font-size:28px;height:56px;width:56px}.mne-departments-grid .card-title{font-size:1.25rem}.department-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.card-icon{align-items:center;border-radius:16px;display:flex;font-size:32px;height:70px;justify-content:center;margin-bottom:20px;width:70px}.card-title{color:#333;font-size:24px;font-weight:700;margin-bottom:10px}.card-description{color:#666;font-size:14px;line-height:1.6;margin-bottom:20px}.card-arrow{bottom:20px;color:#3b82f6;font-size:24px;position:absolute;right:30px;transition:transform .3s ease}.department-card:hover .card-arrow{transform:translateX(5px)}@media (max-width:1280px){.dashboard-main{padding:48px 32px}}@media (max-width:1024px){.dashboard-main{padding:40px 24px}}@media (max-width:768px){.dashboard-main{padding:32px 16px}.dashboard-page-title{font-size:1.5rem}}.dept-dashboard-container{background:#f5f7fa;min-height:100vh}.dept-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:.75rem 1.5rem;position:relative}.back-button{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8125rem;margin-bottom:.5rem;padding:.5rem 1rem;transition:all .3s ease}.back-button:hover{background:#ffffff4d;transform:translateX(-3px)}.logout-button{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8125rem;padding:.5rem 1rem;position:absolute;right:1.5rem;top:.75rem;transition:all .3s ease}.logout-button:hover{background:#ffffff4d}.dept-title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.dept-subtitle{font-size:.75rem;opacity:.9}.dept-main{margin:0 auto;max-width:1200px;padding:1.5rem}.lpd-main{display:block}.sections-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,minmax(0,1fr))}.section-card{background:#fff;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 2px 10px #00000014;cursor:pointer;min-height:180px;padding:2.5rem;position:relative;transition:all .3s ease}.lpd-sections-grid{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin:2.5rem auto 0;max-width:1200px}.lpd-sections-grid .section-card{align-items:center;display:flex;flex-direction:column;height:110px;justify-content:center;padding:1rem 1.1rem;text-align:center;width:245px}.lpd-sections-grid .section-title{font-size:1rem}.lpd-sections-grid .section-arrow{margin-top:.5rem;position:static}.section-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.section-title{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.section-description{color:#666;font-size:1rem;line-height:1.4}.section-arrow{bottom:1.5rem;color:#3b82f6;font-size:1.5rem;position:absolute;right:2rem;transition:transform .3s ease}.section-card:hover .section-arrow{transform:translateX(5px)}.loading{color:#666;font-size:1rem;padding:2rem;text-align:center}.section-header{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;display:flex;justify-content:space-between;padding:.75rem 1.5rem;position:relative}.section-header-left{align-items:center;display:flex;gap:1rem}.section-header-title{font-size:1.125rem;font-weight:600;margin:0}.section-header-subtitle{font-size:.75rem;margin:.125rem 0 0;opacity:.9}.section-nav{background:#fff;border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;padding:.5rem 1.5rem}.section-nav-tab{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease}.section-nav-tab:hover{background:#f3f4f6;color:#374151}.section-nav-tab.active{background:#3b82f6;color:#fff}.section-subnav{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;padding:.5rem 1.5rem}.section-subnav-tab{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.375rem 1rem;transition:all .2s ease}.section-subnav-tab:hover{border-color:#3b82f6;color:#3b82f6}.section-subnav-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.section-content{padding:1.5rem}.dashboard-page-title{color:#1f2937;font-size:1.75rem;font-weight:800;margin:0 0 1rem;text-align:center}.report-table-container{overflow-x:auto}.report-table-actions{align-items:center;display:flex;gap:12px;margin:6px 0 10px}.report-search input,.report-table-actions .pf-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;height:38px;max-width:360px;outline:none;padding:8px 12px;transition:border-color .12s ease,box-shadow .12s ease;width:100%}.report-search input::placeholder,.report-table-actions .pf-input::placeholder{color:#9ca3af}.report-search input:focus,.report-table-actions .pf-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.report-table{border-collapse:collapse;font-size:14px;width:100%}.report-table thead{background:#f5f7fa}.report-table th{border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:15px;text-align:left}.report-table td{border-bottom:1px solid #f0f0f0;color:#666;padding:15px}.report-table tbody tr{transition:background .2s ease}.report-table tbody tr:hover{background:#f9fafb}.status-badge{font-size:12px;font-weight:600;padding:5px 12px}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.in-progress{background:#fff3cd;color:#856404}.status-badge.pending{background:#cce5ff;color:#004085}.status-badge.rejected{background:#f8d7da;color:#721c24}.loading-bar{animation:loadingBarSlide 1.2s linear infinite;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);background-size:200% 100%;border-radius:2px;height:3px;margin:6px 0 10px;width:100%}@keyframes loadingBarSlide{0%{background-position:200% 0}to{background-position:-200% 0}}.period-filters{align-items:flex-end;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-wrap:wrap;gap:16px;margin:4px 0 8px;padding:4px 0}.pf-field{display:flex;flex:0 0 140px;flex-direction:column;gap:4px;margin-left:10px;min-width:120px}.pf-label{color:#475467;font-size:11px;font-weight:600}.pf-select{background:#fff;border:1px solid #d0d5dd;border-radius:6px;color:#111827;height:32px;padding:4px 8px;width:100%}.pf-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end;width:100%}.pf-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;height:32px;padding:0 10px}.pf-btn.pf-clear{background:#0000;border-color:#e5e7eb}.pf-fy-label{color:#475467;font-size:12px;white-space:nowrap}.section-view-container{background:#f5f7fa;min-height:100vh}.horizontal-tabs-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff0;border-bottom:1px solid #e8ebf080;display:flex;gap:.5rem;margin-bottom:.5rem;padding:0 1.25rem}.horizontal-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.horizontal-tab:hover{background:#f5f7fa80;color:#667eea}.horizontal-tab.active{background:#0000;border-bottom-color:#667eea;color:#667eea}.content-with-sidebar{display:flex;min-height:calc(100vh - 120px)}.vertical-sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px solid #ffffff4d;border-radius:0 16px 16px 0;box-shadow:0 4px 20px #00000014;display:flex;flex:0 0 200px;flex-direction:column;height:-webkit-fit-content;height:fit-content;margin:.25rem 0 .75rem 1rem;max-height:calc(100vh - 140px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:.5rem;width:200px}.sidebar-subtabs{flex:1 1;padding:1rem 0}.subtabs-label{color:#999;font-size:.625rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;padding:.5rem 1rem;text-transform:uppercase}.sidebar-subtab{background:#0000;border:none;border-left:3px solid #0000;color:#666;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.625rem 1rem;text-align:left;transition:all .2s ease;width:100%}.sidebar-subtab:hover{background:#f5f7fa99;color:#333}.sidebar-subtab.active{background:#f5f7facc;border-left-color:#667eea;color:#667eea;font-weight:600}.section-content{flex:1 1 auto;margin:0 auto;max-width:1400px;min-width:0;padding:1rem 1.25rem;width:100%}.section-dynamic-title{color:#1f2937;font-size:1.5rem;font-weight:800;margin:.25rem 0;text-align:center}.charts-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.chart-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:1.5rem}.chart-title{border-bottom:1px solid #f0f0f0;color:#333;font-size:.875rem;font-weight:600;margin-bottom:1rem;padding-bottom:.625rem}.reports-container{display:flex;flex-direction:column;gap:1.5rem}.report-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:1.5rem}.report-card h3{border-bottom:1px solid #f0f0f0;color:#333;font-size:.875rem;font-weight:600;margin-bottom:1rem;padding-bottom:.625rem}@media (max-width:768px){.horizontal-tabs-container{padding:0 1rem}.content-with-sidebar{flex-direction:column}.vertical-sidebar{border-radius:16px;height:auto;margin:1rem;position:relative;width:calc(100% - 2rem)}.charts-container{grid-template-columns:1fr}.section-content{padding:1rem}}.etqa-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:14px;outline:none;padding:8px 10px;transition:box-shadow .15s ease,border-color .15s ease}.etqa-select:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b26}.etqa-profile-select{border-color:#94a3b8;font-size:15px;font-weight:600;padding:10px 12px}label>.etqa-select{margin-left:8px}.report-table-scroll{overflow-x:auto;width:100%}.report-table-scroll>*{min-width:1000px}.system-admin-container{background:linear-gradient(135deg,#5c85905e,#84b7e134);min-height:100vh;padding:0}.system-admin-container .dashboard-page-title{color:#fff;font-size:1.75rem;font-weight:800;margin:.5rem 0 1rem}.dashboard-header-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.admin-action-bar{display:flex;justify-content:flex-start;padding:1rem 1.5rem}.add-user-button{background:#48bb78;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease;white-space:nowrap}.add-user-button:hover{background:#38a169;box-shadow:0 4px 8px #48bb784d;transform:translateY(-1px)}.loading-message{color:#fff;font-size:1.25rem;margin-top:3rem;text-align:center}.error-banner{background:#fed7d7;border-radius:6px;color:#c53030;font-size:.8125rem;font-weight:600;margin:0 1.5rem 1rem;padding:.75rem;text-align:center}.role-tabs{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#272b9db9;border:1px solid #fff0;border-radius:8px;justify-content:space-between;margin:0 1.5rem 1rem;padding:.5rem}.role-tabs,.role-tabs-center,.role-tabs-left,.role-tabs-right{display:flex;flex-wrap:wrap;gap:.5rem}.role-tabs-center{flex:1 1;justify-content:center}.tab-button{background:#07143f33;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.4rem .875rem;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#ffffffab}.tab-button.active{background:#fff;border-color:#fff;box-shadow:0 2px 6px #0000001f;color:#1e3a8a}.tab-button:disabled{cursor:not-allowed;opacity:.55}.users-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;margin:0 1.5rem 1.5rem;overflow-x:auto;padding:1rem}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#e2e8f0;border-bottom:2px solid #cbd5e1}.users-table th{color:#2d3748;font-size:.8125rem;font-weight:700;letter-spacing:.025em;padding:.625rem .75rem;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #f1f5f9;color:#4a5568;font-size:.875rem;padding:.625rem .75rem}.reset-attempts-cell{align-items:center;display:inline-flex;gap:8px}.reset-attempts-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.icon-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;justify-content:center;padding:4px}.icon-button:hover{background:#f1f5f9;color:#1e3a8a}.reset-attempts-edit{align-items:center;display:inline-flex;gap:8px}.reset-attempts-input{border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;padding:6px 8px;width:90px}.small-action-button{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:700;padding:.3rem .6rem;transition:all .2s ease}.small-action-button.cancel-small{background:#e2e8f0;color:#334155}.small-action-button.cancel-small:hover{background:#cbd5e1}.small-action-button.save-small{background:#3b82f6;color:#fff}.small-action-button.save-small:hover{background:#2563eb}.confirm-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:18px;width:min(92vw,420px)}.confirm-title{color:#0f172a;font-size:1.125rem;font-weight:800;margin:0 0 10px}.confirm-text{color:#475569;font-size:.875rem;line-height:1.4;margin:0 0 14px}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-cancel{background:#e2e8f0;border:none;border-radius:8px;color:#334155;cursor:pointer;font-weight:700;padding:.5rem .75rem}.confirm-cancel:hover{background:#cbd5e1}.confirm-ok{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem .75rem}.confirm-ok:hover{background:#2563eb}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background:#f8fafc}.pagination-bar{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.pagination-left,.pagination-right{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.pagination-button{background:#e2e8f0;border:none;border-radius:6px;color:#1f2937;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.375rem .875rem;transition:background .2s ease}.pagination-button:hover:not(:disabled){background:#cbd5e1}.pagination-button:disabled{cursor:not-allowed;opacity:.6}.pagination-info{color:#475569;font-size:.8125rem;font-weight:600}.pagination-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.8125rem;padding:.25rem .5rem}.role-badge{border-radius:12px;display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.025em;padding:.25rem .625rem;text-transform:uppercase}.role-etqa{background:#dbeafe;color:#1e40af}.role-lpd{background:#d1fae5;color:#065f46}.role-ssp{background:#fed7aa;color:#92400e}.role-super{background:#e9d5ff;color:#6b21a8}.role-system{background:#fce7f3;color:#9f1239}.status-badge{border-radius:12px;display:inline-block;font-size:.6875rem;font-weight:700;padding:.25rem .625rem;text-transform:capitalize}.status-active{background:#d1fae5;color:#065f46}.status-disabled{background:#fee2e2;color:#991b1b}.status-pending{background:#fef9c3;color:#854d0e}.action-button{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;padding:.375rem .875rem;transition:all .2s ease}.disable-button{background:#fecaca;color:#991b1b}.disable-button:hover{background:#fca5a5}.enable-button{background:#86efac;color:#14532d}.enable-button:hover{background:#6ee7b7}.approve-button{background:#bfdbfe;color:#1e3a8a}.approve-button:hover{background:#93c5fd}.no-users-message{color:#94a3b8;font-size:.875rem;padding:2rem;text-align:center}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;padding:1.5rem;position:relative;width:min(92vw,800px)}.close-modal{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;font-size:1.75rem;height:2rem;justify-content:center;line-height:1;padding:0;position:absolute;right:.75rem;top:.75rem;transition:color .2s ease;width:2rem}.close-modal:hover{background:#f1f5f9;color:#475569}.modal-content h2{color:#1a202c;font-size:1.375rem;font-weight:700;margin:0 0 1.25rem}.add-user-form{grid-gap:.75rem 1rem;display:grid;gap:.75rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.add-user-form .form-actions,.add-user-form.admin-register-layout .form-group.full-row{grid-column:1/-1}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{color:#334155;font-size:.8125rem;font-weight:600}.form-group input,.form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.9375rem;padding:.5rem .625rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.error-message{background:#fee2e2;border-radius:6px;color:#991b1b;font-size:.8125rem;font-weight:600;padding:.625rem .75rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.25rem}.cancel-button{background:#f1f5f9;border:none;border-radius:6px;color:#475569;cursor:pointer;flex:1 1;font-size:.9375rem;font-weight:600;padding:.625rem;transition:background .2s ease}.cancel-button:hover{background:#e2e8f0}.submit-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9375rem;font-weight:600;padding:.625rem;transition:background .2s ease}.submit-button:hover:not(:disabled){background:#2563eb}.submit-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.admin-action-bar{padding:.75rem}.role-tabs{margin:0 .75rem .75rem;padding:.375rem}.tab-button{font-size:.75rem;padding:.375rem .625rem}.users-table-container{margin:0 .75rem .75rem}.users-table{font-size:.8125rem}.users-table td,.users-table th{padding:.5rem .375rem}.error-banner{margin:0 .75rem .75rem}.add-user-form{grid-template-columns:1fr}}
/*# sourceMappingURL=main.714a1df6.css.map*/