@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-secondary:#6b7280;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--border-radius-sm:0.25rem;--border-radius:0.375rem;--border-radius-lg:0.5rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}body{color:var(--color-gray-900);background-color:var(--color-gray-50)}a{color:inherit;text-decoration:none}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;background-color:var(--color-white)}.loading-screen p{color:var(--color-gray-600);font-size:1rem}.unauthorized-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;text-align:center;background-color:var(--color-white)}.unauthorized-screen h1{color:var(--color-danger);font-size:2rem;font-weight:700}.unauthorized-screen p{color:var(--color-gray-600);font-size:1rem}.spinner{display:inline-block;position:relative}.spinner .spinner-inner{display:inline-block;width:100%;height:100%;border-radius:50%;border:2px solid var(--color-gray-200);border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius);border:1px solid transparent;font-weight:500;font-size:.875rem;line-height:1.25rem;cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-small{padding:.375rem .75rem;font-size:.75rem}.btn.btn-medium{padding:.5rem 1rem}.btn.btn-large{padding:.75rem 1.5rem;font-size:1rem}.btn.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn.btn-secondary{background-color:var(--color-gray-100);color:var(--color-gray-700)}.btn.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-200)}.btn.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn.btn-outline{background-color:transparent;border-color:var(--color-gray-300);color:var(--color-gray-700)}.btn.btn-outline:hover:not(:disabled){background-color:var(--color-gray-50)}.btn-loading-content{display:flex;align-items:center;gap:.5rem}.btn-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.input-group{display:flex;flex-direction:column;gap:.25rem}.input-label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.input-required{color:var(--color-danger);margin-left:.25rem}.input-wrapper{position:relative;display:flex;align-items:center}.input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem;background-color:var(--color-white);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input.input-error,.input.input-error:focus{border-color:var(--color-danger)}.input.input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.input.input-with-icon{padding-right:2.5rem}.input-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--color-gray-400);transition:color .15s ease-in-out}.input-icon:hover{color:var(--color-gray-600)}.input-error-message{font-size:.75rem;color:var(--color-danger)}.input-helper-text{font-size:.75rem;color:var(--color-gray-500)}.error-message{padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);color:var(--color-danger);font-size:.875rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);padding:1rem}.login-form{max-width:400px;width:100%;padding:2rem;background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg)}.login-form-header{text-align:center;margin-bottom:2rem}.login-form-header h1{font-size:1.875rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.5rem}.login-form-header p{color:var(--color-gray-600)}.login-form-body{display:flex;flex-direction:column;gap:1rem}.login-button{width:100%}.login-form-footer{text-align:center;margin-top:1.5rem}.login-form-footer p{color:var(--color-gray-600);font-size:.875rem}.login-form-footer .link{color:var(--color-primary);text-decoration:underline}.login-form-footer .link:hover{text-decoration:none}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-50) 0,var(--color-gray-100) 100%);padding:1rem}.auth-container{width:100%;max-width:500px}.auth-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:2.5rem;border:1px solid var(--color-gray-200)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.75rem}.auth-header p{color:var(--color-gray-600);font-size:1rem;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.auth-submit-button{width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.auth-footer{text-align:center;padding-top:1.5rem;border-top:1px solid var(--color-gray-200)}.auth-footer .link{color:var(--color-primary);font-weight:500;transition:color .15s ease-in-out}.auth-footer .link:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-actions{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.success-message{text-align:center;padding:2rem 1rem}.success-message .success-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.success-message .success-icon svg{width:4rem;height:4rem;color:var(--color-success);background-color:#dcfce7;padding:1rem;border-radius:50%}.success-message h2{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:1rem}.success-message p{color:var(--color-gray-600);margin-bottom:1rem;line-height:1.6}.success-message p strong{color:var(--color-gray-900);font-weight:600}.important-notice{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);padding:1.5rem;margin:1.5rem 0;text-align:left}.important-notice h3{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:.75rem}.important-notice ul{list-style:disc;padding-left:1.25rem}.important-notice ul li{color:var(--color-gray-700);margin-bottom:.5rem;line-height:1.5}.warning-notice{background-color:#fffbeb;border:1px solid #fed7aa;border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem}.warning-notice h3{font-size:1rem;font-weight:600;color:#92400e;margin-bottom:.75rem}.warning-notice p{color:#78350f;line-height:1.5}.reset-confirmation{display:flex;flex-direction:column;gap:2rem;text-align:center}.loading-container p{font-size:1rem}.dashboard-content,.dashboard-layout{min-height:100vh;background-color:var(--color-gray-50)}.dashboard-content{padding-top:4rem}.navbar{position:fixed;top:0;left:0;right:0;height:4rem;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;padding:0 1rem;z-index:50}.navbar-brand .brand-link{display:flex;align-items:center;gap:.5rem;color:var(--color-gray-900);font-weight:700;font-size:1.25rem}.navbar-menu{display:flex;align-items:center;justify-content:space-between;flex:1 1;margin-left:2rem}.navbar-nav{display:flex;gap:1rem}.nav-link{color:var(--color-gray-600);padding:.5rem 1rem;border-radius:var(--border-radius);transition:all .15s ease-in-out}.nav-link:hover{color:var(--color-gray-900);background-color:var(--color-gray-100)}.navbar-user{display:flex;align-items:center;gap:1rem}.user-info{display:flex;flex-direction:column;text-align:right}.user-info .user-name{font-weight:500;color:var(--color-gray-900);font-size:.875rem}.user-info .user-role{font-size:.75rem;color:var(--color-gray-500);text-transform:uppercase}.logout-button{padding:.5rem 1rem;background-color:var(--color-danger);color:var(--color-white);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:background-color .15s ease-in-out}.logout-button:hover{background-color:#dc2626}@media(max-width:768px){.navbar{padding:0 .5rem}.navbar-menu{margin-left:1rem}.navbar-nav{display:none}.login-form{margin:1rem;padding:1.5rem}.auth-card{padding:2rem;margin:.5rem}.auth-header h1{font-size:1.75rem}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-50) 0,var(--color-gray-100) 100%);padding:2rem 1rem}.not-found-container{width:100%;max-width:600px}.not-found-content{text-align:center;background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:3rem 2rem;border:1px solid var(--color-gray-200)}.not-found-illustration{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.not-found-illustration .error-code{font-size:8rem;font-weight:900;color:var(--color-gray-200);line-height:1;margin-bottom:-1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:768px){.not-found-illustration .error-code{font-size:6rem}}.not-found-illustration .error-icon{width:4rem;height:4rem;color:var(--color-gray-400)}.not-found-illustration .error-icon svg{width:100%;height:100%}.not-found-text{margin-bottom:2.5rem}.not-found-text h1{font-size:2.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:1rem}@media(max-width:768px){.not-found-text h1{font-size:2rem}}.not-found-text p{font-size:1.125rem;color:var(--color-gray-600);line-height:1.6;max-width:500px;margin:0 auto}.not-found-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2.5rem;flex-wrap:wrap}.not-found-actions .btn{min-width:140px}.not-found-help{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);padding:1.5rem;text-align:left;max-width:400px;margin:0 auto}.not-found-help h3{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:1rem;text-align:center}.not-found-help ul{list-style:none;padding:0}.not-found-help ul li{color:var(--color-gray-700);margin-bottom:.5rem;padding-left:1.25rem;position:relative;line-height:1.5}.not-found-help ul li:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:0}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-50) 0,var(--color-gray-100) 100%);padding:2rem 1rem}.error-page .error-container{width:100%;max-width:600px;text-align:center;background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:3rem 2rem;border:1px solid var(--color-gray-200)}.error-page .error-container .error-icon{width:5rem;height:5rem;margin:0 auto 2rem;color:var(--color-danger)}.error-page .error-container .error-icon.warning{color:var(--color-warning)}.error-page .error-container .error-icon.info{color:var(--color-primary)}.error-page .error-container h1{font-size:2rem;font-weight:700;color:var(--color-gray-900);margin-bottom:1rem}.error-page .error-container p{font-size:1.125rem;color:var(--color-gray-600);line-height:1.6;margin-bottom:2rem}.error-page .error-container .error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.not-found-content{padding:2rem 1.5rem}.not-found-actions{flex-direction:column;align-items:center}.not-found-actions .btn{width:100%;max-width:250px}.not-found-help{text-align:center}.not-found-help ul{text-align:left}}.branches-page{padding:2rem;max-width:1200px;margin:0 auto}.branch-list{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden}.branch-list-header{padding:1.5rem;border-bottom:1px solid var(--color-gray-200)}.branch-list-header h2{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:1rem}.branch-list-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.branch-list-controls .search-input{min-width:250px;flex:1 1}.branch-list-controls .checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-gray-700);cursor:pointer}.branch-list-controls .checkbox-label input[type=checkbox]{cursor:pointer}.branch-table table{width:100%;border-collapse:collapse}.branch-table table td,.branch-table table th{padding:1rem;text-align:left;border-bottom:1px solid var(--color-gray-200)}.branch-table table th{background-color:var(--color-gray-50);font-weight:600;color:var(--color-gray-700);font-size:.875rem}.branch-table table td{color:var(--color-gray-900);font-size:.875rem}.branch-table table tr:hover{background-color:var(--color-gray-50)}.branch-table table .deleted-row{opacity:.6;background-color:#fef2f2}.branch-table table .deleted-row:hover{background-color:#fecaca}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-gray-200)}.modal-header h2{font-size:1.25rem;font-weight:700;color:var(--color-gray-900)}.modal-close{background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:all .15s ease-in-out}.modal-close:hover{color:var(--color-gray-600);background-color:var(--color-gray-100)}.modal-body{padding:1.5rem}.branch-form .form-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.branch-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}.branch-details .detail-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.branch-details .detail-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.branch-details .detail-group span{color:var(--color-gray-900)}.branch-details .detail-group span small{color:var(--color-gray-500);font-size:.75rem}@media(max-width:768px){.branches-page{padding:1rem}.branch-list-controls{flex-direction:column;align-items:stretch;gap:.75rem}.branch-list-controls .search-input{min-width:auto}.branch-table{overflow-x:auto}.branch-table table{min-width:600px}.actions-cell{flex-direction:column;gap:.25rem}.pagination{flex-direction:column;gap:1rem}.modal-content{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.modal-content.modal-small{max-width:400px;width:100%}.modal-content.modal-medium{max-width:500px;width:100%}.modal-content.modal-large{max-width:800px;width:100%}.modal-content.modal-extra-large{max-width:1200px;width:100%}.modal-body,.modal-header{padding:1rem}}.groups-page{padding:2rem;max-width:1400px;margin:0 auto}.group-list{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden}.group-list-header{padding:1.5rem;border-bottom:1px solid var(--color-gray-200)}.group-list-header h2{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:1rem}.group-list-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.group-list-controls .search-input{min-width:250px;flex:1 1}.group-list-controls .branch-filter{padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem;background-color:var(--color-white);min-width:200px}.group-list-controls .branch-filter:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.group-list-controls .checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-gray-700);cursor:pointer;white-space:nowrap}.group-list-controls .checkbox-label input[type=checkbox]{cursor:pointer}.group-table{overflow-x:auto}.group-table table{width:100%;border-collapse:collapse}.group-table table td,.group-table table th{padding:1rem;text-align:left;border-bottom:1px solid var(--color-gray-200)}.group-table table th{background-color:var(--color-gray-50);font-weight:600;color:var(--color-gray-700);font-size:.875rem;white-space:nowrap}.group-table table td{color:var(--color-gray-900);font-size:.875rem}.group-table table td:nth-child(2){max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-table table tr:hover{background-color:var(--color-gray-50)}.group-table table .deleted-row{opacity:.6;background-color:#fef2f2}.group-table table .deleted-row:hover{background-color:#fecaca}.group-form .form-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.group-form .form-fields .textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.group-form .form-fields select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%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 .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.group-form .form-fields select.input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.group-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}.group-details .detail-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.group-details .detail-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.group-details .detail-group span{color:var(--color-gray-900)}.group-details .detail-group span small{color:var(--color-gray-500);font-size:.75rem}@media(max-width:1024px){.groups-page{padding:1rem}.group-list-controls{flex-direction:column;align-items:stretch;gap:.75rem}.group-list-controls .branch-filter,.group-list-controls .search-input{min-width:auto}}@media(max-width:768px){.group-table table{min-width:800px}.actions-cell{flex-direction:column;gap:.25rem}.actions-cell .btn{width:100%;justify-content:center}.pagination{flex-direction:column;gap:1rem}.group-form .form-actions{flex-direction:column-reverse}.group-form .form-actions .btn{width:100%}}@media(max-width:640px){.group-list-header{padding:1rem}.group-list-header h2{font-size:1.25rem}.group-table table td,.group-table table th{padding:.75rem .5rem;font-size:.8rem}}.teams-page{padding:2rem;max-width:1400px;margin:0 auto}.team-list{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden}.team-list-header{padding:1.5rem;border-bottom:1px solid var(--color-gray-200)}.team-list-header h2{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:1rem}.team-list-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.team-list-controls .search-input{min-width:250px;flex:1 1}.team-list-controls .branch-filter{padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem;background-color:var(--color-white);min-width:200px}.team-list-controls .branch-filter:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.team-list-controls .checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-gray-700);cursor:pointer;white-space:nowrap}.team-list-controls .checkbox-label input[type=checkbox]{cursor:pointer}.team-table{overflow-x:auto}.team-table table{width:100%;border-collapse:collapse}.team-table table td,.team-table table th{padding:1rem;text-align:left;border-bottom:1px solid var(--color-gray-200)}.team-table table th{background-color:var(--color-gray-50);font-weight:600;color:var(--color-gray-700);font-size:.875rem;white-space:nowrap}.team-table table td{color:var(--color-gray-900);font-size:.875rem}.team-table table td:nth-child(2){max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-table table tr:hover{background-color:var(--color-gray-50)}.team-table table .deleted-row{opacity:.6;background-color:#fef2f2}.team-table table .deleted-row:hover{background-color:#fecaca}.team-form .form-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.team-form .form-fields .textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.team-form .form-fields select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%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 .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.team-form .form-fields select.input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.team-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}.team-details .detail-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.team-details .detail-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.team-details .detail-group span{color:var(--color-gray-900)}.team-details .detail-group span small{color:var(--color-gray-500);font-size:.75rem}@media(max-width:1024px){.teams-page{padding:1rem}.team-list-controls{flex-direction:column;align-items:stretch;gap:.75rem}.team-list-controls .branch-filter,.team-list-controls .search-input{min-width:auto}}@media(max-width:768px){.team-table table{min-width:800px}.actions-cell{flex-direction:column;gap:.25rem}.actions-cell .btn{width:100%;justify-content:center}.pagination{flex-direction:column;gap:1rem}.team-form .form-actions{flex-direction:column-reverse}.team-form .form-actions .btn{width:100%}}@media(max-width:640px){.team-list-header{padding:1rem}.team-list-header h2{font-size:1.25rem}.team-table table td,.team-table table th{padding:.75rem .5rem;font-size:.8rem}}.members-page{padding:2rem;max-width:1200px;margin:0 auto}.member-list{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden}.member-list-header{padding:1.5rem;border-bottom:1px solid var(--color-gray-200)}.member-list-header h2{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:1rem}.member-list-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.member-list-controls .search-input{min-width:250px;flex:1 1}.member-list-controls .filter-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.member-list-controls .filter-controls .filter-select{min-width:120px;padding:.5rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem}.member-list-controls .filter-controls .filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.member-list-controls .filter-controls .filter-select:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.member-list-controls .filter-controls .checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-gray-700);cursor:pointer}.member-list-controls .filter-controls .checkbox-label input[type=checkbox]{cursor:pointer}.member-list-controls .action-controls{display:flex;align-items:center;gap:1rem}.member-list-controls .action-controls .export-buttons{display:flex;gap:.5rem}.member-table table{width:100%;border-collapse:collapse}.member-table table td,.member-table table th{padding:1rem;text-align:left;border-bottom:1px solid var(--color-gray-200)}.member-table table th{background-color:var(--color-gray-50);font-weight:600;color:var(--color-gray-700);font-size:.875rem}.member-table table td{color:var(--color-gray-900);font-size:.875rem}.member-table table td a{color:var(--color-primary);text-decoration:none}.member-table table td a:hover{text-decoration:underline}.member-table table tr:hover{background-color:var(--color-gray-50)}.member-table table .deleted-row{opacity:.6;background-color:#fef2f2}.member-table table .deleted-row:hover{background-color:#fecaca}.status-badge.inactive{background-color:#fef3c7;color:#92400e}.member-form .form-fields{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.member-form .form-section h3{font-size:1.1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-gray-200)}.member-form .form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media(max-width:768px){.member-form .form-row{grid-template-columns:1fr}}.member-form .form-group{display:flex;flex-direction:column;gap:.25rem}.member-form .form-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.member-form .form-group input,.member-form .form-group select,.member-form .form-group textarea{padding:.75rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem}.member-form .form-group input:focus,.member-form .form-group select:focus,.member-form .form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.member-form .form-group input.error,.member-form .form-group select.error,.member-form .form-group textarea.error{border-color:var(--color-red-500)}.member-form .form-group input:disabled,.member-form .form-group select:disabled,.member-form .form-group textarea:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.member-form .form-group textarea{resize:vertical;min-height:80px}.member-form .form-group .error-message{font-size:.75rem;color:var(--color-red-500)}.member-form .form-group .age-display{font-size:.75rem;color:var(--color-gray-500)}.member-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}.member-details .detail-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.member-details .detail-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.member-details .detail-group span{color:var(--color-gray-900)}.member-details .detail-group span a{color:var(--color-primary);text-decoration:none}.member-details .detail-group span a:hover{text-decoration:underline}.member-details .detail-group span small{color:var(--color-gray-500);font-size:.75rem}.member-details .detail-group span.deleted-text{color:var(--color-red-500);font-weight:500}@media(max-width:768px){.members-page{padding:1rem}.member-list-controls{flex-direction:column;align-items:stretch;gap:.75rem}.member-list-controls .search-input{min-width:auto}.member-list-controls .filter-controls{justify-content:stretch}.member-list-controls .filter-controls .filter-select{flex:1 1;min-width:auto}.member-list-controls .action-controls{justify-content:space-between}.member-list-controls .action-controls .export-buttons{flex:1 1}.member-table{overflow-x:auto}.member-table table{min-width:800px}.actions-cell{flex-direction:column;gap:.25rem}.pagination{flex-direction:column;gap:1rem}}.events-page{padding:2rem;max-width:1400px;margin:0 auto}.event-list{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden}.event-list-header{padding:1.5rem;border-bottom:1px solid var(--color-gray-200)}.event-list-header h2{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:1rem}.event-list-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.event-list-controls .search-input{min-width:250px;flex:1 1}.event-list-controls .filter-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.event-list-controls .filter-controls .filter-select{min-width:120px;padding:.5rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem}.event-list-controls .filter-controls .filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.event-list-controls .filter-controls .filter-select:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.event-list-controls .filter-controls .checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-gray-700);cursor:pointer}.event-list-controls .filter-controls .checkbox-label input[type=checkbox]{cursor:pointer}.event-list-controls .action-controls{display:flex;align-items:center;gap:1rem}.event-table table{width:100%;border-collapse:collapse}.event-table table td,.event-table table th{padding:1rem;text-align:left;border-bottom:1px solid var(--color-gray-200)}.event-table table th{background-color:var(--color-gray-50);font-weight:600;color:var(--color-gray-700);font-size:.875rem}.event-table table td{color:var(--color-gray-900);font-size:.875rem}.event-table table td small{color:var(--color-gray-500);font-size:.75rem}.event-table table tr:hover{background-color:var(--color-gray-50)}.event-table table .deleted-row{opacity:.6;background-color:#fef2f2}.event-table table .deleted-row:hover{background-color:#fecaca}.qr-status{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.qr-status.active{background-color:#d1fae5;color:#065f46}.qr-status.expired{background-color:#fef3c7;color:#92400e}.qr-status.none{background-color:#f3f4f6;color:#6b7280}.status-badge.upcoming{background-color:#dbeafe;color:#1e40af}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.completed{background-color:#f3f4f6;color:#6b7280}.status-badge.cancelled,.status-badge.deleted{background-color:#fee2e2;color:#991b1b}.event-form .form-fields{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.event-form .form-section h3{font-size:1.1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-gray-200)}.event-form .form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media(max-width:768px){.event-form .form-row{grid-template-columns:1fr}}.event-form .form-group{display:flex;flex-direction:column;gap:.25rem}.event-form .form-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.event-form .form-group input,.event-form .form-group select,.event-form .form-group textarea{padding:.75rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem}.event-form .form-group input:focus,.event-form .form-group select:focus,.event-form .form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.event-form .form-group input.error,.event-form .form-group select.error,.event-form .form-group textarea.error{border-color:var(--color-red-500)}.event-form .form-group input:disabled,.event-form .form-group select:disabled,.event-form .form-group textarea:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.event-form .form-group textarea{resize:vertical;min-height:80px}.event-form .form-group .error-message{font-size:.75rem;color:var(--color-red-500)}.event-form .form-group .info-message{font-size:.75rem;color:var(--color-blue-500)}.event-form .checkbox-group{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius)}.event-form .checkbox-group .checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-gray-700);cursor:pointer}.event-form .checkbox-group .checkbox-label input[type=checkbox]{cursor:pointer}.event-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}.event-details .detail-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.event-details .detail-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.event-details .detail-group span{color:var(--color-gray-900)}.event-details .detail-group span small{color:var(--color-gray-500);font-size:.75rem}.event-details .detail-group span.deleted-text{color:var(--color-red-500);font-weight:500}.qr-code-display .qr-generation{text-align:center}.qr-code-display .qr-generation .event-info{margin-bottom:2rem;padding:1rem;background-color:var(--color-gray-50);border-radius:var(--border-radius)}.qr-code-display .qr-generation .event-info h3{margin-bottom:.5rem;color:var(--color-gray-900)}.qr-code-display .qr-generation .event-info p{margin:.25rem 0;color:var(--color-gray-600);font-size:.875rem}.qr-code-display .qr-generation .duration-selection{margin-bottom:2rem}.qr-code-display .qr-generation .duration-selection label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-gray-700)}.qr-code-display .qr-generation .duration-selection select{padding:.5rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem}.qr-code-display .qr-display{text-align:center}.qr-code-display .qr-display .qr-header{margin-bottom:1.5rem}.qr-code-display .qr-display .qr-header h3{margin-bottom:.5rem;color:var(--color-gray-900)}.qr-code-display .qr-display .qr-header .qr-status{font-size:.875rem;font-weight:500}.qr-code-display .qr-display .qr-header .qr-status.active{color:var(--color-green-600)}.qr-code-display .qr-display .qr-header .qr-status.expired{color:var(--color-red-600)}.qr-code-display .qr-display .qr-image-container{margin:2rem 0;display:flex;justify-content:center}.qr-code-display .qr-display .qr-image-container .qr-image{max-width:300px;max-height:300px;border:1px solid var(--color-gray-200);border-radius:var(--border-radius)}.qr-code-display .qr-display .qr-info{margin-bottom:2rem;text-align:left}.qr-code-display .qr-display .qr-info p{margin:.5rem 0;font-size:.875rem;color:var(--color-gray-600)}.qr-code-display .qr-display .qr-info code{font-size:.75rem;background-color:var(--color-gray-100);padding:.25rem .5rem;border-radius:var(--border-radius);word-break:break-all}.qr-code-display .qr-display .qr-actions{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.qr-code-display .modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}.qr-scan-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-50);padding:1rem}.scan-container{background-color:var(--color-white);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:100%}.scan-header{text-align:center;margin-bottom:2rem}.scan-header h1{font-size:2rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.5rem}.scan-header p{color:var(--color-gray-600)}.scan-form .scan-submit{width:100%;margin-top:1rem}.scan-result{text-align:center}.scan-result .result-message{padding:2rem;border-radius:var(--border-radius);margin-bottom:2rem}.scan-result .result-message.success{background-color:#f0fdf4;border:1px solid #bbf7d0}.scan-result .result-message.error{background-color:#fef2f2;border:1px solid #fecaca}.scan-result .result-message .result-icon{font-size:3rem;margin-bottom:1rem}.scan-result .result-message .result-text h3{font-size:1.5rem;margin-bottom:.5rem}.success .scan-result .result-message .result-text h3{color:var(--color-green-700)}.error .scan-result .result-message .result-text h3{color:var(--color-red-700)}.scan-result .result-message .result-text p{color:var(--color-gray-600);margin-bottom:1rem}.scan-result .result-message .result-text .member-info{background-color:hsla(0,0%,100%,.8);padding:1rem;border-radius:var(--border-radius);margin-top:1rem}.scan-result .result-message .result-text .member-info p{margin:.25rem 0;font-size:.875rem}.scan-result .try-again-btn{width:100%}.scan-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-gray-200);text-align:center}.scan-footer p{font-size:.875rem;color:var(--color-gray-500)}@media(max-width:768px){.events-page{padding:1rem}.event-list-controls{flex-direction:column;align-items:stretch;gap:.75rem}.event-list-controls .search-input{min-width:auto}.event-list-controls .filter-controls{justify-content:stretch;flex-wrap:wrap}.event-list-controls .filter-controls .filter-select{flex:1 1;min-width:auto}.event-list-controls .action-controls{justify-content:stretch}.event-table{overflow-x:auto}.event-table table{min-width:1000px}.actions-cell{flex-direction:column;gap:.25rem}.pagination{flex-direction:column;gap:1rem}}.attendance-page{padding:2rem;max-width:1400px;margin:0 auto}.attendance-list{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden}.attendance-list-header{padding:1.5rem;border-bottom:1px solid var(--color-gray-200)}.attendance-list-header h2{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:1rem}.attendance-list-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.attendance-list-controls .search-input{min-width:250px;flex:1 1}.attendance-list-controls .filter-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.attendance-list-controls .filter-controls .filter-select{min-width:120px;padding:.5rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem}.attendance-list-controls .filter-controls .filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.attendance-list-controls .filter-controls .filter-select:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.attendance-list-controls .action-controls{display:flex;align-items:center;gap:1rem}.attendance-table table{width:100%;border-collapse:collapse}.attendance-table table td,.attendance-table table th{padding:1rem;text-align:left;border-bottom:1px solid var(--color-gray-200)}.attendance-table table th{background-color:var(--color-gray-50);font-weight:600;color:var(--color-gray-700);font-size:.875rem}.attendance-table table td{color:var(--color-gray-900);font-size:.875rem}.attendance-table table td small{color:var(--color-gray-500);font-size:.75rem}.attendance-table table tr:hover{background-color:var(--color-gray-50)}.method-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.method-badge.qr_scan{background-color:#e0f2fe;color:#0277bd}.method-badge.manual{background-color:#f3e5f5;color:#7b1fa2}.self-service{font-style:italic;color:var(--color-gray-500);font-size:.75rem}.attendance-form .form-fields{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.attendance-form .form-group{display:flex;flex-direction:column;gap:.25rem}.attendance-form .form-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.attendance-form .form-group select{padding:.75rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem}.attendance-form .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.attendance-form .form-group select.error{border-color:var(--color-red-500)}.attendance-form .form-group select:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.attendance-form .form-group .error-message{font-size:.75rem;color:var(--color-red-500)}.attendance-form .form-group .info-message{font-size:.75rem;color:var(--color-blue-500)}.attendance-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}.attendance-details .detail-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.attendance-details .detail-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.attendance-details .detail-group span{color:var(--color-gray-900)}.attendance-details .detail-group span small{color:var(--color-gray-500);font-size:.75rem}.attendance-details .detail-group span.self-service{font-style:italic;color:var(--color-gray-500)}@media(max-width:768px){.attendance-page{padding:1rem}.attendance-list-controls{flex-direction:column;align-items:stretch;gap:.75rem}.attendance-list-controls .search-input{min-width:auto}.attendance-list-controls .filter-controls{justify-content:stretch;flex-wrap:wrap}.attendance-list-controls .filter-controls .filter-select{flex:1 1;min-width:auto}.attendance-list-controls .action-controls{justify-content:stretch}.attendance-table{overflow-x:auto}.attendance-table table{min-width:1200px}.actions-cell{flex-direction:column;gap:.25rem}.pagination{flex-direction:column;gap:1rem}}.audit-logs-page{padding:2rem;max-width:1400px;margin:0 auto}.audit-logs-page .access-denied{text-align:center;padding:3rem;background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow)}.audit-logs-page .access-denied h2{color:var(--color-red-600);margin-bottom:1rem}.audit-logs-page .access-denied p{color:var(--color-gray-600)}.audit-log-list{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden}.audit-log-list-header{padding:1.5rem;border-bottom:1px solid var(--color-gray-200)}.audit-log-list-header h2{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:1rem}.audit-log-list-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.audit-log-list-controls .search-input{min-width:250px;flex:1 1}.audit-log-list-controls .filter-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.audit-log-list-controls .filter-controls .filter-select{min-width:120px;padding:.5rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem}.audit-log-list-controls .filter-controls .filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.audit-log-list-controls .filter-controls .filter-select:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.audit-log-list-controls .action-controls{display:flex;align-items:center;gap:1rem}.audit-log-table table{width:100%;border-collapse:collapse}.audit-log-table table td,.audit-log-table table th{padding:1rem;text-align:left;border-bottom:1px solid var(--color-gray-200)}.audit-log-table table th{background-color:var(--color-gray-50);font-weight:600;color:var(--color-gray-700);font-size:.875rem}.audit-log-table table td{color:var(--color-gray-900);font-size:.875rem}.audit-log-table table td small{color:var(--color-gray-500);font-size:.75rem}.audit-log-table table tr:hover{background-color:var(--color-gray-50)}.action-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.action-badge.action-create{background-color:#d1fae5;color:#065f46}.action-badge.action-update{background-color:#dbeafe;color:#1e40af}.action-badge.action-delete,.action-badge.action-permanent-delete,.action-badge.action-soft-delete{background-color:#fee2e2;color:#991b1b}.action-badge.action-restore{background-color:#ecfdf5;color:#047857}.action-badge.action-activity,.action-badge.action-attendance-mark,.action-badge.action-qr-generate{background-color:#fef3c7;color:#92400e}.action-badge.action-auth,.action-badge.action-login,.action-badge.action-logout{background-color:#e0e7ff;color:#3730a3}.action-badge.action-default{background-color:#f3f4f6;color:#6b7280}.role-badge{padding:.25rem .5rem;border-radius:var(--border-radius)}.role-badge.super-admin{background-color:#7c3aed;color:#fff}.role-badge.admin{background-color:#2563eb;color:#fff}.role-badge.moderator{background-color:#059669;color:#fff}.audit-log-details .detail-section{margin-bottom:2rem}.audit-log-details .detail-section h3{font-size:1.1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-gray-200)}.audit-log-details .detail-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.audit-log-details .detail-group.full-width{grid-column:1/-1}.audit-log-details .detail-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.audit-log-details .detail-group span{color:var(--color-gray-900)}.audit-log-details .detail-group span.system-actor{font-style:italic;color:var(--color-gray-500)}.audit-log-details .detail-group .actor-info strong{color:var(--color-gray-900)}.audit-log-details .detail-group .actor-info small{color:var(--color-gray-500);font-size:.75rem}.audit-log-details .detail-group .entity-id{font-family:monospace;background-color:var(--color-gray-100);padding:.25rem .5rem;border-radius:var(--border-radius);font-size:.75rem}.audit-log-details .detail-group .user-agent{font-size:.75rem;color:var(--color-gray-600);word-break:break-all}.audit-log-details .diff-container{margin-top:.5rem;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);overflow:hidden}.audit-log-details .diff-container .diff-content{padding:1rem;margin:0;background-color:transparent;border:none;font-size:.75rem;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.audit-log-stats .stats-filters{margin-bottom:2rem}.audit-log-stats .stats-filters h3{margin-bottom:1rem;color:var(--color-gray-900)}.audit-log-stats .stats-filters .date-filters{display:flex;gap:1rem;max-width:400px}@media(max-width:768px){.audit-log-stats .stats-filters .date-filters{flex-direction:column}}.audit-log-stats .stats-overview{margin-bottom:2rem}.audit-log-stats .stats-overview .stats-card{background-color:var(--color-primary);color:#fff;padding:2rem;border-radius:var(--border-radius-lg);text-align:center}.audit-log-stats .stats-overview .stats-card h3{margin-bottom:.5rem;font-size:1rem;opacity:.9}.audit-log-stats .stats-overview .stats-card .stat-number{font-size:2.5rem;font-weight:700}.audit-log-stats .stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:2rem}@media(max-width:768px){.audit-log-stats .stats-grid{grid-template-columns:1fr}}.audit-log-stats .stats-section{background-color:var(--color-gray-50);padding:1.5rem;border-radius:var(--border-radius);margin-bottom:2rem}.audit-log-stats .stats-section h3{margin-bottom:1rem;color:var(--color-gray-900);font-size:1.1rem}.audit-log-stats .breakdown-list{display:flex;flex-direction:column;gap:.75rem}.audit-log-stats .breakdown-list .breakdown-item{display:flex;align-items:center;gap:1rem}.audit-log-stats .breakdown-list .breakdown-item .breakdown-label{min-width:120px;font-size:.875rem;color:var(--color-gray-700)}.audit-log-stats .breakdown-list .breakdown-item .breakdown-bar{flex:1 1;position:relative;height:1.5rem;background-color:var(--color-gray-200);border-radius:var(--border-radius);overflow:hidden}.audit-log-stats .breakdown-list .breakdown-item .breakdown-bar .breakdown-fill{height:100%;background-color:var(--color-primary);transition:width .3s ease}.audit-log-stats .breakdown-list .breakdown-item .breakdown-bar .breakdown-count{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:500;color:var(--color-gray-700)}.audit-log-stats .top-users-list{display:flex;flex-direction:column;gap:1rem}.audit-log-stats .top-users-list .top-user-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-white);border-radius:var(--border-radius);border:1px solid var(--color-gray-200)}.audit-log-stats .top-users-list .top-user-item .user-info strong{color:var(--color-gray-900)}.audit-log-stats .top-users-list .top-user-item .user-info small{color:var(--color-gray-500);font-size:.75rem}.audit-log-stats .top-users-list .top-user-item .user-info .user-role{font-size:.75rem;color:var(--color-primary);font-weight:500}.audit-log-stats .top-users-list .top-user-item .user-activity{text-align:right}.audit-log-stats .top-users-list .top-user-item .user-activity .activity-count{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.audit-log-stats .top-users-list .top-user-item .user-activity small{color:var(--color-gray-500);font-size:.75rem}.audit-log-stats .daily-activity .activity-chart{display:flex;align-items:flex-end;gap:.25rem;height:120px;padding:1rem;background-color:var(--color-white);border-radius:var(--border-radius);border:1px solid var(--color-gray-200)}.audit-log-stats .daily-activity .activity-chart .activity-bar-container{display:flex;flex-direction:column;align-items:center;flex:1 1;min-width:8px}.audit-log-stats .daily-activity .activity-chart .activity-bar-container .activity-bar{width:100%;min-height:2px;background-color:var(--color-primary);border-radius:1px;transition:height .3s ease;cursor:pointer}.audit-log-stats .daily-activity .activity-chart .activity-bar-container .activity-bar:hover{opacity:.8}.audit-log-stats .daily-activity .activity-chart .activity-bar-container .activity-date{margin-top:.25rem;font-size:.625rem;color:var(--color-gray-500)}.audit-log-stats .recent-activity-list{display:flex;flex-direction:column;gap:.75rem}.audit-log-stats .recent-activity-list .recent-activity-item{display:flex;gap:1rem;padding:1rem;background-color:var(--color-white);border-radius:var(--border-radius);border:1px solid var(--color-gray-200)}.audit-log-stats .recent-activity-list .recent-activity-item .activity-time{min-width:120px;font-size:.75rem;color:var(--color-gray-500);font-weight:500}.audit-log-stats .recent-activity-list .recent-activity-item .activity-details{display:flex;align-items:center;gap:.75rem;flex:1 1}.audit-log-stats .recent-activity-list .recent-activity-item .activity-details .activity-entity{font-weight:500;color:var(--color-gray-700)}.audit-log-stats .recent-activity-list .recent-activity-item .activity-details .activity-actor{font-size:.875rem;color:var(--color-gray-500)}.audit-log-timeline .timeline-header{margin-bottom:2rem;text-align:center}.audit-log-timeline .timeline-header h3{color:var(--color-gray-900);margin-bottom:.5rem}.audit-log-timeline .timeline-header .entity-id{font-family:monospace;background-color:var(--color-gray-100);padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.875rem;color:var(--color-gray-600);display:inline-block}.audit-log-timeline .timeline-container{position:relative}.audit-log-timeline .timeline-container:before{content:"";position:absolute;left:2rem;top:0;bottom:0;width:2px;background-color:var(--color-gray-300)}.audit-log-timeline .timeline-item{position:relative;margin-bottom:2rem;display:flex;gap:1.5rem}.audit-log-timeline .timeline-item .timeline-marker{position:relative;z-index:1;width:4rem;height:4rem;background-color:var(--color-white);border:3px solid var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.audit-log-timeline .timeline-item .timeline-marker .timeline-icon{font-size:1.25rem}.audit-log-timeline .timeline-item .timeline-content{flex:1 1;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm)}.audit-log-timeline .timeline-item .timeline-content .timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.audit-log-timeline .timeline-item .timeline-content .timeline-header .timeline-time{font-size:.875rem;color:var(--color-gray-500);font-weight:500}.audit-log-timeline .timeline-item .timeline-content .timeline-details .timeline-actor{margin-bottom:1rem}.audit-log-timeline .timeline-item .timeline-content .timeline-details .timeline-actor strong{color:var(--color-gray-900)}.audit-log-timeline .timeline-item .timeline-content .timeline-details .timeline-actor .actor-role{margin-left:.5rem;font-size:.875rem;color:var(--color-gray-500)}.audit-log-timeline .timeline-item .timeline-content .timeline-details .timeline-actor .system-actor{font-style:italic;color:var(--color-gray-500)}.audit-log-timeline .timeline-item .timeline-content .timeline-details .timeline-changes{margin:1rem 0}.audit-log-timeline .timeline-item .timeline-content .timeline-details .timeline-changes .changes-details summary{cursor:pointer;font-weight:500;color:var(--color-primary);margin-bottom:.5rem}.audit-log-timeline .timeline-item .timeline-content .timeline-details .timeline-changes .changes-details summary:hover{color:var(--color-primary-dark)}.audit-log-timeline .timeline-item .timeline-content .timeline-details .timeline-changes .changes-details .changes-content{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);padding:1rem;margin:0;font-size:.75rem;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.audit-log-timeline .timeline-item .timeline-content .timeline-details .timeline-meta small{color:var(--color-gray-500);font-size:.75rem}@media(max-width:768px){.audit-logs-page{padding:1rem}.audit-log-list-controls{flex-direction:column;align-items:stretch;gap:.75rem}.audit-log-list-controls .search-input{min-width:auto}.audit-log-list-controls .filter-controls{justify-content:stretch;flex-wrap:wrap}.audit-log-list-controls .filter-controls .filter-select{flex:1 1;min-width:auto}.audit-log-list-controls .action-controls{justify-content:stretch}.audit-log-table{overflow-x:auto}.audit-log-table table{min-width:1000px}.actions-cell{flex-direction:column;gap:.25rem}.pagination{flex-direction:column;gap:1rem}.timeline-item .timeline-content .timeline-header{flex-direction:column;align-items:flex-start;gap:.5rem}.audit-log-details .detail-group .user-agent{font-size:.6875rem}}.dashboard-page{padding:2rem;max-width:1600px;margin:0 auto}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:2rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.5rem}.dashboard-header p{color:var(--color-gray-600);margin-bottom:1rem}.dashboard-header .role-info{display:flex;align-items:center;gap:1rem}.dashboard-header .role-info .user-role-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;background-color:var(--color-primary);color:#fff}.dashboard-header .role-info .branch-info{font-size:.875rem;color:var(--color-gray-500)}.analytics-dashboard{display:flex;flex-direction:column;gap:2rem}.analytics-filters{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:1.5rem}.analytics-filters h3{margin-bottom:1rem;color:var(--color-gray-900);font-size:1.1rem}.analytics-filters .filter-controls{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}.analytics-filters .filter-controls .filter-actions{display:flex;gap:.5rem}@media(max-width:768px){.analytics-filters .filter-controls{flex-direction:column;align-items:stretch}}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.overview-cards .overview-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.overview-cards .overview-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.overview-cards .overview-card .card-icon{font-size:2.5rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);background-color:var(--color-gray-50)}.overview-cards .overview-card .card-content{flex:1 1}.overview-cards .overview-card .card-content h3{font-size:.875rem;font-weight:500;color:var(--color-gray-600);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.overview-cards .overview-card .card-content .card-number{font-size:2rem;font-weight:700;color:var(--color-gray-900)}.overview-cards .overview-card.members .card-icon{background-color:#dbeafe;color:#1e40af}.overview-cards .overview-card.events .card-icon{background-color:#dcfce7;color:#166534}.overview-cards .overview-card.attendance .card-icon{background-color:#fef3c7;color:#92400e}.overview-cards .overview-card.branches .card-icon{background-color:#e0e7ff;color:#3730a3}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:2rem;gap:2rem}.analytics-grid .chart-section{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:1.5rem}.analytics-grid .chart-section.full-width{grid-column:1/-1}@media(max-width:1024px){.analytics-grid{grid-template-columns:1fr}}.chart-container{height:320px;position:relative}.chart-container h3{margin-bottom:1rem;color:var(--color-gray-900);font-size:1.1rem;text-align:center}.chart-container .chart-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-gray-500);font-style:italic}.recent-events-list h3{margin-bottom:1rem;color:var(--color-gray-900);font-size:1.1rem}.recent-events-list .events-list{display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto}.recent-events-list .event-item{padding:1rem;border:1px solid var(--color-gray-200);border-radius:var(--border-radius);transition:background-color .2s ease}.recent-events-list .event-item:hover{background-color:var(--color-gray-50)}.recent-events-list .event-item .event-info h4{font-weight:600;color:var(--color-gray-900);margin-bottom:.5rem}.recent-events-list .event-item .event-info .event-datetime{font-size:.875rem;color:var(--color-gray-600);margin-bottom:.25rem}.recent-events-list .event-item .event-info .event-branch{font-size:.875rem;color:var(--color-gray-500);margin-bottom:.25rem}.recent-events-list .event-item .event-info .event-groups{font-size:.875rem;color:var(--color-gray-600)}.recent-events-list .event-item .event-info .event-groups .group-tag{font-weight:500;color:var(--color-primary)}.recent-events-list .event-item .event-meta{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-gray-100)}.recent-events-list .event-item .event-meta .event-created{font-size:.75rem;color:var(--color-gray-500)}.recent-events-list .empty-state{display:flex;align-items:center;justify-content:center;height:100px;color:var(--color-gray-500);font-style:italic}.breakdown-list,.distribution-list{display:flex;flex-direction:column;gap:.75rem}.breakdown-list .breakdown-item,.breakdown-list .distribution-item,.distribution-list .breakdown-item,.distribution-list .distribution-item{display:flex;align-items:center;gap:1rem}.breakdown-list .breakdown-item .breakdown-label,.breakdown-list .breakdown-item .distribution-label,.breakdown-list .distribution-item .breakdown-label,.breakdown-list .distribution-item .distribution-label,.distribution-list .breakdown-item .breakdown-label,.distribution-list .breakdown-item .distribution-label,.distribution-list .distribution-item .breakdown-label,.distribution-list .distribution-item .distribution-label{min-width:80px;font-size:.875rem;color:var(--color-gray-700);font-weight:500}.breakdown-list .breakdown-item .breakdown-bar,.breakdown-list .breakdown-item .distribution-bar,.breakdown-list .distribution-item .breakdown-bar,.breakdown-list .distribution-item .distribution-bar,.distribution-list .breakdown-item .breakdown-bar,.distribution-list .breakdown-item .distribution-bar,.distribution-list .distribution-item .breakdown-bar,.distribution-list .distribution-item .distribution-bar{flex:1 1;position:relative;height:1.5rem;background-color:var(--color-gray-200);border-radius:var(--border-radius);overflow:hidden}.breakdown-list .breakdown-item .breakdown-bar .breakdown-fill,.breakdown-list .breakdown-item .breakdown-bar .distribution-fill,.breakdown-list .breakdown-item .distribution-bar .breakdown-fill,.breakdown-list .breakdown-item .distribution-bar .distribution-fill,.breakdown-list .distribution-item .breakdown-bar .breakdown-fill,.breakdown-list .distribution-item .breakdown-bar .distribution-fill,.breakdown-list .distribution-item .distribution-bar .breakdown-fill,.breakdown-list .distribution-item .distribution-bar .distribution-fill,.distribution-list .breakdown-item .breakdown-bar .breakdown-fill,.distribution-list .breakdown-item .breakdown-bar .distribution-fill,.distribution-list .breakdown-item .distribution-bar .breakdown-fill,.distribution-list .breakdown-item .distribution-bar .distribution-fill,.distribution-list .distribution-item .breakdown-bar .breakdown-fill,.distribution-list .distribution-item .breakdown-bar .distribution-fill,.distribution-list .distribution-item .distribution-bar .breakdown-fill,.distribution-list .distribution-item .distribution-bar .distribution-fill{height:100%;background-color:var(--color-primary);transition:width .3s ease}.breakdown-list .breakdown-item .breakdown-bar .breakdown-count,.breakdown-list .breakdown-item .breakdown-bar .distribution-count,.breakdown-list .breakdown-item .distribution-bar .breakdown-count,.breakdown-list .breakdown-item .distribution-bar .distribution-count,.breakdown-list .distribution-item .breakdown-bar .breakdown-count,.breakdown-list .distribution-item .breakdown-bar .distribution-count,.breakdown-list .distribution-item .distribution-bar .breakdown-count,.breakdown-list .distribution-item .distribution-bar .distribution-count,.distribution-list .breakdown-item .breakdown-bar .breakdown-count,.distribution-list .breakdown-item .breakdown-bar .distribution-count,.distribution-list .breakdown-item .distribution-bar .breakdown-count,.distribution-list .breakdown-item .distribution-bar .distribution-count,.distribution-list .distribution-item .breakdown-bar .breakdown-count,.distribution-list .distribution-item .breakdown-bar .distribution-count,.distribution-list .distribution-item .distribution-bar .breakdown-count,.distribution-list .distribution-item .distribution-bar .distribution-count{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:500;color:var(--color-gray-700)}.growth-list{display:flex;flex-direction:column;gap:.75rem;max-height:250px;overflow-y:auto}.growth-list .growth-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--color-gray-50);border-radius:var(--border-radius)}.growth-list .growth-item .growth-month{font-weight:500;color:var(--color-gray-900)}.growth-list .growth-item .growth-count{font-size:.875rem;color:var(--color-gray-600)}.engagement-list{display:flex;flex-direction:column;gap:1rem}.engagement-list .engagement-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-gray-50);border-radius:var(--border-radius)}.engagement-list .engagement-item .engagement-info h4{font-weight:600;color:var(--color-gray-900);margin-bottom:.25rem}.engagement-list .engagement-item .engagement-info p{font-size:.875rem;color:var(--color-gray-600)}.engagement-list .engagement-item .engagement-score{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.engagement-distribution{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.engagement-distribution .engagement-level{text-align:center;padding:1rem;border-radius:var(--border-radius)}.engagement-distribution .engagement-level .level-label{font-size:.875rem;font-weight:500;margin-bottom:.5rem}.engagement-distribution .engagement-level .level-count{font-size:1.5rem;font-weight:700}.engagement-distribution .engagement-level.highly{background-color:#dcfce7;color:#166534}.engagement-distribution .engagement-level.medium{background-color:#fef3c7;color:#92400e}.engagement-distribution .engagement-level.low{background-color:#fee2e2;color:#991b1b}@media(max-width:768px){.engagement-distribution{grid-template-columns:1fr}}.method-list{display:flex;flex-direction:column;gap:1rem}.method-list .method-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-gray-50);border-radius:var(--border-radius)}.method-list .method-item .method-label{font-weight:500;color:var(--color-gray-900)}.method-list .method-item .method-stats{display:flex;align-items:center;gap:.5rem}.method-list .method-item .method-stats .method-count{font-weight:700;color:var(--color-gray-900)}.method-list .method-item .method-stats .method-percentage{font-size:.875rem;color:var(--color-gray-600)}.attendees-list{display:flex;flex-direction:column;gap:1rem}.attendees-list .attendee-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-gray-50);border-radius:var(--border-radius)}.attendees-list .attendee-item .attendee-info h4{font-weight:600;color:var(--color-gray-900);margin-bottom:.25rem}.attendees-list .attendee-item .attendee-info p{font-size:.875rem;color:var(--color-gray-600)}.attendees-list .attendee-item .attendee-count{font-size:1rem;font-weight:700;color:var(--color-primary)}.attendance-rate-display{display:flex;align-items:center;gap:2rem}.attendance-rate-display .rate-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;text-align:center}.attendance-rate-display .rate-circle .rate-percentage{font-size:1.5rem;font-weight:700}.attendance-rate-display .rate-circle .rate-label{font-size:.75rem;opacity:.9}.attendance-rate-display .rate-details{flex:1 1}.attendance-rate-display .rate-details p{margin-bottom:.5rem;color:var(--color-gray-600)}.attendance-rate-display .rate-details p:first-child{font-weight:500;color:var(--color-gray-900)}@media(max-width:768px){.attendance-rate-display{flex-direction:column;text-align:center}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;gap:1rem}.loading-overlay p{color:var(--color-gray-600)}@media(max-width:768px){.dashboard-page{padding:1rem}.analytics-grid{grid-template-columns:1fr;gap:1rem}.analytics-grid .chart-section{padding:1rem}.overview-cards{grid-template-columns:1fr;gap:1rem}.overview-cards .overview-card{padding:1rem}.overview-cards .overview-card .card-icon{font-size:2rem;width:3rem;height:3rem}.overview-cards .overview-card .card-content .card-number{font-size:1.5rem}.analytics-filters{padding:1rem}.analytics-filters .filter-controls{gap:.75rem}.attendance-rate-display .rate-circle{width:100px;height:100px}.attendance-rate-display .rate-circle .rate-percentage{font-size:1.25rem}}.notifications-page{padding:2rem;max-width:1400px;margin:0 auto}.notifications-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-gray-200)}.notifications-header .header-content h1{font-size:2rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.5rem}.notifications-header .header-content p{color:var(--color-gray-600);font-size:1rem}.notifications-header .header-actions{display:flex;gap:1rem;align-items:center}@media(max-width:768px){.notifications-header{flex-direction:column;align-items:stretch;gap:1.5rem}.notifications-header .header-actions{justify-content:stretch}}.notification-list{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden}.notification-list-header{padding:1.5rem;border-bottom:1px solid var(--color-gray-200)}.notification-list-header h2{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:1rem}.notification-list-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.notification-list-controls .filter-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.notification-list-controls .filter-controls .filter-select{min-width:120px;padding:.5rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem}.notification-list-controls .filter-controls .filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.notification-list-controls .action-controls{display:flex;align-items:center;gap:1rem}@media(max-width:768px){.notification-list-controls{flex-direction:column;align-items:stretch;gap:1rem}.notification-list-controls .filter-controls{justify-content:stretch}.notification-list-controls .filter-controls .filter-select{flex:1 1;min-width:auto}}.notification-table table{width:100%;border-collapse:collapse}.notification-table table td,.notification-table table th{padding:1rem;text-align:left;border-bottom:1px solid var(--color-gray-200)}.notification-table table th{background-color:var(--color-gray-50);font-weight:600;color:var(--color-gray-700);font-size:.875rem}.notification-table table td{color:var(--color-gray-900);font-size:.875rem}.notification-table table td small{color:var(--color-gray-500);font-size:.75rem}.notification-table table tr:hover{background-color:var(--color-gray-50)}.notification-table table .subject-cell{max-width:200px}.notification-table table .subject-cell .subject-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.type-badge.type-welcome{background-color:#dcfce7;color:#166534}.type-badge.type-event,.type-badge.type-event-start{background-color:#dbeafe;color:#1e40af}.type-badge.type-bulk,.type-badge.type-bulk-email{background-color:#fef3c7;color:#92400e}.type-badge.type-password,.type-badge.type-password-reset{background-color:#fee2e2;color:#991b1b}.type-badge.type-default{background-color:#f3f4f6;color:#6b7280}.status-badge.status-sent{background-color:#dcfce7;color:#166534}.status-badge.status-failed{background-color:#fee2e2;color:#991b1b}.status-badge.status-pending{background-color:#fef3c7;color:#92400e}.status-badge.status-queued{background-color:#e0e7ff;color:#3730a3}.status-badge.status-default{background-color:#f3f4f6;color:#6b7280}.bulk-email-form{display:flex;flex-direction:column;gap:2rem;max-height:80vh;overflow-y:auto}.bulk-email-form .form-section h3{font-size:1.1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-gray-200)}.bulk-email-form .form-field{display:flex;flex-direction:column;gap:.5rem}.bulk-email-form .form-field label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.bulk-email-form .form-field .content-textarea{width:100%;min-height:120px;padding:.75rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem;resize:vertical}.bulk-email-form .form-field .content-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.bulk-email-form .form-field .error-message{color:var(--color-red-600);font-size:.75rem}.bulk-email-form .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.bulk-email-form .filter-grid .form-field input,.bulk-email-form .filter-grid .form-field select{padding:.5rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem}.bulk-email-form .filter-grid .form-field input:focus,.bulk-email-form .filter-grid .form-field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.bulk-email-form .filter-grid .form-field .multi-select{min-height:80px}.bulk-email-form .preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.bulk-email-form .preview-header h3{margin:0;border:none;padding:0}.bulk-email-form .preview-header .preview-actions{display:flex;align-items:center;gap:1rem}.bulk-email-form .preview-header .preview-actions .member-count{font-size:.875rem;color:var(--color-gray-600);font-weight:500}.bulk-email-form .members-preview{background-color:var(--color-gray-50);border-radius:var(--border-radius);padding:1rem;max-height:300px;overflow-y:auto}.bulk-email-form .members-preview .members-list{display:flex;flex-direction:column;gap:.75rem}.bulk-email-form .members-preview .members-list .member-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--color-white);border-radius:var(--border-radius);border:1px solid var(--color-gray-200)}.bulk-email-form .members-preview .members-list .member-item .member-info{display:flex;flex-direction:column;gap:.25rem}.bulk-email-form .members-preview .members-list .member-item .member-info strong{color:var(--color-gray-900)}.bulk-email-form .members-preview .members-list .member-item .member-info span{color:var(--color-gray-600);font-size:.875rem}.bulk-email-form .members-preview .members-list .member-item .member-details{display:flex;gap:.5rem;flex-wrap:wrap}.bulk-email-form .members-preview .members-list .member-item .member-details span{padding:.125rem .5rem;background-color:var(--color-gray-100);border-radius:var(--border-radius);font-size:.75rem;color:var(--color-gray-700)}.bulk-email-form .members-preview .preview-note{margin-top:1rem;text-align:center;color:var(--color-gray-500);font-style:italic;font-size:.875rem}.bulk-email-form .no-members{padding:2rem;text-align:center;color:var(--color-gray-500);background-color:var(--color-gray-50);border-radius:var(--border-radius)}.bulk-email-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}.notification-details .detail-section{margin-bottom:2rem}.notification-details .detail-section h3{font-size:1.1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-gray-200)}.notification-details .detail-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.notification-details .detail-group.full-width{grid-column:1/-1}.notification-details .detail-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.notification-details .detail-group .sender-info strong,.notification-details .detail-group span{color:var(--color-gray-900)}.notification-details .detail-group .sender-info small{color:var(--color-gray-500);font-size:.75rem}.notification-details .detail-group .sender-info .sender-role{font-size:.75rem;color:var(--color-primary);font-weight:500}.notification-details .detail-group .status-indicator{font-weight:600;text-transform:uppercase;font-size:.875rem}.notification-details .content-container{margin-top:.5rem;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);overflow:hidden}.notification-details .content-container .content-html{padding:1rem;max-height:400px;overflow-y:auto}.notification-details .content-container .content-html *{max-width:100%}.notification-details .recipients-container{margin-top:.5rem;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);padding:1rem;max-height:200px;overflow-y:auto}.notification-details .recipients-container .recipients-list{display:flex;flex-wrap:wrap;gap:.5rem}.notification-details .recipients-container .recipients-list .recipient-email{padding:.25rem .5rem;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.75rem;color:var(--color-gray-700)}.notification-details .error-container,.notification-details .metadata-container{margin-top:.5rem;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);overflow:hidden}.notification-details .error-container .error-content,.notification-details .error-container .metadata-content,.notification-details .metadata-container .error-content,.notification-details .metadata-container .metadata-content{padding:1rem;margin:0;background-color:transparent;border:none;font-size:.75rem;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;color:var(--color-gray-800)}.notification-details .error-container .error-content,.notification-details .metadata-container .error-content{color:var(--color-red-700)}.notification-stats .stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.notification-stats .stats-overview .stats-card{padding:1.5rem;border-radius:var(--border-radius-lg);text-align:center;color:#fff}.notification-stats .stats-overview .stats-card h3{margin-bottom:.5rem;font-size:.875rem;opacity:.9;text-transform:uppercase;letter-spacing:.05em}.notification-stats .stats-overview .stats-card .stat-number{font-size:2rem;font-weight:700}.notification-stats .stats-overview .stats-card.success{background-color:#10b981}.notification-stats .stats-overview .stats-card.failed{background-color:#ef4444}.notification-stats .stats-overview .stats-card.total{background-color:var(--color-primary)}.notification-stats .stats-overview .stats-card.rate{background-color:#8b5cf6}.notification-stats .stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:2rem}@media(max-width:768px){.notification-stats .stats-grid{grid-template-columns:1fr}}.notification-stats .stats-section{background-color:var(--color-gray-50);padding:1.5rem;border-radius:var(--border-radius)}.notification-stats .stats-section h3{margin-bottom:1rem;color:var(--color-gray-900);font-size:1.1rem}.notification-stats .breakdown-list{display:flex;flex-direction:column;gap:.75rem}.notification-stats .breakdown-list .breakdown-item{display:flex;align-items:center;gap:1rem}.notification-stats .breakdown-list .breakdown-item .breakdown-label{min-width:120px;font-size:.875rem;color:var(--color-gray-700);text-transform:capitalize}.notification-stats .breakdown-list .breakdown-item .breakdown-bar{flex:1 1;position:relative;height:1.5rem;background-color:var(--color-gray-200);border-radius:var(--border-radius);overflow:hidden}.notification-stats .breakdown-list .breakdown-item .breakdown-bar .breakdown-fill{height:100%;background-color:var(--color-primary);transition:width .3s ease}.notification-stats .breakdown-list .breakdown-item .breakdown-bar .breakdown-count{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:500;color:var(--color-gray-700)}.notification-stats .recent-notifications-list{display:flex;flex-direction:column;gap:.75rem}.notification-stats .recent-notifications-list .recent-notification-item{display:flex;gap:1rem;padding:1rem;background-color:var(--color-white);border-radius:var(--border-radius);border:1px solid var(--color-gray-200)}.notification-stats .recent-notifications-list .recent-notification-item .notification-time{min-width:120px;font-size:.75rem;color:var(--color-gray-500);font-weight:500}.notification-stats .recent-notifications-list .recent-notification-item .notification-details{display:flex;align-items:center;gap:.75rem;flex:1 1;flex-wrap:wrap}.notification-stats .recent-notifications-list .recent-notification-item .notification-details .notification-subject{font-weight:500;color:var(--color-gray-700);flex:1 1;min-width:200px}.notification-stats .recent-notifications-list .recent-notification-item .notification-details .notification-sender{font-size:.875rem;color:var(--color-gray-500)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-container p{color:var(--color-gray-600)}.actions-cell{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}@media(max-width:768px){.notifications-page{padding:1rem}.notification-table{overflow-x:auto}.notification-table table{min-width:800px}.bulk-email-form .filter-grid{grid-template-columns:1fr}.bulk-email-form .preview-header{flex-direction:column;align-items:stretch;gap:1rem}.bulk-email-form .preview-header .preview-actions{justify-content:space-between}.bulk-email-form .form-actions{flex-direction:column}.notification-stats .stats-overview{grid-template-columns:1fr}.actions-cell{flex-direction:column;gap:.25rem}.pagination{flex-direction:column;gap:1rem}}.users-page{padding:2rem;max-width:1400px;margin:0 auto}.user-list{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden}.user-list-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-gray-200)}.user-list-header h2{font-size:1.5rem;font-weight:700;color:var(--color-gray-900)}@media(max-width:768px){.user-list-header{flex-direction:column;align-items:stretch;gap:1rem}}.user-list-controls{padding:1.5rem;border-bottom:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.user-list-controls .filter-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.user-list-controls .filter-controls .search-input{min-width:250px;flex:1 1}.user-list-controls .filter-controls .filter-select{min-width:140px;padding:.5rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem}.user-list-controls .filter-controls .filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.user-list-controls .filter-controls .checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-gray-700);cursor:pointer}.user-list-controls .filter-controls .checkbox-label input[type=checkbox]{margin:0}@media(max-width:768px){.user-list-controls .filter-controls{flex-direction:column;align-items:stretch;gap:1rem}.user-list-controls .filter-controls .filter-select,.user-list-controls .filter-controls .search-input{min-width:auto;width:100%}}.user-table table{width:100%;border-collapse:collapse}.user-table table td,.user-table table th{padding:1rem;text-align:left;border-bottom:1px solid var(--color-gray-200)}.user-table table th{background-color:var(--color-gray-50);font-weight:600;color:var(--color-gray-700);font-size:.875rem}.user-table table td{color:var(--color-gray-900);font-size:.875rem}.user-table table tr:hover{background-color:var(--color-gray-50)}.user-table table tr.deleted{opacity:.6;background-color:#fef2f2}.user-table table .user-name{display:flex;flex-direction:column;gap:.25rem}.user-table table .user-name strong{color:var(--color-gray-900)}.user-table table .user-name .badge{align-self:flex-start}.user-table table .actions-cell{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.role-badge.role-super-admin{background-color:#ede9fe;color:#7c3aed}.role-badge.role-admin{background-color:#dbeafe;color:#1e40af}.role-badge.role-moderator{background-color:#dcfce7;color:#166534}.role-badge.role-default{background-color:#f3f4f6;color:#6b7280}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.badge.badge-warning{background-color:#fef3c7;color:#92400e}.create-user-form,.edit-user-form{display:flex;flex-direction:column;gap:2rem;max-height:70vh;overflow-y:auto}.create-user-form .form-section h3,.edit-user-form .form-section h3{font-size:1.1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-gray-200)}.create-user-form .form-row,.edit-user-form .form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media(max-width:768px){.create-user-form .form-row,.edit-user-form .form-row{grid-template-columns:1fr}}.create-user-form .form-field,.edit-user-form .form-field{display:flex;flex-direction:column;gap:.5rem}.create-user-form .form-field label,.edit-user-form .form-field label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.create-user-form .form-field .form-select,.edit-user-form .form-field .form-select{padding:.5rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem;background-color:var(--color-white)}.create-user-form .form-field .form-select:focus,.edit-user-form .form-field .form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.create-user-form .form-field .error-message,.edit-user-form .form-field .error-message{color:var(--color-red-600);font-size:.75rem}.create-user-form .form-field .helper-text,.edit-user-form .form-field .helper-text{font-size:.75rem;color:var(--color-gray-500)}.create-user-form .form-field .checkbox-label,.edit-user-form .form-field .checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-gray-700);cursor:pointer}.create-user-form .form-field .checkbox-label input[type=checkbox],.edit-user-form .form-field .checkbox-label input[type=checkbox]{margin:0}.create-user-form .info-notice,.edit-user-form .info-notice{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--border-radius);padding:1rem}.create-user-form .info-notice h4,.edit-user-form .info-notice h4{font-size:.875rem;font-weight:600;color:#1e40af;margin-bottom:.5rem}.create-user-form .info-notice p,.edit-user-form .info-notice p{font-size:.875rem;color:#1e40af;line-height:1.5}.create-user-form .form-actions,.edit-user-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}@media(max-width:768px){.create-user-form .form-actions,.edit-user-form .form-actions{flex-direction:column}}.user-details .detail-section{margin-bottom:2rem}.user-details .detail-section:last-child{margin-bottom:0}.user-details .detail-section h3{font-size:1.1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-gray-200)}.user-details .detail-section.warning{background-color:#fffbeb;border:1px solid #fed7aa;border-radius:var(--border-radius);padding:1rem}.user-details .detail-section.warning h3{color:#92400e;border-color:#fed7aa}.user-details .detail-section.warning p{color:#78350f}.user-details .detail-section.danger{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);padding:1rem}.user-details .detail-section.danger h3{color:#991b1b;border-color:#fecaca}.user-details .detail-section.danger p{color:#7f1d1d}.user-details .detail-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.user-details .detail-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.user-details .detail-group span{color:var(--color-gray-900)}.user-details .detail-group .role-indicator,.user-details .detail-group .status-indicator{font-weight:600;text-transform:uppercase;font-size:.875rem}.user-details .detail-group .status-indicator.active{color:var(--color-success)}.user-details .detail-group .status-indicator.inactive{color:var(--color-danger)}.user-details .detail-group .status-indicator.warning{color:var(--color-warning)}.user-details .detail-group .status-indicator.success{color:var(--color-success)}.change-password-form{display:flex;flex-direction:column;gap:2rem}.change-password-form .form-section h3{font-size:1.1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:.5rem}.change-password-form .form-section .form-description{color:var(--color-gray-600);margin-bottom:1.5rem}.change-password-form .form-field{position:relative;display:flex;flex-direction:column;gap:.5rem}.change-password-form .form-field .password-toggle{position:absolute;right:.75rem;top:2rem;background:none;border:none;color:var(--color-gray-500);cursor:pointer;font-size:.75rem;padding:.25rem}.change-password-form .form-field .password-toggle:hover{color:var(--color-gray-700)}.change-password-form .form-field input[type=password],.change-password-form .form-field input[type=text]{padding-right:3rem}.change-password-form .password-requirements{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);padding:1rem}.change-password-form .password-requirements h4{font-size:.875rem;font-weight:600;color:var(--color-gray-900);margin-bottom:.5rem}.change-password-form .password-requirements ul{list-style:disc;padding-left:1.25rem}.change-password-form .password-requirements ul li{color:var(--color-gray-700);font-size:.875rem;margin-bottom:.25rem}.change-password-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}@media(max-width:768px){.change-password-form .form-actions{flex-direction:column}}.user-dropdown{position:relative}.user-dropdown-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:none;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .15s ease-in-out}.user-dropdown-trigger:hover{background-color:var(--color-gray-100)}.user-dropdown-trigger .user-info{display:flex;flex-direction:column;text-align:right}.user-dropdown-trigger .user-info .user-name{font-weight:500;color:var(--color-gray-900);font-size:.875rem}.user-dropdown-trigger .user-info .user-role{font-size:.75rem;color:var(--color-gray-500);text-transform:uppercase}.user-dropdown-trigger .dropdown-arrow{color:var(--color-gray-500);transition:transform .15s ease-in-out}.user-dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:0;min-width:280px;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:50;margin-top:.25rem}.dropdown-header{padding:1rem;border-bottom:1px solid var(--color-gray-200)}.dropdown-header .user-details{display:flex;flex-direction:column;gap:.25rem}.dropdown-header .user-details strong{color:var(--color-gray-900);font-size:.875rem}.dropdown-header .user-details span{color:var(--color-gray-600);font-size:.75rem}.dropdown-header .user-details span.role-badge{background-color:var(--color-gray-100);color:var(--color-gray-700);padding:.125rem .5rem;border-radius:9999px;text-transform:uppercase;font-weight:500;align-self:flex-start}.dropdown-divider{height:1px;background-color:var(--color-gray-200)}.dropdown-items{padding:.5rem}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:none;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;color:var(--color-gray-700);transition:background-color .15s ease-in-out}.dropdown-item:hover{background-color:var(--color-gray-50)}.dropdown-item.logout{color:var(--color-danger)}.dropdown-item.logout:hover{background-color:#fef2f2}.dropdown-item svg{color:currentColor}@media(max-width:768px){.users-page{padding:1rem}.user-table{overflow-x:auto}.user-table table{min-width:900px}.user-dropdown-trigger .user-info{display:none}.user-dropdown-menu{min-width:250px}}.empty-state{padding:3rem;text-align:center;color:var(--color-gray-500)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.pagination span{font-size:.875rem;color:var(--color-gray-600)}@media(max-width:768px){.pagination{flex-direction:column;gap:1rem}}.password-field{position:relative}.password-field .password-toggle{position:absolute;right:.75rem;top:2.25rem;background:none;border:none;color:var(--color-gray-500);cursor:pointer;padding:.25rem;border-radius:var(--border-radius-sm);transition:all .15s ease-in-out;z-index:10}.password-field .password-toggle:hover{color:var(--color-gray-700);background-color:var(--color-gray-100)}.password-field .password-toggle:focus{outline:none;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.password-field .password-toggle svg{width:16px;height:16px}.password-field input[type=password],.password-field input[type=text]{padding-right:3rem!important}.password-indicators{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.password-strength{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.password-strength .strength-label{color:var(--color-gray-600);font-weight:500}.password-strength .strength-value{font-weight:600;text-transform:uppercase;font-size:.75rem}.password-strength .strength-bar{flex:1 1;height:4px;background-color:var(--color-gray-200);border-radius:2px;overflow:hidden;max-width:100px}.password-strength .strength-bar .strength-fill{height:100%;transition:all .3s ease-in-out;border-radius:2px}.password-warning{display:flex;align-items:center;gap:.5rem;color:var(--color-danger);font-size:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius-sm);padding:.5rem .75rem;margin-top:.25rem}.password-match-indicator{margin-top:.5rem;font-size:.75rem}.password-match-indicator .match-success{color:var(--color-success);display:flex;align-items:center;gap:.25rem}.password-match-indicator .match-error{color:var(--color-danger);display:flex;align-items:center;gap:.25rem}.form-field .disabled-note{font-size:.75rem;color:var(--color-gray-500);font-weight:400;margin-left:.5rem}.form-field .form-select:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.password-requirements{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);padding:1.25rem}.password-requirements h4{font-size:.875rem;font-weight:600;color:var(--color-gray-900);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.password-requirements h4:before{content:"🔒";font-size:1rem}.password-requirements ul{list-style:none;padding:0}.password-requirements ul li{color:var(--color-gray-700);font-size:.875rem;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.password-requirements ul li:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:.5rem}.password-requirements ul li:last-child{margin-bottom:0}.info-notice{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:var(--border-radius);padding:1.25rem}.info-notice h4{font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.info-notice h4,.info-notice p{font-size:.875rem;color:#1e40af}.info-notice p{line-height:1.6;margin:0}@media(max-width:768px){.password-field .password-toggle{right:.5rem;top:2rem}.password-strength{flex-direction:column;align-items:flex-start;gap:.25rem}.password-strength .strength-bar{width:100%;max-width:none}.password-indicators{gap:.75rem}}