.toast-container{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast{min-width:260px;max-width:360px;padding:12px 14px;border-radius:10px;color:#0f172a;box-shadow:0 6px 20px #0f172a26;border:1px solid transparent;cursor:pointer;font-weight:600;background:#e2e8f0;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease}.toast:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0f172a33}.toast-success{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.toast-error{background:#fef2f2;border-color:#fecdd3;color:#991b1b}.toast-info{background:#eef2ff;border-color:#c7d2fe;color:#1e3a8a}.donations-section{display:flex;flex-direction:column;gap:1.5rem}.donations-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;flex-wrap:wrap}.toolbar-left{display:flex;gap:.75rem;align-items:center;flex:1;flex-wrap:wrap}.toolbar-right{display:flex;align-items:center}.search-input{flex:1;min-width:250px;padding:.625rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-select{padding:.625rem 2.5rem .625rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;background:#fff;cursor:pointer;transition:border-color .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-clear{padding:.625rem 1.25rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-clear:hover{background:#e5e7eb;border-color:#9ca3af}.results-info{font-size:.9rem;color:#6b7280;white-space:nowrap}.error-banner{padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:.95rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:#6b7280;font-size:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.empty-state p{color:#6b7280;font-size:1.1rem;margin:0}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.data-table th.sortable:hover{background:linear-gradient(135deg,#667eea,#764ba2)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.btn-pagination{padding:.625rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-pagination:hover:not(:disabled){background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.btn-pagination:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.pagination-info{font-size:.95rem;color:#374151;font-weight:500}@media(max-width:768px){.donations-toolbar{flex-direction:column;align-items:stretch}.toolbar-left{flex-direction:column}.toolbar-right{justify-content:center}.search-input{min-width:100%}.pagination-controls{flex-direction:column;gap:1rem}}.spinner-container{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-3)}.spinner-centered{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}.spinner{display:inline-block;border-radius:50%;border-style:solid;animation:spin .8s linear infinite;position:relative}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-md{width:40px;height:40px;border-width:3px}.spinner-lg{width:60px;height:60px;border-width:4px}.spinner-primary{border-color:var(--color-primary-200);border-top-color:var(--color-primary-600)}.spinner-secondary{border-color:var(--color-secondary-200);border-top-color:var(--color-secondary-600)}.spinner-white{border-color:#ffffff4d;border-top-color:var(--color-white)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){.spinner{animation:spin 1.5s linear infinite}}@media(prefers-color-scheme:dark){.spinner-text{color:var(--color-neutral-400)}.spinner-primary{border-color:var(--color-primary-800);border-top-color:var(--color-primary-400)}.spinner-secondary{border-color:var(--color-secondary-800);border-top-color:var(--color-secondary-400)}}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.spinner-inline{display:inline-block;vertical-align:middle;margin-right:var(--space-2)}.admin-form-container{min-height:100vh;background:#f8fafc;padding:2rem}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 15px #00000014}.form-header h1{margin:0;color:#1e293b;font-size:var(--font-size-xl);font-weight:800}.admin-form{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 15px #00000014}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.form-group.full-width{grid-column:1 / -1}.form-group input,.form-group select,.form-group textarea{padding:.875rem;border:2px solid #e2e8f0;border-radius:8px;font-size:var(--font-size-base);transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2a3da8;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px}.image-upload-area{display:flex;flex-direction:column;gap:1rem}.image-preview{width:100%;max-width:400px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.image-preview img{width:100%;height:100%;object-fit:cover}.upload-status{color:#2a3da8;font-weight:600;font-size:var(--font-size-sm)}.help-text{color:#64748b;font-size:var(--font-size-sm);margin:0}.checkbox-group{display:flex;gap:2rem;padding:1rem;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#475569;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#2a3da8}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:2px solid #f1f5f9}.btn-cancel,.btn-submit{padding:1rem 2rem;border:none;border-radius:12px;font-weight:700;font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease}.btn-submit{background:linear-gradient(135deg,#2a3da8,#1e3a8a);color:#fff;box-shadow:0 4px 15px #667eea4d}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media(max-width:768px){.admin-form-container{padding:1rem}.form-header{flex-direction:column;gap:1rem}.form-grid{grid-template-columns:1fr}.checkbox-group{flex-direction:column;gap:1rem}.form-actions{flex-direction:column}}.admin-settings{min-height:100vh;background:#f8fafc;padding:2rem}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 15px #00000014}.settings-header h1{margin:0;color:#1e293b;font-size:var(--font-size-3xl);font-weight:800}.btn-back{background:#e2e8f0;color:#475569;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#cbd5e1}.settings-container{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.settings-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 15px #00000014}.settings-section h2{margin:0 0 .5rem;color:#1e293b;font-size:var(--font-size-2xl);font-weight:800}.section-description{color:#64748b;margin-bottom:2rem;font-size:var(--font-size-sm)}.config-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;margin-bottom:1rem;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease}.config-item:hover{border-color:#2a3da8;background:#f0f4ff}.config-info{flex:1}.config-info label{display:block;font-weight:700;color:#1e293b;margin-bottom:.25rem;font-size:var(--font-size-base)}.config-key{display:inline-block;background:#e2e8f0;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:var(--font-size-xs);color:#64748b}.config-control{display:flex;gap:.75rem;align-items:center}.config-input{width:100px;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:var(--font-size-base);font-weight:600;text-align:center;transition:all .3s ease}.config-input:focus{outline:none;border-color:#2a3da8;box-shadow:0 0 0 3px #667eea1a}.btn-save{padding:.75rem 1.5rem;background:linear-gradient(135deg,#2a3da8,#1e3a8a);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-save:disabled{background:linear-gradient(135deg,#94a3b8,#cbd5e1);cursor:not-allowed;box-shadow:none}.settings-info{display:flex;flex-direction:column;gap:1.5rem}.info-box{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 15px #00000014}.info-box h3{margin:0 0 1rem;color:#1e293b;font-size:var(--font-size-xl);font-weight:800}.info-box ul{list-style:none;padding:0;margin:0}.info-box li{padding:.75rem 0;color:#475569;font-size:var(--font-size-sm);line-height:1.6;border-bottom:1px solid #f1f5f9}.info-box li:last-child{border-bottom:none}.info-box strong{color:#2a3da8;font-weight:700}@media(max-width:1024px){.settings-container{grid-template-columns:1fr}}@media(max-width:768px){.admin-settings{padding:1rem}.settings-header{flex-direction:column;gap:1rem;text-align:center}.config-item{flex-direction:column;align-items:flex-start;gap:1rem}.config-control{width:100%;justify-content:space-between}}.config-input.full-width{width:100%;max-width:500px}.config-textarea{width:100%;max-width:500px;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:var(--font-size-base);font-family:inherit;line-height:1.5;transition:all .3s ease;resize:vertical}.config-textarea:focus{outline:none;border-color:#2a3da8;box-shadow:0 0 0 3px #667eea1a}.field-hint{color:#94a3b8;font-size:var(--font-size-sm);margin:.25rem 0 0}.location-section{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.location-section h4{margin:0 0 1rem;color:#2a3da8;font-size:var(--font-size-lg);font-weight:700}.location-section .config-item{background:#f8fafc;margin-bottom:1rem}.location-section .config-item:last-child{margin-bottom:0}.btn-large{padding:1rem 3rem;font-size:var(--font-size-lg)}.btn-save-all{background:linear-gradient(135deg,#2a3da8,#1e3a8a);color:#fff;padding:.875rem 2rem;border:none;border-radius:8px;font-weight:700;font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.btn-save-all:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-save-all:disabled{opacity:.6;cursor:not-allowed}.settings-grid{display:grid;gap:2rem;margin-bottom:2rem}.config-input{display:flex;flex-direction:column;gap:.5rem;min-width:300px}.config-input input,.config-input textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:var(--font-size-sm);font-family:inherit;transition:all .3s ease}.config-input input[type=color]{height:50px;cursor:pointer;padding:.25rem}.config-input input:focus,.config-input textarea:focus{outline:none;border-color:#2a3da8;box-shadow:0 0 0 3px #667eea1a}.config-description{color:#64748b;font-size:var(--font-size-sm);margin:.25rem 0 0}.config-meta{color:#94a3b8;font-size:var(--font-size-xs);display:block;margin-top:.5rem}.settings-info-box{background:linear-gradient(135deg,#2a3da8,#1e3a8a);color:#fff;padding:2rem;border-radius:16px;box-shadow:0 8px 24px #667eea4d}.settings-info-box h3{margin:0 0 1rem;font-size:var(--font-size-2xl);font-weight:800}.settings-info-box ul{list-style:none;padding:0;margin:0}.settings-info-box li{margin-bottom:1rem;padding-left:1.5rem;position:relative;line-height:1.6}.settings-info-box li:before{content:"→";position:absolute;left:0;font-weight:700}.settings-info-box li:last-child{margin-bottom:0}.settings-info-box strong{font-weight:700}.admin-cms{padding:2rem;max-width:1400px;margin:0 auto}.admin-cms h1{margin-bottom:2rem;color:#2c3e50}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1rem}.loading{text-align:center;padding:4rem;font-size:var(--font-size-xl);color:#666}.tabs{display:flex;gap:.5rem;border-bottom:2px solid #e0e0e0;margin-bottom:2rem}.tab{padding:1rem 2rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:var(--font-size-base);font-weight:500;color:#666;transition:all .3s ease}.tab:hover{color:#2a3da8;background:#f5f7fa}.tab.active{color:#2a3da8;border-bottom-color:#2a3da8}.content-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2{color:#2c3e50;margin:0}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.content-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative}.content-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:var(--font-size-sm);font-weight:600}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.order-badge{padding:.25rem .75rem;background:#e7f3ff;color:#2a3da8;border-radius:20px;font-size:var(--font-size-sm);font-weight:600}.content-card h3{margin:.5rem 0;color:#2c3e50}.subtitle{color:#666;font-size:var(--font-size-sm);margin:.25rem 0}.testimonial-text{color:#555;font-style:italic;margin:1rem 0;line-height:1.6}.stat-icon,.social-icon{font-size:var(--font-size-4xl);margin:1rem 0;text-align:center}.social-url{display:block;color:#2a3da8;text-decoration:none;font-size:var(--font-size-sm);margin:.5rem 0;word-break:break-all}.social-url:hover{text-decoration:underline}.carousel-preview{width:100%;height:200px;object-fit:cover;border-radius:8px;margin:1rem 0}.image-alt{color:#666;font-size:var(--font-size-sm);font-style:italic}.card-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-primary,.btn-secondary,.btn-danger{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all .2s ease}.btn-primary{background:#2a3da8;color:#fff}.btn-primary:hover:not(:disabled){background:#1e3a8a}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed;opacity:.6}.btn-secondary{background:#f3f4f6;color:#374151;flex:1}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#dc2626;color:#fff;flex:1}.btn-danger:hover{background:#b91c1c}.edit-form{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.edit-form input,.edit-form textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:var(--font-size-sm);margin-bottom:1rem;font-family:inherit}.edit-form input:focus,.edit-form textarea:focus{outline:none;border-color:#2a3da8;box-shadow:0 0 0 3px #2563eb1a}.edit-form textarea{resize:vertical;min-height:100px}.edit-form label{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;cursor:pointer}.edit-form label input[type=checkbox]{width:auto;margin:0;cursor:pointer}.form-actions{display:flex;gap:.5rem;margin-top:1rem}.form-actions button{flex:1}@media(max-width:768px){.admin-cms{padding:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.content-grid{grid-template-columns:1fr}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:.75rem 1rem;white-space:nowrap}}.settings-container{max-width:800px}.settings-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2rem;margin-bottom:2rem}.settings-section h2{margin:0 0 .5rem;color:#2c3e50;font-size:var(--font-size-2xl)}.section-description{color:#666;margin-bottom:2rem;font-size:var(--font-size-sm)}.setting-item{margin-bottom:1.5rem}.setting-item label{display:block;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.toggle-label{display:flex;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{display:none}.toggle-switch{position:relative;width:50px;height:26px;background:#cbd5e0;border-radius:50px;transition:background .3s ease}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle-label input[type=checkbox]:checked+.toggle-switch{background:#2a3da8}.toggle-label input[type=checkbox]:checked+.toggle-switch:after{transform:translate(24px)}.toggle-text{font-weight:600;color:#2c3e50}.full-width-input{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;font-size:var(--font-size-base);transition:border-color .3s ease}.full-width-input:focus{outline:none;border-color:#2a3da8}.full-width-input:disabled{background:#f5f7fa;cursor:not-allowed}.field-hint{display:block;margin-top:.5rem;color:#666;font-size:var(--font-size-sm)}.banner-preview{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.banner-preview h3{margin:0 0 1rem;color:#2c3e50;font-size:var(--font-size-base)}.preview-banner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;text-align:center;padding:.75rem 1rem;font-size:var(--font-size-sm);font-weight:600;border-radius:8px}.preview-banner span{display:inline-flex;align-items:center;gap:.5rem}.success-message{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46;padding:1rem;border-radius:8px;margin-bottom:1rem;animation:fadeIn .3s ease}.cms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.cms-header h1{margin:0}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a8a,#2a3da8);padding:2rem}.login-container{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 60px #0000004d;width:100%;max-width:450px}.login-header{text-align:center;margin-bottom:2.5rem}.login-header h1{margin:0 0 .5rem;color:#1e293b;font-size:var(--font-size-3xl);font-weight:800}.login-header p{margin:0;color:#64748b;font-size:var(--font-size-lg);font-weight:600}.login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{padding:1rem;background:#fee2e2;color:#dc2626;border-radius:12px;border-left:4px solid #dc2626;font-weight:600}.form-group input{padding:1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:var(--font-size-base);transition:all .3s ease}.form-group input:focus{outline:none;border-color:#2a3da8;box-shadow:0 0 0 3px #667eea1a}.btn-login{padding:1.25rem;background:linear-gradient(135deg,#2a3da8,#1e3a8a);color:#fff;border:none;border-radius:12px;font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #667eea66}.btn-login:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #667eea80}.btn-login:disabled{background:linear-gradient(135deg,#94a3b8,#cbd5e1);cursor:not-allowed;box-shadow:none}.login-info{text-align:center;padding:1rem;background:#f8fafc;border-radius:12px;margin-top:1rem}.login-info p{margin:0 0 .5rem;color:#64748b;font-size:var(--font-size-sm);font-weight:600}.login-info code{display:block;background:#e2e8f0;padding:.5rem;border-radius:6px;font-family:Courier New,monospace;color:#475569;font-size:var(--font-size-sm)}.btn-home{width:100%;margin-top:1.5rem;padding:.875rem;background:#fff;color:#2a3da8;border:2px solid #2a3da8;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-home:hover{background:#2a3da8;color:#fff}@media(max-width:480px){.admin-login{padding:1rem}.login-container{padding:2rem 1.5rem}.login-header h1{font-size:var(--font-size-2xl)}}.admin-users{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 40px #0000001a}.users-header h1{margin:0;font-size:var(--font-size-3xl);background:linear-gradient(135deg,#2a3da8,#1e3a8a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;gap:1rem}.btn-logout,.btn-back{padding:.75rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-logout{background:#dc2626;color:#fff}.btn-logout:hover{background:#b91c1c;transform:translateY(-2px)}.btn-back{background:#2a3da8;color:#fff}.btn-back:hover{background:#5568d3;transform:translateY(-2px)}.users-container{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px #0000001a}.users-actions{margin-bottom:2rem}.btn-add-user{padding:1rem 2rem;background:linear-gradient(135deg,#2a3da8,#1e3a8a);color:#fff;border:none;border-radius:12px;font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:all .3s ease}.btn-add-user:hover{transform:translateY(-3px);box-shadow:0 8px 30px #667eea80}.user-form-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;padding:2rem;margin-bottom:2rem;border:2px solid #e2e8f0}.user-form-container h2{margin:0 0 1.5rem;color:#1e293b;font-size:var(--font-size-2xl)}.user-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:700;color:#1e293b;font-size:var(--font-size-sm)}.form-group input,.form-group select{padding:.875rem;border:2px solid #e2e8f0;border-radius:12px;font-size:var(--font-size-base);transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2a3da8;box-shadow:0 0 0 3px #667eea1a}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding-top:.5rem}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.btn-cancel,.btn-save{padding:.875rem 2rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none}.btn-cancel{background:#e2e8f0;color:#475569}.btn-cancel:hover{background:#cbd5e1}.btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.users-table{overflow-x:auto}.users-table table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:1rem;background:linear-gradient(135deg,#2a3da8,#1e3a8a);color:#fff;font-weight:700;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.users-table th:first-child{border-radius:12px 0 0}.users-table th:last-child{border-radius:0 12px 0 0}.users-table td{padding:1rem;border-bottom:1px solid #e2e8f0;color:#475569}.users-table tr:hover{background:#f8fafc}.role-badge,.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:8px;font-size:var(--font-size-sm);font-weight:700}.role-badge.admin{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.role-badge.operator{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.inactive{background:#94a3b8;color:#fff}.action-buttons{display:flex;gap:.5rem}.btn-edit,.btn-delete{padding:.5rem 1rem;border:none;border-radius:8px;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all .3s ease}.btn-edit{background:#3b82f6;color:#fff}.btn-edit:hover{background:#2563eb;transform:translateY(-2px)}.btn-delete{background:#dc2626;color:#fff}.btn-delete:hover{background:#b91c1c;transform:translateY(-2px)}@media(max-width:768px){.admin-users{padding:1rem}.users-header{flex-direction:column;gap:1rem;align-items:flex-start}.form-row{grid-template-columns:1fr}.users-table{font-size:var(--font-size-sm)}.action-buttons{flex-direction:column}}.password-setup{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.setup-container{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 60px #0000004d;width:100%;max-width:700px}.setup-header{text-align:center;margin-bottom:2.5rem}.setup-header h1{margin:0 0 1rem;color:#1e293b;font-size:2rem;font-weight:800}.setup-header p{margin:0;color:#64748b;font-size:1.125rem}.setup-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#f8fafc;padding:2rem;border-radius:16px;border-left:4px solid #667eea}.form-section h3{margin:0 0 .5rem;color:#1e293b;font-size:1.25rem;font-weight:700}.section-desc{margin:0 0 1.5rem;color:#64748b;font-size:.95rem}.security-question-group{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1rem;border:2px solid #e2e8f0}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:700;color:#1e293b;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group select{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message{padding:1rem;background:#fee2e2;color:#dc2626;border-radius:12px;font-weight:600;border-left:4px solid #dc2626;display:flex;align-items:center;gap:.5rem}.error-box{text-align:center;padding:3rem}.error-box h2{color:#dc2626;margin-bottom:1rem}.error-box p{color:#64748b;margin-bottom:2rem}.form-actions{display:flex;justify-content:center;margin-top:1rem}.btn-primary{padding:1.25rem 3rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #667eea66}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #667eea80}.btn-primary:disabled{background:linear-gradient(135deg,#94a3b8,#cbd5e1);cursor:not-allowed;box-shadow:none}.info-note{background:linear-gradient(135deg,#fff7ed,#fed7aa);padding:1.5rem;border-radius:12px;border-left:4px solid #f59e0b;color:#92400e;font-size:.95rem;line-height:1.6}.info-note strong{display:block;margin-bottom:.5rem;color:#f59e0b}@media(max-width:768px){.password-setup{padding:1rem}.setup-container{padding:2rem 1.5rem}.setup-header h1{font-size:1.5rem}.form-section{padding:1.5rem}.btn-primary{width:100%}}