*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#06f;--primary-dark:#0052d4;--primary-light:#3385ff;--primary-bg:#f0f7ff;--secondary:#00c853;--secondary-dark:#00b34a;--secondary-light:#33d47c;--secondary-bg:#f0fff4;--warning:#ff9800;--warning-dark:#e68900;--warning-light:#ffad33;--warning-bg:#fff8f0;--error:#f44336;--error-dark:#d32f2f;--error-light:#f6685e;--error-bg:#fff5f5;--info:#2196f3;--info-dark:#1976d2;--info-light:#4dabf5;--info-bg:#f0f9ff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#9ca3af;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;background:var(--bg-secondary);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}.admin-layout{display:flex;min-height:100vh;position:relative}.sidebar-backdrop{background:#00000080;display:none;right:0;z-index:49}.sidebar,.sidebar-backdrop{bottom:0;left:0;position:fixed;top:0}.sidebar{background:#fff;background:var(--bg-primary);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-light);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base);width:260px;z-index:50}.sidebar.open{transform:translateX(0)}.sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem}.sidebar-title{color:#06f;color:var(--primary);font-size:1.25rem;font-weight:700;margin:0}.sidebar-close{align-items:center;background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:.25rem}.sidebar-close:hover{background:#f3f4f6;background:var(--bg-tertiary);color:#111827;color:var(--text-primary)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-item{align-items:center;color:#374151;color:var(--text-secondary);display:flex;gap:.75rem;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.nav-item:hover{background:#f3f4f6;background:var(--bg-tertiary);color:#111827;color:var(--text-primary)}.nav-item.active{background:#f0f7ff;background:var(--primary-bg);border-right:3px solid #06f;border-right:3px solid var(--primary);color:#06f;color:var(--primary)}.nav-item.active:before{bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.nav-badge,.nav-item.active:before{background:#06f;background:var(--primary)}.nav-badge{border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:.75rem;margin-left:auto;padding:.125rem .5rem}.sidebar-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);padding:1rem 1.5rem}.logout-btn{align-items:center;background:#fff5f5;background:var(--error-bg);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#f44336;color:var(--error);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.logout-btn:hover{background:#f44336;background:var(--error);color:#fff}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:0;min-height:100vh}.header{background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);gap:1rem;height:64px;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:40}.header,.menu-btn{align-items:center;display:flex}.menu-btn{background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#374151;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:.5rem}.menu-btn:hover{background:#f3f4f6;background:var(--bg-tertiary)}.header-title,.menu-btn:hover{color:#111827;color:var(--text-primary)}.header-title{flex:1 1;font-size:1.125rem;font-weight:600}.header-actions{align-items:center;display:flex;gap:1rem}.user-badge{background:#f0f7ff;background:var(--primary-bg);border-radius:9999px;border-radius:var(--radius-full);color:#06f;color:var(--primary);font-size:.875rem;font-weight:500;padding:.5rem 1rem}.content{flex:1 1;overflow-y:auto;padding:1.5rem}.login-page{align-items:center;background:linear-gradient(135deg,#f0f7ff,#f0fff4);background:linear-gradient(135deg,var(--primary-bg) 0,var(--secondary-bg) 100%);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:#fff;background:var(--bg-primary);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:400px;padding:2.5rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#06f;color:var(--primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#6b7280;color:var(--text-tertiary);font-size:.875rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);font-size:.875rem;padding:.75rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#06f;border-color:var(--primary);box-shadow:0 0 0 3px #3385ff;box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-group input::placeholder{color:#9ca3af;color:var(--text-muted)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn-primary{background:#06f;background:var(--primary);color:#fff}.btn-primary:hover{background:#0052d4;background:var(--primary-dark)}.btn-success{background:#00c853;background:var(--secondary);color:#fff}.btn-success:hover{background:#00b34a;background:var(--secondary-dark)}.btn-warning{background:#ff9800;background:var(--warning);color:#fff}.btn-warning:hover{background:#e68900;background:var(--warning-dark)}.btn-error{background:#f44336;background:var(--error);color:#fff}.btn-error:hover{background:#d32f2f;background:var(--error-dark)}.btn-secondary{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.btn-secondary:hover{background:#e5e7eb;background:var(--gray-200)}.btn-outline{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-light);color:#374151;color:var(--text-secondary)}.btn-outline:hover{background:#f3f4f6;background:var(--bg-tertiary);border-color:#d1d5db;border-color:var(--border-medium)}.btn-sm{font-size:.75rem;padding:.5rem 1rem}.btn-block{width:100%}.btn-icon{border-radius:.375rem;border-radius:var(--radius-sm);padding:.5rem}.btn-back{align-items:center;color:#374151;color:var(--text-secondary);display:inline-flex;font-size:.875rem;gap:.5rem;text-decoration:none}.btn-back:hover{color:#06f;color:var(--primary)}.alert{border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:1.5rem;padding:1rem}.alert-success{background:#f0fff4;background:var(--secondary-bg);border:1px solid #33d47c;border:1px solid var(--secondary-light);color:#00b34a;color:var(--secondary-dark)}.alert-error{background:#fff5f5;background:var(--error-bg);border:1px solid #f6685e;border:1px solid var(--error-light);color:#d32f2f;color:var(--error-dark)}.alert-warning{background:#fff8f0;background:var(--warning-bg);border:1px solid #ffad33;border:1px solid var(--warning-light);color:#e68900;color:var(--warning-dark)}.alert-info{background:#f0f9ff;background:var(--info-bg);border:1px solid #4dabf5;border:1px solid var(--info-light);color:#1976d2;color:var(--info-dark)}.card{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transition:box-shadow .15s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.card-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.card-title{color:#111827;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.card-body{padding:1.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:1.5rem}.stat-card{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.stat-card:hover{border-color:#06f;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.stat-label{color:#6b7280;color:var(--text-tertiary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-value{color:#111827;color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.stat-change{align-items:center;display:flex;font-size:.75rem;gap:.25rem}.stat-change.positive{color:#00c853;color:var(--secondary)}.stat-change.negative{color:#f44336;color:var(--error)}.table-container{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);overflow-x:auto}table{border-collapse:collapse;font-size:.875rem;width:100%}thead{background:#f3f4f6;background:var(--bg-tertiary)}th{font-weight:600;text-align:left;white-space:nowrap}td,th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);color:#374151;color:var(--text-secondary);padding:.75rem 1rem}tbody tr:hover{background:#f3f4f6;background:var(--bg-tertiary)}tbody tr:last-child td{border-bottom:none}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;justify-content:center;padding:.25rem .75rem;white-space:nowrap}.badge.success{background:#f0fff4;background:var(--secondary-bg);color:#00b34a;color:var(--secondary-dark)}.badge.warning{background:#fff8f0;background:var(--warning-bg);color:#e68900;color:var(--warning-dark)}.badge.error{background:#fff5f5;background:var(--error-bg);color:#d32f2f;color:var(--error-dark)}.badge.info{background:#f0f9ff;background:var(--info-bg);color:#1976d2;color:var(--info-dark)}.badge.default{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.empty-state{color:#6b7280;color:var(--text-tertiary);padding:3rem 1rem;text-align:center}.empty-state svg{color:#9ca3af;color:var(--text-muted);margin-bottom:1rem}.empty-state h3{color:#374151;color:var(--text-secondary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.empty-state p,.loading{font-size:.875rem}.loading{min-height:200px}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.settings-card{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);overflow:hidden}.settings-card-header{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;gap:.75rem;padding:1.25rem 1.5rem}.settings-card-header h3{color:#111827;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.settings-card-body{padding:1.5rem}.setting-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1rem 0}.setting-item label{color:#374151;color:var(--text-secondary);font-size:.875rem;font-weight:500}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#d1d5db;background:var(--border-medium);border-radius:9999px;border-radius:var(--radius-full);bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.toggle-slider{background:#06f;background:var(--primary)}input:checked+.toggle-slider:before{transform:translateX(20px)}.number-input,.select-input{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);font-size:.875rem;padding:.5rem .75rem;width:100px}.danger-zone{border:1px solid #f6685e;border:1px solid var(--error-light);border-radius:.5rem;border-radius:var(--radius-md);overflow:hidden}.danger-item{background:#fff5f5;background:var(--error-bg);border-bottom:1px solid #f6685e;border-bottom:1px solid var(--error-light);padding:1.25rem 1.5rem}.danger-item h4{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.danger-item h4,.danger-item p{color:#d32f2f;color:var(--error-dark)}.danger-item p{font-size:.75rem}.dropdown{display:inline-block;position:relative}.dropdown-content{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:none;min-width:160px;position:absolute;right:0;top:100%;z-index:100}.dropdown:hover .dropdown-content{display:block}.dropdown-item{background:none;border:none;color:#374151;color:var(--text-secondary);cursor:pointer;display:block;font-size:.875rem;padding:.75rem 1rem;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.dropdown-item:hover{background:#f3f4f6;background:var(--bg-tertiary);color:#111827;color:var(--text-primary)}.notification-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filter-btn{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.filter-btn:hover{background:#f3f4f6;background:var(--bg-tertiary);border-color:#d1d5db;border-color:var(--border-medium)}.filter-btn.active{background:#06f;background:var(--primary);border-color:#06f;border-color:var(--primary);color:#fff}.notifications-list{display:flex;flex-direction:column;gap:.75rem}.notification-item{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border-left:4px solid #06f;border:1px solid var(--border-light);border-left:4px solid var(--primary);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.notification-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.notification-item.unread{background:#f0f7ff;background:var(--primary-bg)}.notification-icon{align-items:flex-start;display:flex}.notification-content{flex:1 1}.notification-content h4{color:#111827;color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.notification-content p{color:#374151;color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.notification-meta{color:#9ca3af;color:var(--text-muted);display:flex;font-size:.75rem;gap:1rem}.notification-time,.notification-user{align-items:center;display:flex;gap:.25rem}.notification-actions{align-items:flex-start;display:flex}.user-details .page-header{justify-content:space-between}.user-details .page-header,.user-profile-header{align-items:center;display:flex;margin-bottom:2rem}.user-profile-header{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);gap:1.5rem;padding:1.5rem}.user-avatar-large{align-items:center;background:#06f;background:var(--primary);color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:600;height:80px;justify-content:center;width:80px}.user-avatar-large,.user-avatar-large img{border-radius:9999px;border-radius:var(--radius-full)}.user-avatar-large img{height:100%;object-fit:cover;width:100%}.user-profile-info{flex:1 1}.user-profile-info h1{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.user-username{color:#6b7280;color:var(--text-tertiary);font-size:.875rem;margin-bottom:.75rem}.user-stats{display:flex;gap:1.5rem}.stat-item{align-items:center;color:#374151;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.user-status-badges{display:flex;flex-wrap:wrap;gap:.5rem}.status-badge{border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-badge.active{background:#f0fff4;background:var(--secondary-bg);color:#00b34a;color:var(--secondary-dark)}.status-badge.inactive{background:#fff8f0;background:var(--warning-bg);color:#e68900;color:var(--warning-dark)}.status-badge.banned{background:#fff5f5;background:var(--error-bg);color:#d32f2f;color:var(--error-dark)}.status-badge.suspended{background:#fff8f0;background:var(--warning-bg);color:#e68900;color:var(--warning-dark)}.kyc-verified{background:#f0fff4;background:var(--secondary-bg);color:#00b34a;color:var(--secondary-dark)}.kyc-pending{background:#fff8f0;background:var(--warning-bg);color:#e68900;color:var(--warning-dark)}.kyc-rejected{background:#fff5f5;background:var(--error-bg);color:#d32f2f;color:var(--error-dark)}.kyc-none{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{align-items:flex-start;display:flex;gap:.75rem}.info-item svg{flex-shrink:0}.info-item label,.info-item svg{color:#6b7280;color:var(--text-tertiary)}.info-item label{display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.info-item p{color:#374151;color:var(--text-secondary);font-size:.875rem;font-weight:500}.kyc-status{background:#f3f4f6;background:var(--bg-tertiary);border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1.5rem}.kyc-status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.kyc-status-header h4{color:#111827;color:var(--text-primary);font-size:1rem;font-weight:600}.kyc-date{color:#6b7280;color:var(--text-tertiary);font-size:.875rem;margin-bottom:1rem}.kyc-notes,.kyc-reason{border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;margin-top:1rem;padding:1rem}.kyc-reason{background:#fff5f5;background:var(--error-bg);color:#d32f2f;color:var(--error-dark)}.kyc-notes{background:#f0f9ff;background:var(--info-bg);color:#1976d2;color:var(--info-dark)}.kyc-actions{display:flex;gap:.75rem}@media (min-width:768px){.sidebar{flex-shrink:0;height:100vh;position:-webkit-sticky;position:sticky;transform:translateX(0)}.sidebar-backdrop{display:none!important}.main-content{margin-left:0;min-width:0}.menu-btn,.mobile-header{display:none}.header{position:-webkit-sticky;position:sticky}.login-card{padding:3rem}}@media (min-width:1024px){.sidebar{width:280px}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:640px){.content{padding:1rem}.stats-grid{grid-template-columns:1fr}.user-profile-header{flex-direction:column;text-align:center}.user-stats,.user-status-badges{justify-content:center}.header-actions{display:none}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-medium)}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--border-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content>*{animation:fadeIn .3s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-base)}@media print{.btn:not(.print-only),.header,.header-actions,.sidebar{display:none!important}.main-content{margin-left:0}.card{border:1px solid #000!important;box-shadow:none!important}.card,table{break-inside:avoid;page-break-inside:avoid}}.stat-card-link{color:inherit;text-decoration:none}.stat-card-link:hover .stat-card{border-color:#06f;border-color:var(--primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-action{color:#06f;color:var(--primary);font-size:.75rem;opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast)}.stat-card:hover .stat-action{opacity:1}.quick-action-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);color:inherit;display:flex;flex-direction:column;padding:1.5rem;text-align:center;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.quick-action-card:hover{background:#f0f7ff;background:var(--primary-bg);border-color:#06f;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-card svg{color:#06f;color:var(--primary);margin-bottom:1rem}.quick-action-card h4{color:#111827;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.quick-action-card p{color:#6b7280;color:var(--text-tertiary);font-size:.875rem;margin:0}.access-denied{margin:0 auto;max-width:600px;padding:4rem 2rem;text-align:center}.access-denied h2{color:#f44336;color:var(--error);font-size:2rem;font-weight:700;margin-bottom:1rem}.access-denied p{color:#374151;color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.loading{align-items:center;color:#6b7280;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading .spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-top-color:#06f;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:1rem;width:40px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h1{color:#111827;color:var(--text-primary);font-size:1.875rem;font-weight:700;margin:0}.sidebar>.sidebar-header{align-items:flex-start;flex-direction:column}.sidebar-header h2{color:#06f;color:var(--primary);font-size:1.25rem;font-weight:700;margin:0}.sidebar-header p{color:#6b7280;color:var(--text-tertiary);font-size:.75rem;margin:.125rem 0 0}.admin-info{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;gap:.75rem;padding:1rem 1.5rem}.admin-avatar,.mobile-avatar{align-items:center;background:#06f;background:var(--primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--text-inverse);display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;text-transform:uppercase;width:40px}.mobile-avatar{font-size:.875rem;height:32px;width:32px}.admin-details{min-width:0}.admin-details h4{color:#111827;color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0}.admin-details p{color:#6b7280;color:var(--text-tertiary);font-size:.75rem;margin:.125rem 0 .375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{background:#f0f7ff;background:var(--primary-bg);border-radius:9999px;border-radius:var(--radius-full);color:#06f;color:var(--primary);display:inline-block;font-size:.625rem;font-weight:700;letter-spacing:.05em;padding:.125rem .5rem}.role-badge.moderator{background:#fff8f0;background:var(--warning-bg);color:#e68900;color:var(--warning-dark)}.role-badge.support{background:#f0fff4;background:var(--secondary-bg);color:#00b34a;color:var(--secondary-dark)}.mobile-header{align-items:center;background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);gap:.75rem;justify-content:space-between;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:40}.mobile-title h3{color:#06f;color:var(--primary);font-size:1.125rem;font-weight:700;margin:0}.mobile-overlay{background:#00000080;inset:0;position:fixed;z-index:60}.mobile-sidebar{background:#fff;background:var(--bg-primary);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100%;max-width:85vw;width:280px}.close-btn{background:none;border:none;color:#6b7280;color:var(--text-tertiary);cursor:pointer;display:flex;padding:.25rem}@media (max-width:767px){.admin-layout{flex-direction:column}.mobile-header{display:flex}}.settings-page{max-width:1200px;padding:2rem;width:100%}.page-title{color:#111827;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.page-description,.section-description{color:#6b7280;color:var(--text-tertiary);font-size:.875rem;margin:.25rem 0 0}.alert-close{background:none;border:none;color:inherit;cursor:pointer;float:right;font-size:1.25rem;line-height:1}.settings-layout{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:220px minmax(0,1fr)}.settings-sidebar{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.125rem;padding:.5rem;position:-webkit-sticky;position:sticky;top:1rem}.settings-tab{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.625rem;padding:.625rem .75rem;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.settings-tab:hover{background:#f3f4f6;background:var(--bg-tertiary);color:#111827;color:var(--text-primary)}.settings-tab.active{background:#f0f7ff;background:var(--primary-bg);color:#06f;color:var(--primary)}.settings-tab.danger{color:#f44336;color:var(--error)}.settings-tab.danger.active,.settings-tab.danger:hover{background:#fff5f5;background:var(--error-bg)}.settings-sidebar-divider{background:#e5e7eb;background:var(--border-light);height:1px;margin:.5rem 0}.settings-section{display:none}.settings-section.active{display:block}.settings-section-header{margin-bottom:1rem}.settings-section-header h2{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.setting-item:last-child{border-bottom:none}.setting-info{display:flex;flex-direction:column;gap:.25rem;padding-right:1rem}.setting-label{color:#111827;color:var(--text-primary);font-size:.875rem;font-weight:500}.setting-warning{color:#e68900;color:var(--warning-dark);font-size:.75rem}.setting-control{flex-shrink:0}.text-input{background:#fff;background:var(--bg-primary);border:1px solid #d1d5db;border:1px solid var(--border-medium);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);font-size:.875rem;max-width:100%;padding:.5rem .75rem;width:260px}.text-input:focus{border-color:#06f;border-color:var(--primary);box-shadow:0 0 0 3px #f0f7ff;box-shadow:0 0 0 3px var(--primary-bg);outline:none}.toggle-switch.large{transform:scale(1.2)}.danger-zone-card,.system-info-card{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:.5rem 1.5rem}.danger-zone-card{border-color:#f6685e;border-color:var(--error-light)}.danger-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;gap:1.5rem;justify-content:space-between;padding:1rem 0}.danger-item:last-child{border-bottom:none}.danger-item.critical{background:#fff5f5;background:var(--error-bg);margin:0 -1.5rem;padding:1rem 1.5rem}.danger-info h4,.system-info-card h4{color:#111827;color:var(--text-primary);font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.danger-info p{color:#6b7280;color:var(--text-tertiary);font-size:.8125rem;margin:0}.system-info-card{padding:1.25rem 1.5rem}.system-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.75rem}.system-info-item{color:#374151;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.875rem;gap:.125rem}.text-error{color:#f44336;color:var(--error)}.text-success{color:#00b34a;color:var(--secondary-dark)}.loading-container{align-items:center;display:flex;justify-content:center;min-height:50vh}.loading-spinner,.spinner-sm{animation:settings-spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#06f;border:3px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--primary)}.loading-spinner{height:40px;width:40px}.spinner-sm{border-color:#fff #fff6 #fff6;border-width:2px;height:14px;width:14px}@keyframes settings-spin{to{transform:rotate(1turn)}}@media (max-width:900px){.settings-page{padding:1rem}.settings-layout{grid-template-columns:1fr}.settings-sidebar{flex-direction:row;flex-wrap:wrap;position:static}.settings-tab{width:auto}.settings-sidebar-divider{display:none}}.chat-moderation-page,.notifications-page{padding:2rem;width:100%}.moderation-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;gap:.5rem;margin-bottom:1.5rem}.moderation-tabs .tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#374151;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:-1px;padding:.75rem 1rem}.moderation-tabs .tab:hover{color:#111827;color:var(--text-primary)}.moderation-tabs .tab.active{border-bottom-color:#06f;border-bottom-color:var(--primary);color:#06f;color:var(--primary)}.filter-btn{align-items:center;display:inline-flex;gap:.375rem}.filter-count,.tab-badge{background:#f3f4f6;background:var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full);color:#374151;color:var(--text-secondary);font-size:.75rem;font-weight:600;min-width:1.25rem;padding:0 .375rem;text-align:center}.filter-btn.active .filter-count,.moderation-tabs .tab.active .tab-badge{background:#ffffff40;color:inherit}.moderation-tabs .tab.active .tab-badge{background:#06f;background:var(--primary);color:#fff;color:var(--text-inverse)}@media (max-width:767px){.chat-moderation-page,.notifications-page{padding:1rem}}.settings-section-actions{display:flex;justify-content:flex-end;margin-top:1rem}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-y-0{bottom:0;top:0}.left-0{left:0}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-16{height:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-full{width:100%}.flex-shrink-0{flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:#bbf7d0;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.bg-green-50{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:#eff6ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:#f9fafb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-50{--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to:#f0fdf400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-50{--tw-gradient-from:#fef2f2 var(--tw-gradient-from-position);--tw-gradient-to:#fef2f200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position)}.to-green-100{--tw-gradient-to:#dcfce7 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-red-100{--tw-gradient-to:#fee2e2 var(--tw-gradient-to-position)}.p-3{padding:.75rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pr-3{padding-right:.75rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}:where(.tw-preflight) *,:where(.tw-preflight) :after,:where(.tw-preflight) :before{border:0 solid #e5e7eb}:where(.tw-preflight) button,:where(.tw-preflight) input{color:inherit;font:inherit}:where(.tw-preflight) button{background-color:initial;background-image:none;cursor:pointer}:where(.tw-preflight) svg{display:block;vertical-align:middle}.hover\:from-blue-100:hover{--tw-gradient-from:#dbeafe var(--tw-gradient-from-position);--tw-gradient-to:#dbeafe00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-blue-700:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:#1d4ed800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-green-100:hover{--tw-gradient-from:#dcfce7 var(--tw-gradient-from-position);--tw-gradient-to:#dcfce700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-red-100:hover{--tw-gradient-from:#fee2e2 var(--tw-gradient-from-position);--tw-gradient-to:#fee2e200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-blue-200:hover{--tw-gradient-to:#bfdbfe var(--tw-gradient-to-position)}.hover\:to-green-200:hover{--tw-gradient-to:#bbf7d0 var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.hover\:to-red-200:hover{--tw-gradient-to:#fecaca var(--tw-gradient-to-position)}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:w-full{width:100%}.sm\:max-w-md{max-width:28rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}