:root{--admin-primary: #4f46e5;--admin-primary-light: #6366f1;--admin-primary-dark: #3730a3;--admin-secondary: #10b981;--admin-secondary-light: #34d399;--admin-secondary-dark: #059669;--admin-danger: #ef4444;--admin-danger-light: #f87171;--admin-danger-dark: #dc2626;--admin-warning: #f59e0b;--admin-warning-light: #fbbf24;--admin-warning-dark: #d97706;--admin-info: #3b82f6;--admin-info-light: #60a5fa;--admin-info-dark: #2563eb;--admin-white: #ffffff;--admin-gray-50: #f9fafb;--admin-gray-100: #f3f4f6;--admin-gray-200: #e5e7eb;--admin-gray-300: #d1d5db;--admin-gray-400: #9ca3af;--admin-gray-500: #6b7280;--admin-gray-600: #4b5563;--admin-gray-700: #374151;--admin-gray-800: #1f2937;--admin-gray-900: #111827;--admin-space-1: .25rem;--admin-space-2: .5rem;--admin-space-3: .75rem;--admin-space-4: 1rem;--admin-space-5: 1.25rem;--admin-space-6: 1.5rem;--admin-space-8: 2rem;--admin-space-10: 2.5rem;--admin-space-12: 3rem;--admin-space-16: 4rem;--admin-text-xs: .75rem;--admin-text-sm: .875rem;--admin-text-base: 1rem;--admin-text-lg: 1.125rem;--admin-text-xl: 1.25rem;--admin-text-2xl: 1.5rem;--admin-text-3xl: 1.875rem;--admin-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--admin-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--admin-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--admin-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--admin-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--admin-radius-sm: .375rem;--admin-radius: .5rem;--admin-radius-md: .75rem;--admin-radius-lg: 1rem;--admin-radius-xl: 1.5rem}.admin-layout{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--admin-space-6)}.admin-container{max-width:1400px;margin:0 auto;background:var(--admin-white);border-radius:var(--admin-radius-xl);box-shadow:var(--admin-shadow-xl);overflow:hidden}.admin-header{background:linear-gradient(135deg,var(--admin-primary) 0%,var(--admin-primary-light) 100%);color:var(--admin-white);padding:var(--admin-space-8);position:relative;overflow:hidden}.admin-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="25" cy="75" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="75" cy="25" r="1" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.admin-header .header-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--admin-space-4)}.admin-header .header-title h1{font-size:var(--admin-text-3xl);font-weight:700;margin:0;letter-spacing:-.025em}.admin-header .header-title .subtitle{font-size:var(--admin-text-base);opacity:.9;margin-top:var(--admin-space-2)}.admin-header .header-actions{display:flex;gap:var(--admin-space-3);align-items:center}.admin-content{padding:var(--admin-space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--admin-space-2);padding:var(--admin-space-3) var(--admin-space-6);font-size:var(--admin-text-sm);font-weight:600;line-height:1;border:none;border-radius:var(--admin-radius);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-sm{padding:var(--admin-space-2) var(--admin-space-4);font-size:var(--admin-text-xs)}.btn.btn-lg{padding:var(--admin-space-4) var(--admin-space-8);font-size:var(--admin-text-base)}.btn.btn-primary{background:var(--admin-primary);color:var(--admin-white);box-shadow:var(--admin-shadow-sm)}.btn.btn-primary:hover:not(:disabled){background:var(--admin-primary-dark);box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.btn.btn-secondary{background:var(--admin-secondary);color:var(--admin-white);box-shadow:var(--admin-shadow-sm)}.btn.btn-secondary:hover:not(:disabled){background:var(--admin-secondary-dark);box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.btn.btn-danger{background:var(--admin-danger);color:var(--admin-white);box-shadow:var(--admin-shadow-sm)}.btn.btn-danger:hover:not(:disabled){background:var(--admin-danger-dark);box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.btn.btn-warning{background:var(--admin-warning);color:var(--admin-white);box-shadow:var(--admin-shadow-sm)}.btn.btn-warning:hover:not(:disabled){background:var(--admin-warning-dark);box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.btn.btn-outline{background:transparent;color:var(--admin-primary);border:2px solid var(--admin-primary)}.btn.btn-outline:hover:not(:disabled){background:var(--admin-primary);color:var(--admin-white)}.btn.btn-ghost{background:transparent;color:var(--admin-gray-600)}.btn.btn-ghost:hover:not(:disabled){background:var(--admin-gray-100);color:var(--admin-gray-900)}.admin-table-container{background:var(--admin-white);border-radius:var(--admin-radius-lg);box-shadow:var(--admin-shadow);overflow:hidden;margin-top:var(--admin-space-6)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--admin-text-sm)}.admin-table thead{background:var(--admin-gray-50)}.admin-table th{padding:var(--admin-space-4) var(--admin-space-6);text-align:left;font-weight:600;color:var(--admin-gray-700);border-bottom:1px solid var(--admin-gray-200);white-space:nowrap;font-size:var(--admin-text-xs);text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:var(--admin-space-4) var(--admin-space-6);border-bottom:1px solid var(--admin-gray-100);color:var(--admin-gray-900);vertical-align:middle}.admin-table tbody tr{transition:background-color .15s ease}.admin-table tbody tr:hover{background:var(--admin-gray-50)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table .table-actions{display:flex;gap:var(--admin-space-2);justify-content:flex-end}.admin-table .status-badge{display:inline-flex;align-items:center;gap:var(--admin-space-1);padding:var(--admin-space-1) var(--admin-space-3);border-radius:var(--admin-radius-sm);font-size:var(--admin-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.025em}.admin-table .status-badge.status-active{background:#10b9811a;color:var(--admin-secondary-dark)}.admin-table .status-badge.status-inactive{background:#6b72801a;color:var(--admin-gray-600)}.admin-table .status-badge.status-admin{background:#4f46e51a;color:var(--admin-primary-dark)}.admin-table .status-badge.status-warning{background:#f59e0b1a;color:var(--admin-warning-dark)}.admin-table .status-badge.status-danger{background:#ef44441a;color:var(--admin-danger-dark)}.admin-table .avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--admin-primary),var(--admin-primary-light));display:flex;align-items:center;justify-content:center;color:var(--admin-white);font-weight:600;font-size:var(--admin-text-sm)}.admin-card{background:var(--admin-white);border-radius:var(--admin-radius-lg);box-shadow:var(--admin-shadow);overflow:hidden;margin-bottom:var(--admin-space-6)}.admin-card .card-header{padding:var(--admin-space-6);border-bottom:1px solid var(--admin-gray-200);background:var(--admin-gray-50)}.admin-card .card-header .card-title{font-size:var(--admin-text-xl);font-weight:700;color:var(--admin-gray-900);margin:0}.admin-card .card-header .card-subtitle{font-size:var(--admin-text-sm);color:var(--admin-gray-600);margin-top:var(--admin-space-1)}.admin-card .card-header .card-actions{margin-top:var(--admin-space-4);display:flex;gap:var(--admin-space-3)}.admin-card .card-content{padding:var(--admin-space-6)}.admin-card .card-footer{padding:var(--admin-space-6);border-top:1px solid var(--admin-gray-200);background:var(--admin-gray-50)}.admin-form .form-group{margin-bottom:var(--admin-space-6)}.admin-form .form-group label{display:block;font-weight:600;color:var(--admin-gray-700);margin-bottom:var(--admin-space-2);font-size:var(--admin-text-sm)}.admin-form .form-group .form-input{width:100%;padding:var(--admin-space-3) var(--admin-space-4);border:1px solid var(--admin-gray-300);border-radius:var(--admin-radius);font-size:var(--admin-text-base);transition:border-color .15s ease,box-shadow .15s ease}.admin-form .form-group .form-input:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px #4f46e51a}.admin-form .form-group .form-input:disabled{background:var(--admin-gray-100);color:var(--admin-gray-500);cursor:not-allowed}.admin-form .form-group .form-error{margin-top:var(--admin-space-2);font-size:var(--admin-text-sm);color:var(--admin-danger)}.admin-form .form-group .form-help{margin-top:var(--admin-space-2);font-size:var(--admin-text-sm);color:var(--admin-gray-500)}.admin-form .form-actions{display:flex;gap:var(--admin-space-3);padding-top:var(--admin-space-6);border-top:1px solid var(--admin-gray-200)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--admin-space-6);margin-bottom:var(--admin-space-8)}.stat-card{background:var(--admin-white);border-radius:var(--admin-radius-lg);padding:var(--admin-space-6);box-shadow:var(--admin-shadow);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--admin-primary)}.stat-card .stat-icon{width:48px;height:48px;border-radius:var(--admin-radius);background:linear-gradient(135deg,var(--admin-primary),var(--admin-primary-light));display:flex;align-items:center;justify-content:center;font-size:var(--admin-text-xl);margin-bottom:var(--admin-space-4)}.stat-card .stat-value{font-size:var(--admin-text-3xl);font-weight:700;color:var(--admin-gray-900);line-height:1}.stat-card .stat-label{font-size:var(--admin-text-sm);color:var(--admin-gray-600);margin-top:var(--admin-space-2);font-weight:600}.stat-card .stat-change{font-size:var(--admin-text-xs);margin-top:var(--admin-space-1);font-weight:600}.stat-card .stat-change.positive{color:var(--admin-secondary)}.stat-card .stat-change.negative{color:var(--admin-danger)}@media (max-width: 1024px){.admin-layout{padding:var(--admin-space-4)}.admin-header{padding:var(--admin-space-6)}.admin-header .header-content{flex-direction:column;align-items:flex-start}.admin-content{padding:var(--admin-space-6)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--admin-space-4)}}@media (max-width: 768px){.admin-layout{padding:var(--admin-space-2)}.admin-header,.admin-content{padding:var(--admin-space-4)}.admin-table-container{overflow-x:auto}.admin-table{min-width:600px}.stats-grid{grid-template-columns:1fr}.btn{padding:var(--admin-space-3) var(--admin-space-4);font-size:var(--admin-text-xs)}}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--admin-gray-300);border-radius:50%;border-top-color:var(--admin-primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.loading-overlay .loading-content{text-align:center}.loading-overlay .loading-content .loading-spinner{width:40px;height:40px;margin-bottom:var(--admin-space-4)}.loading-overlay .loading-content .loading-text{color:var(--admin-gray-600);font-weight:600}.empty-state{text-align:center;padding:var(--admin-space-16) var(--admin-space-8);color:var(--admin-gray-500)}.empty-state .empty-icon{font-size:4rem;margin-bottom:var(--admin-space-4);opacity:.5}.empty-state .empty-title{font-size:var(--admin-text-xl);font-weight:600;color:var(--admin-gray-700);margin-bottom:var(--admin-space-2)}.empty-state .empty-description{font-size:var(--admin-text-base);margin-bottom:var(--admin-space-6)}html,body{margin:0;padding:0;height:100%;min-height:100vh;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}app-root{display:block;min-height:100vh;width:100%}.telegram-app{min-height:100vh!important;width:100%}.event-card,.user-card,.create-form,.tab-content,.event-card h1,.event-card h2,.event-card h3,.event-card h4,.event-card h5,.event-card h6,.user-card h1,.user-card h2,.user-card h3,.user-card h4,.user-card h5,.user-card h6,.create-form h1,.create-form h2,.create-form h3,.create-form h4,.create-form h5,.create-form h6,.tab-content h1,.tab-content h2,.tab-content h3,.tab-content h4,.tab-content h5,.tab-content h6{color:#2d3748!important}.event-card p,.event-card span,.event-card div,.user-card p,.user-card span,.user-card div,.create-form p,.create-form span,.create-form div,.tab-content p,.tab-content span,.tab-content div{color:#4a5568!important}.event-card .telegram-id,.event-card .join-date,.event-card .user-details,.user-card .telegram-id,.user-card .join-date,.user-card .user-details,.create-form .telegram-id,.create-form .join-date,.create-form .user-details,.tab-content .telegram-id,.tab-content .join-date,.tab-content .user-details{color:#718096!important}*[style*="background: white"],*[style*="background-color: white"],.white-bg,[class*=card],[class*=form]{color:#2d3748!important}.events-management .event-card *,.events-management .user-card *,.events-management .create-form *,.events-management .tab-content *,.event-details .event-card *,.event-details .user-card *,.event-details .create-form *,.event-details .tab-content *,.users-management .event-card *,.users-management .user-card *,.users-management .create-form *,.users-management .tab-content *{color:inherit!important}.events-management .event-title,.events-management .event-name,.events-management .user-name,.event-details .event-title,.event-details .event-name,.event-details .user-name,.users-management .event-title,.users-management .event-name,.users-management .user-name{color:#2d3748!important}.events-management .event-meta,.events-management .user-details,.events-management .stats,.event-details .event-meta,.event-details .user-details,.event-details .stats,.users-management .event-meta,.users-management .user-details,.users-management .stats{color:#4a5568!important}.events-management .created-date,.events-management .join-date,.events-management .telegram-id,.event-details .created-date,.event-details .join-date,.event-details .telegram-id,.users-management .created-date,.users-management .join-date,.users-management .telegram-id{color:#718096!important}