@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--primary-blue:#3b82f6;--primary-blue-dark:#2563eb;--primary-blue-light:#dbeafe;--primary-blue-darker:#1e40af;--primary-blue-lighter:#eff6ff;--primary-orange:#f97316;--primary-orange-dark:#c2410c;--primary-orange-light:#ffedd5;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--success-bg:#ecfdf5;--warning-bg:#fffbeb;--error-bg:#fef2f2;--info-bg:#eff6ff;--glass-border:#fff3;--glass-bg-light:#ffffff26;--glass-bg-pattern:linear-gradient(135deg,#667eea,#764ba2);--warning-yellow:#f59e0b;--warning-yellow-light:#fef3c7;--success-green:#10b981;--success-green-light:#d1fae5;--error-red:#ef4444;--error-red-light:#fecaca;--accent-purple:#8b5cf6;--accent-purple-light:#ede9fe;--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;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#374151;color:var(--gray-700);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.glass-card{background:#ffffffbf;border:1px solid #fff3;border-radius:.75rem;border-radius:var(--radius-lg)}.glass-card,.glass-card-strong{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.glass-card-strong{background:#fffffff2;border:1px solid #ffffff4d;border-radius:.75rem;border-radius:var(--radius-lg)}.btn{border:none;font-family:inherit;font-size:.875rem;font-size:var(--text-sm);justify-content:center;outline:none;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#ffffffe6;border:1px solid #ffffff4d}.btn-secondary:hover{background:#fffffff2;border-color:#fff6;color:var(--gray-800);transform:translateY(-1px)}.btn-warning{border:1px solid #f59e0b;border:1px solid var(--warning);color:#fff}.btn-warning:hover{background:#d97706;border-color:#d97706;box-shadow:0 4px 12px #fb923c66;transform:translateY(-1px)}.btn-warning:active{transform:translateY(0)}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-sm{padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.form-group{margin-bottom:1rem}.form-label{color:#374151;color:var(--gray-700);display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-input{background:#ffffffe6;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;font-size:var(--text-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .2s ease;transition:all var(--transition-normal);width:100%}.form-input:focus{background:#fff;border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input.error{border-color:#ef4444;border-color:var(--error)}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-error{color:#ef4444;color:var(--error);font-size:.75rem;font-size:var(--text-xs);margin-top:.25rem;margin-top:var(--space-1)}.loading-spinner{border:2px solid #ffffff4d;border-top-color:initial;display:inline-block;height:16px;width:16px}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-slide-in-up{animation:slideInUp .3s ease-out forwards;opacity:0}.animate-modal-slide-in{animation:modalSlideIn .3s ease-out both}.animate-modal-fade-in{animation:modalFadeIn .2s ease-out both}.animate-slide-in{animation:slideIn .3s ease-out forwards;opacity:0}.hover-lift{transition:transform .2s ease;transition:transform var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-4{gap:1rem;gap:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.status-badge{align-items:center;border-radius:.25rem;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);gap:.25rem;gap:var(--space-1);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.status-pending{background:#fffbeb;color:#92400e}.status-approved{background:#ecfdf5;background:var(--success-bg);color:#065f46}.status-rejected{background:#fef2f2;color:#991b1b}.status-waiting{background:#eff6ff;background:var(--info-bg);color:#1e3a8a}.modal-overlay{background:#0009;bottom:0;overflow-y:auto;padding:1rem;padding:var(--space-4);right:0;z-index:9999}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;margin:auto;max-height:calc(100vh - 2rem);max-height:calc(100vh - var(--space-8));max-width:600px;padding:2rem;padding:var(--space-8);position:relative;width:100%}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0000000d;border-radius:.25rem;border-radius:var(--radius-sm)}.modal-content::-webkit-scrollbar-thumb{background:#0003;border-radius:.25rem;border-radius:var(--radius-sm)}.modal-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.modal-header{border-bottom:1px solid #0000001a;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:1rem;padding-bottom:var(--space-4)}.modal-footer{border-top:1px solid #0000001a;gap:.75rem;margin-top:1.5rem;margin-top:var(--space-6);padding-top:1.5rem;padding-top:var(--space-6)}.modal-close{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;position:absolute;right:1.5rem;right:var(--space-6);top:1.5rem;top:var(--space-6);transition:all .2s ease;transition:all var(--transition-normal);width:32px}.modal-close:hover{background:#00000026;color:#111827;color:var(--gray-900);transform:scale(1.05)}@media (max-width:768px){.modal-overlay{padding:.5rem;padding:var(--space-2)}.modal-content{border-radius:.75rem;border-radius:var(--radius-lg);max-height:calc(100vh - 1rem);max-height:calc(100vh - var(--space-4));padding:1.5rem;padding:var(--space-6)}.modal-close{font-size:16px;height:28px;right:1rem;right:var(--space-4);top:1rem;top:var(--space-4);width:28px}}.btn{align-items:center;border:1px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000d;cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);line-height:1.5;overflow:hidden;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);position:relative;text-decoration:none;transition:all .2s ease;transition:all var(--transition-normal)}.btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:active,.btn:disabled{box-shadow:0 1px 2px #0000000d}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:#3b82f6;border-color:#3b82f6;border-color:var(--primary-blue)}.btn-primary:hover{background:#2563eb;background:var(--primary-blue-dark);border-color:#2563eb;border-color:var(--primary-blue-dark)}.btn-primary:active{background:#1e40af;background:var(--primary-blue-darker);border-color:#1e40af;border-color:var(--primary-blue-darker)}.btn-secondary{background:#f3f4f6;background:var(--gray-100);color:#374151}.btn-secondary,.btn-secondary:hover{border-color:#d1d5db;border-color:var(--gray-300)}.btn-secondary:hover{background:#e5e7eb;background:var(--gray-200);color:#111827;color:var(--gray-900)}.btn-ghost{background:#0000;border-color:#0000;box-shadow:none;color:var(--gray-600)}.btn-ghost:hover{background:#f3f4f6;background:var(--gray-100);box-shadow:0 1px 2px #0000000d;color:#111827;color:var(--gray-900)}.btn-sm{font-size:.875rem;font-size:var(--text-sm);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.btn-lg{font-size:1.125rem;font-size:var(--text-lg);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.btn-success{background:#10b981;background:var(--success);border-color:#10b981;border-color:var(--success);color:#fff}.btn-success:hover{background:#059669;border-color:#059669}.btn-danger{background:#ef4444;background:var(--error);border-color:#ef4444;border-color:var(--error);color:#fff}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn-warning{background:#f59e0b;background:var(--warning);border-color:#f59e0b;border-color:var(--warning);color:#92400e}.btn-warning:hover{background:#fbbf24;border-color:#fbbf24}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-stats,.animate-stats>*{animation:slideInUp .4s ease-out both}.animate-stats>:first-child{animation-delay:.05s}.animate-stats>:nth-child(2){animation-delay:.1s}.animate-stats>:nth-child(3){animation-delay:.15s}.animate-stats>:nth-child(4){animation-delay:.2s}.animate-list{animation:fadeIn .3s ease-out both}.animate-list>*{animation:slideInUp .4s ease-out both;animation-fill-mode:both}.animate-list>:first-child{animation-delay:.05s}.animate-list>:nth-child(2){animation-delay:.1s}.animate-list>:nth-child(3){animation-delay:.15s}.animate-list>:nth-child(4){animation-delay:.2s}.animate-list>:nth-child(5){animation-delay:.25s}.animate-list>:nth-child(6){animation-delay:.3s}.animate-list>:nth-child(7){animation-delay:.35s}.animate-list>:nth-child(8){animation-delay:.4s}.animate-list>:nth-child(9){animation-delay:.45s}.animate-list>:nth-child(10){animation-delay:.5s}.animate-tabs{animation:slideInRight .3s ease-out both}.animate-filters{animation:slideInLeft .3s ease-out both;animation-delay:.1s}.animated-card{transition:all .2s ease-out;will-change:transform,box-shadow}.animated-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.animate-loading{animation:scaleIn .3s ease-out both}.alert-overlay{align-items:center;animation:alertFadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:10000}@keyframes alertFadeIn{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:1}}.alert-modal{animation:alertSlideIn .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px 0 #ffffff80;max-height:80vh;max-width:600px;min-width:400px;overflow:hidden;position:relative;width:100%}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.alert-header{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:var(--space-6) var(--space-6) var(--space-4)}.alert-title-container{align-items:center;display:flex;gap:var(--space-3)}.alert-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.alert-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;line-height:1.2;margin:0}.alert-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:all .2s ease}.alert-close:hover{background:#0000000d;color:var(--color-text-primary);transform:scale(1.05)}.alert-body{max-height:60vh;overflow-y:auto;padding:0 var(--space-6) var(--space-4)}.alert-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.5}.alert-description strong{color:var(--color-text-primary);font-weight:600}.alert-description em{color:var(--color-text-primary);font-style:italic}.alert-description code{background:#0000000d;border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:Consolas,Monaco,monospace;font-size:.9em;padding:2px 6px}.alert-footer{border-top:1px solid #00000014;display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6) var(--space-6)}.alert-button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;min-width:80px;outline:none;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all var(--transition-normal)}.alert-button:disabled{cursor:not-allowed;opacity:.5}.alert-button.primary{background:var(--primary-blue);color:#fff}.alert-button.primary:hover:not(:disabled){background:var(--primary-blue-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.alert-button.secondary{background:#ffffffe6;border:1px solid #ffffff4d;color:var(--gray-700)}.alert-button.secondary:hover:not(:disabled){background:#fffffff2;border-color:#fff6;color:var(--gray-800);transform:translateY(-1px)}.alert-button.danger{background:var(--error);color:#fff}.alert-button.danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.alert-button.success{background:var(--success);color:#fff}.alert-button.success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.alert-button.warning{background:var(--warning);border:1px solid var(--warning);color:#fff}.alert-button.warning:hover:not(:disabled){background:#d97706;border-color:#d97706;box-shadow:0 4px 12px #fb923c66;transform:translateY(-1px)}.alert-info .alert-icon{color:var(--color-primary)}.alert-warning .alert-icon{color:#f59e0b}.alert-error .alert-icon{color:#ef4444}.alert-info .alert-title{color:var(--color-primary)}.alert-warning .alert-title{color:#d97706}.alert-error .alert-title{color:#dc2626}@media (max-width:768px){.alert-modal{margin:var(--space-4);max-height:90vh;min-width:0;min-width:auto}.alert-header{padding:var(--space-4) var(--space-4) var(--space-3)}.alert-body{padding:0 var(--space-4) var(--space-3)}.alert-footer{flex-direction:column-reverse;padding:var(--space-3) var(--space-4) var(--space-4)}.alert-button{justify-content:center;width:100%}}.app-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg-strong);border-bottom:1px solid var(--glass-border);height:64px;padding:0 var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header,.header-content{align-items:center;display:flex}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;width:100%}.header-left .logo{gap:var(--space-3)}.header-left .logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:var(--gradient-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;font-size:var(--text-sm);height:32px;justify-content:center;width:32px}.logo-icon,.logo-text{font-weight:var(--font-bold)}.logo-text{color:var(--gray-900);font-size:var(--text-lg)}.header-right{gap:var(--space-4)}.admin-info,.header-right{align-items:center;display:flex}.admin-info{background:var(--glass-bg-light);border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);gap:var(--space-3);padding:var(--space-2) var(--space-3)}.admin-avatar{align-items:center;background:var(--gradient-accent);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);height:36px;justify-content:center;width:36px}.admin-details{display:flex;flex-direction:column;gap:1px}.admin-name{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.2}.admin-role{color:var(--gray-600);font-size:var(--text-xs);line-height:1.2;text-transform:capitalize}.logout-btn{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--space-2)}.logout-btn svg{transition:transform var(--transition-fast)}.logout-btn:hover svg{transform:translateX(2px)}@media (max-width:768px){.app-header{height:56px;padding:0 var(--space-4)}.admin-details,.logo-text{display:none}.admin-info{padding:var(--space-1)}.logout-btn span{display:none}}@media (max-width:480px){.app-header{padding:0 var(--space-3)}.header-right{gap:var(--space-2)}}.app-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg-strong);border-right:1px solid var(--glass-border);flex-shrink:0;overflow-y:auto;padding:var(--space-6) 0;position:relative;width:280px}.sidebar-nav{height:100%}.sidebar-menu{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0}.sidebar-menu-item{padding:0 var(--space-4)}.sidebar-menu-link{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--gray-600);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);padding:var(--space-3) var(--space-4);position:relative;text-align:left;transition:all var(--transition-fast);width:100%}.sidebar-menu-link:hover{background:var(--glass-bg-light);color:var(--gray-900);transform:translateY(-1px)}.sidebar-menu-link.active{background:var(--primary-blue-light);box-shadow:var(--shadow-sm);color:var(--primary-blue)}.sidebar-menu-link.active:before{background:var(--primary-blue);border-radius:0 2px 2px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.menu-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;justify-content:center;transition:transform var(--transition-fast)}.sidebar-menu-link:hover .menu-icon{transform:scale(1.1)}.menu-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-badge{align-items:center;animation:pulse 2s infinite;background:var(--error-red);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);height:18px;justify-content:center;min-width:18px;padding:2px 6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:1024px){.app-sidebar{width:240px}}@media (max-width:768px){.app-sidebar{bottom:0;box-shadow:var(--shadow-xl);left:-280px;position:fixed;top:64px;transition:left var(--transition-base);width:280px;z-index:50}.app-sidebar.open{left:0}.sidebar-menu-link{padding:var(--space-4)}}@media (max-width:480px){.app-sidebar{left:-100vw;width:100vw}.app-sidebar.open{left:0}}.app-sidebar::-webkit-scrollbar{width:4px}.app-sidebar::-webkit-scrollbar-track{background:#0000}.app-sidebar::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.app-sidebar::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.app-layout{background:var(--glass-bg-pattern);display:flex;flex-direction:column;min-height:100vh;position:relative}.app-layout-body{display:flex;flex:1 1;overflow:hidden}.app-layout-content{flex:1 1;overflow-y:auto;padding:var(--space-6);position:relative}.content-wrapper{margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:1}@media (max-width:1024px){.app-layout-content{padding:var(--space-4)}}@media (max-width:768px){.app-layout-body{flex-direction:column}.app-layout-content{padding:var(--space-3)}}@media (max-width:480px){.app-layout-content{padding:var(--space-2)}}.dashboard{margin:0 auto;max-width:1200px;padding:var(--space-6)}.dashboard-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner{border:2px solid #3b82f633;border-left-color:#3b82f6;flex-shrink:0;height:24px;width:24px}.dashboard-header{margin-bottom:var(--space-8);text-align:center}.dashboard-header h1{color:var(--gray-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.dashboard-subtitle{color:var(--gray-600);font-size:var(--text-lg);margin:0}.dashboard-error{margin-bottom:var(--space-6)}.error-card{background:var(--error-red-light);border:1px solid var(--error-red-main);color:var(--error-red);padding:var(--space-4);text-align:center}.dashboard-stats{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-8)}.stat-card{align-items:center;display:flex;gap:var(--space-4);padding:var(--space-6);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon-pending{background:var(--warning-yellow-light);color:var(--warning-yellow)}.stat-icon-total{background:var(--primary-blue-light);color:var(--primary-blue)}.stat-icon-users{background:var(--success-green-light);color:var(--success-green)}.stat-icon-today{background:var(--accent-purple-light);color:var(--accent-purple)}.stat-content{flex:1 1}.stat-number{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1.2;margin-bottom:var(--space-1)}.stat-label{font-weight:var(--font-medium)}.dashboard-actions{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr}.action-card,.recent-activity{padding:var(--space-6)}.action-card h3,.recent-activity h3{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.action-buttons{display:flex;flex-direction:column}.action-buttons .btn{gap:var(--space-2);justify-content:flex-start}.activity-list{display:flex;flex-direction:column;gap:var(--space-4)}.activity-item{align-items:flex-start;background:var(--glass-bg-light);border:1px solid var(--glass-border-light);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3);transition:all var(--transition-fast)}.activity-item:hover{background:var(--glass-bg);transform:translateX(4px)}.activity-icon{align-items:center;background:var(--gray-100);border-radius:var(--radius-md);color:var(--gray-600);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.activity-content{flex:1 1}.activity-content p{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0 0 var(--space-1) 0}.activity-time{color:var(--gray-700);font-size:var(--text-xs)}@media (max-width:1024px){.dashboard{padding:var(--space-4)}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-actions,.dashboard-stats{gap:var(--space-4)}}@media (max-width:768px){.dashboard{padding:var(--space-3)}.dashboard-header h1{font-size:var(--text-2xl)}.dashboard-stats{gap:var(--space-3);grid-template-columns:1fr}.dashboard-actions{gap:var(--space-4);grid-template-columns:1fr}.action-card,.recent-activity,.stat-card{padding:var(--space-4)}}@media (max-width:480px){.dashboard{padding:var(--space-2)}.dashboard-header{margin-bottom:var(--space-6)}.dashboard-header h1{font-size:var(--text-xl)}.dashboard-subtitle{font-size:var(--text-base)}.stat-card{flex-direction:column;gap:var(--space-3);text-align:center}.action-buttons{gap:var(--space-2)}.activity-item{padding:var(--space-2)}}.clickable{cursor:pointer;transition:all var(--transition-normal)}.clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card.clickable:hover{background:#fffffff2}.activity-item.clickable:hover{background:#ffffff1a}.activity-emoji{align-items:center;display:flex;font-size:18px;justify-content:center}.no-activity{color:var(--gray-200);padding:var(--space-8);text-align:center}.no-activity p{font-style:italic;margin:0}.job-card{animation:slideInUp .3s ease-out forwards;background:#fffffff2;border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;margin-bottom:var(--space-4);opacity:0;overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-fast)}.job-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.job-card-header{gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-4)}.job-card-header,.job-meta{align-items:center;display:flex;flex-wrap:wrap}.job-meta{gap:var(--space-3)}.job-id{background:var(--gray-200);color:var(--gray-700);font-weight:var(--font-semibold);padding:2px 6px}.job-date,.job-id{border-radius:var(--radius-sm);font-size:var(--text-xs)}.job-date{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-800);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2)}.job-type-badge{white-space:nowrap}.job-type-badge,.urgency-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.job-category{background:var(--primary-blue-light);border-radius:var(--radius-full);color:var(--primary-blue);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3)}.job-card-content{margin-bottom:var(--space-4)}.job-title{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:1.4;margin-bottom:var(--space-3)}.job-description{color:var(--gray-600);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-4)}.job-details{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.job-budget{color:var(--success-green);font-size:var(--text-base);font-weight:var(--font-semibold)}.job-budget,.job-user{align-items:center;display:flex;gap:var(--space-2)}.user-avatar{align-items:center;background:var(--gradient-accent);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);height:28px;justify-content:center;width:28px}.user-name{color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.job-attachments{align-items:center;color:var(--gray-700);display:flex;font-size:var(--text-xs);gap:var(--space-2)}.job-card-actions{display:flex;gap:var(--space-2);opacity:0;position:absolute;right:var(--space-4);top:var(--space-4);transform:translateY(-10px);transition:all var(--transition-fast);z-index:10}.job-card-actions.visible,.job-card:hover .job-card-actions{opacity:1;transform:translateY(0)}.action-btn{align-items:center;box-shadow:var(--shadow-md);display:flex;gap:var(--space-1);white-space:nowrap}.action-btn svg{flex-shrink:0}@media (max-width:768px){.job-card{padding:var(--space-4)}.job-card-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.job-meta{order:2}.job-category{align-self:flex-start;order:1}.job-details{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.job-card-actions{border-top:1px solid var(--gray-200);flex-wrap:wrap;justify-content:space-between;margin-top:var(--space-3);opacity:1;padding-top:var(--space-3);position:static;transform:none}.action-btn{flex:1 1;justify-content:center;min-width:0}.action-btn span{display:none}}@media (max-width:480px){.job-card{padding:var(--space-3)}.job-title{font-size:var(--text-base)}.job-description{font-size:var(--text-xs)}.job-meta{gap:var(--space-2)}.job-category{font-size:var(--text-xs);padding:2px var(--space-2)}.action-btn{font-size:var(--text-xs);padding:var(--space-2)}}.job-card.processing{opacity:.7;pointer-events:none}.job-card.processing:after{align-items:center;background:var(--glass-bg);bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.job-card:hover .job-title{color:var(--primary-blue)}.job-card:hover .job-category{background:var(--primary-blue-light);box-shadow:0 2px 4px #3b82f633;color:var(--primary-blue-dark)}.job-card:hover .user-avatar{transform:scale(1.1)}.job-card:hover .job-id{background:var(--gray-300);color:var(--gray-800)}.job-card:hover .job-date{background:var(--gray-200);border-color:var(--gray-300)}.lightbox-overlay{background-color:#000000e6;padding:var(--space-4);z-index:1000}.lightbox-container{height:100%;justify-content:center;width:100%}.lightbox-content{height:100%;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;width:100%}.lightbox-content,.lightbox-image{-moz-user-select:none;-ms-user-select:none}.lightbox-image{pointer-events:auto}.lightbox-image:not([style*="scale(1)"]){transition:none}.lightbox-close{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border-radius:50%;box-shadow:0 4px 12px #0000004d;height:48px;position:fixed;right:20px;top:20px;transition:background-color .2s ease;width:48px;z-index:1001}.lightbox-close:hover{background:#000;transform:scale(1.05)}.lightbox-close:focus{outline:2px solid #ffffff80;outline-offset:2px}.lightbox-navigation{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border-radius:var(--radius-lg);bottom:-80px;left:50%;padding:var(--space-3) var(--space-4);position:absolute;transform:translateX(-50%)}.lightbox-nav-btn{border-radius:50%;transition:background-color .2s ease}.lightbox-nav-btn:hover{background:#ffffff4d}.lightbox-zoom-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border-radius:var(--radius-md);bottom:20px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);left:50%;padding:var(--space-2) var(--space-3);position:fixed;transform:translateX(-50%);transition:opacity .3s ease;z-index:1001}@media (max-width:768px){.lightbox-overlay{padding:var(--space-2)}.lightbox-close{height:40px;right:10px;top:10px;width:40px}.lightbox-navigation{bottom:-70px;padding:var(--space-2) var(--space-3)}.lightbox-nav-btn{height:36px;width:36px}.lightbox-zoom-indicator{bottom:15px}}.lightbox-overlay{animation:lightboxFadeIn .2s ease-out}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-overlay *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.job-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.job-modal{animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.job-modal-header{align-items:flex-start;border-bottom:1px solid var(--glass-border);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-6)}.modal-title-section{flex:1 1}.modal-title{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.modal-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.modal-date{color:var(--gray-500);font-size:var(--text-sm)}.modal-job-type-badge{white-space:nowrap}.modal-job-type-badge,.modal-urgency{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.modal-category{background:var(--primary-blue-light);border-radius:var(--radius-full);color:var(--primary-blue);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3)}.modal-close-btn{background:none;border:none;border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;flex-shrink:0;padding:var(--space-1);transition:all var(--transition-fast)}.modal-close-btn:hover{background:var(--glass-bg-light);color:var(--gray-900)}.job-modal-tabs{border-bottom:1px solid var(--glass-border);display:flex;flex-shrink:0}.modal-tab{background:none;border:none;color:var(--gray-600);cursor:pointer;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-4) var(--space-6);position:relative;transition:all var(--transition-fast)}.modal-tab:hover{background:var(--glass-bg-light);color:var(--gray-900)}.modal-tab.active{background:var(--primary-blue-light);color:var(--primary-blue)}.modal-tab.active:after{background:var(--primary-blue);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.job-modal-content{flex:1 1;overflow-y:auto;padding:var(--space-6)}.modal-tab-content{animation:fadeIn .3s ease-out}.job-info-section{margin-bottom:var(--space-6)}.job-modal-title{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:1.4;margin-bottom:var(--space-4)}.job-modal-budget{align-items:center;color:var(--success-green);display:flex;font-size:var(--text-lg);font-weight:var(--font-bold);gap:var(--space-2);margin-bottom:var(--space-4)}.job-description-section h4{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.job-modal-description{background:var(--glass-bg-light);border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);color:var(--gray-700);font-size:var(--text-base);line-height:1.6;padding:var(--space-4)}.job-images-section{margin-top:var(--space-6)}.job-images-section h4{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.job-images-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:var(--space-4)}.job-image-item{aspect-ratio:16/12;background:var(--glass-bg-light);border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-fast)}.job-image-item:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.job-image-item:hover .image-overlay{opacity:1}.job-image{cursor:pointer;height:100%;object-fit:cover;transition:transform var(--transition-fast);width:100%}.image-overlay{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.job-image:hover{transform:scale(1.05)}.job-image-placeholder{align-items:center;bottom:0;color:var(--gray-500);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--space-2);justify-content:center;left:0;position:absolute;right:0;top:0}.job-image-placeholder svg{opacity:.5}.user-info-card{background:var(--glass-bg-light);border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-6)}.user-avatar-large{align-items:center;background:var(--gradient-accent);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:var(--text-lg);font-weight:var(--font-bold);height:64px;justify-content:center;width:64px}.user-details h4{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.user-email{color:var(--gray-600);font-size:var(--text-base);margin-bottom:var(--space-3)}.user-stats{display:flex;flex-direction:column;gap:var(--space-2)}.user-stat{align-items:center;display:flex;justify-content:space-between}.stat-label{color:var(--gray-600)}.stat-label,.stat-value{font-size:var(--text-sm)}.stat-value{color:var(--gray-900);font-weight:var(--font-medium)}.attachments-list{display:flex;flex-direction:column;gap:var(--space-3)}.attachment-item{align-items:center;background:var(--glass-bg-light);border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-4)}.attachment-icon{align-items:center;background:var(--primary-blue-light);border-radius:var(--radius-md);color:var(--primary-blue);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.attachment-info{flex:1 1}.attachment-name{color:var(--gray-900);display:block;font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:2px}.attachment-size{color:var(--gray-500);font-size:var(--text-sm)}.no-attachments{color:var(--gray-500);padding:var(--space-12);text-align:center}.no-attachments svg{margin-bottom:var(--space-4);opacity:.5}.job-modal-actions{background:var(--glass-bg-light);border-top:1px solid var(--glass-border);display:flex;flex-shrink:0;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6)}.action-form{width:100%}.action-form h4{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.form-select,.form-textarea{background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-base);padding:var(--space-3);transition:border-color var(--transition-fast);width:100%}.form-select:focus,.form-textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-light);outline:none}.form-textarea{font-family:inherit;min-height:80px;resize:vertical}.form-actions{justify-content:flex-end}.job-current-status{align-items:center;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:row;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-3)}.status-badge{border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.5px;padding:var(--space-2) var(--space-4);text-transform:uppercase}.status-badge.approved{background:var(--success-green-light);border:1px solid var(--success-green);color:var(--success-green)}.status-badge.rejected{background:var(--error-red-light);border:1px solid var(--error-red);color:var(--error-red)}.moderation-date{color:var(--gray-500);font-size:var(--text-xs);text-align:center}.form-description{background:#ffffff0d;border-left:3px solid var(--warning-yellow);border-radius:var(--radius-md);color:var(--gray-600);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-4);padding:var(--space-3)}@media (max-width:768px){.job-modal-overlay{padding:var(--space-2)}.job-modal{max-height:95vh}.job-modal-header{align-items:flex-start;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.modal-close-btn{align-self:flex-end;margin-top:-var(--space-2)}.modal-title{font-size:var(--text-xl)}.job-modal-tabs{overflow-x:auto}.modal-tab{flex-shrink:0;padding:var(--space-3) var(--space-4);white-space:nowrap}.job-modal-actions,.job-modal-content{padding:var(--space-4)}.job-modal-actions,.user-info-card{flex-direction:column}.user-info-card{text-align:center}.user-avatar-large{align-self:center}.attachment-item{padding:var(--space-3)}.form-actions{flex-direction:column-reverse}}@media (max-width:480px){.job-modal-overlay{padding:0}.job-modal{border-radius:0;max-height:100vh}.modal-meta{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.job-modal-title{font-size:var(--text-lg)}.job-modal-budget{font-size:var(--text-base)}}.moderation-history h4{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.moderation-actions-list{display:flex;flex-direction:column;gap:var(--space-4)}.moderation-action-item{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-4)}.action-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.action-badge{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3)}.action-approved{background:var(--success-bg);color:var(--success)}.action-rejected{background:var(--error-bg);color:var(--error)}.action-decision_changed{background:var(--warning-bg);color:var(--warning)}.action-date{color:var(--gray-500);font-size:var(--text-xs);font-weight:var(--font-medium)}.action-details{display:flex;flex-direction:column;gap:var(--space-2)}.action-admin{color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.action-comment,.action-reason{color:var(--gray-600);font-size:var(--text-sm);line-height:1.5}.action-comment strong,.action-reason strong{color:var(--gray-700)}.no-moderation-history{color:var(--gray-500);padding:var(--space-8);text-align:center}.no-moderation-history svg{margin-bottom:var(--space-4);opacity:.5}.no-moderation-history p{color:var(--gray-600);font-size:var(--text-base)}.modal-date{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:var(--radius-sm);color:var(--gray-700);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2)}.lightbox-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.lightbox-container{align-items:center;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;position:relative}.lightbox-content{align-items:center;display:flex;justify-content:center;max-height:80vh;max-width:100%}.lightbox-image{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:100%;max-width:100%;object-fit:contain;transition:transform .1s ease-out;-webkit-user-select:none;user-select:none}.lightbox-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all var(--transition-fast);width:40px}.lightbox-close:hover{background:#ffffff4d;transform:scale(1.1)}.lightbox-navigation{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:var(--radius-full);display:flex;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-2) var(--space-4)}.lightbox-nav-btn{align-items:center;background:#fff3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.lightbox-nav-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.1)}.lightbox-nav-btn:disabled{cursor:not-allowed;opacity:.5}.lightbox-counter{color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);min-width:60px;text-align:center}@media (max-width:768px){.lightbox-container{max-height:95vh;max-width:95vw}.lightbox-close{right:-10px;top:-40px}.lightbox-navigation{gap:var(--space-2);padding:var(--space-1) var(--space-3)}.lightbox-nav-btn{height:35px;width:35px}}.global-loader-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.global-loader-content{align-items:center;animation:scaleIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8)}.global-loader-spinner{align-items:center;display:flex;gap:var(--space-2)}.global-loader-circle{animation:bounce 1.5s ease-in-out infinite;background:var(--primary-blue);border-radius:50%;height:12px;width:12px}.global-loader-circle:nth-child(2){animation-delay:.2s}.global-loader-circle:nth-child(3){animation-delay:.4s}.global-loader-message{color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,80%,to{opacity:.7;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.jobs-moderation{margin:0 auto;max-width:1200px;padding:var(--space-6)}.jobs-loading{justify-content:center;min-height:400px}.jobs-loading,.loading-card{align-items:center;display:flex}.loading-card{flex-direction:column;gap:var(--space-4)}.loading-card p{color:var(--gray-700);font-weight:var(--font-medium)}.jobs-header{margin-bottom:var(--space-8);text-align:center}.jobs-header h1{color:var(--gray-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.jobs-subtitle{color:var(--gray-600);font-size:var(--text-lg);margin:0}.jobs-error{background:var(--error-red-light);border:1px solid var(--error-red-main);color:var(--error-red);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4)}.error-content,.jobs-error{align-items:center;display:flex}.error-content{gap:var(--space-3)}.error-content svg{flex-shrink:0}.jobs-filters{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-6)}.filter-tab.active{background:var(--primary-blue-light)}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;line-height:1.4;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);transition:all var(--transition-normal)}.search-input:focus{background:#ffffff26;box-shadow:0 0 0 3px #3b82f61a}.search-icon{left:var(--space-3);z-index:2}.search-clear,.search-icon{top:50%;transform:translateY(-50%)}.search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);position:absolute;right:var(--space-2);transition:all var(--transition-normal)}.search-clear:hover{background:#0000000d;color:var(--gray-700)}.jobs-list{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.jobs-empty{padding:var(--space-12) var(--space-8);text-align:center}.jobs-pagination{align-items:center;display:flex;gap:var(--space-4);justify-content:center;padding:var(--space-6)}.pagination-info{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-medium)}@media (max-width:1024px){.jobs-moderation{padding:var(--space-4)}.jobs-filters{align-items:stretch;flex-direction:column;gap:var(--space-4)}.filter-tabs{flex-wrap:wrap;justify-content:center}.filter-actions{flex-direction:column;gap:var(--space-3);justify-content:center}.search-container{max-width:100%}}@media (max-width:768px){.jobs-moderation{padding:var(--space-3)}.jobs-header h1{font-size:var(--text-2xl)}.jobs-subtitle{font-size:var(--text-base)}.jobs-filters{padding:var(--space-4)}.filter-tab{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.jobs-pagination{flex-direction:column;gap:var(--space-3)}}@media (max-width:480px){.jobs-moderation{padding:var(--space-2)}.jobs-header{margin-bottom:var(--space-6)}.jobs-filters{padding:var(--space-3)}.filter-tabs{gap:var(--space-1)}.filter-tab{font-size:var(--text-xs);padding:var(--space-2)}.empty-content{padding:var(--space-4)}.empty-content svg{height:32px;width:32px}}.support-page{margin:0 auto;max-width:1200px;padding:var(--space-6)}.support-header{margin-bottom:var(--space-8)}.support-header h1{color:var(--gray-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0}.support-subtitle{color:var(--gray-700);font-size:var(--text-lg);margin:0}.support-stats{grid-gap:var(--space-6);animation:slideInUp .3s ease-out both;display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.support-stat-card{animation:slideInUp .3s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);gap:var(--space-4);opacity:0;padding:var(--space-6);text-align:center;transition:all var(--transition-fast)}.support-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.support-stat-number{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-1);padding:var(--space-2)}.support-stat-label{color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.support-tabs{border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-1);margin-bottom:var(--space-6);padding:var(--space-1)}.support-tab-button{background:#0000;border:none;border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast);white-space:nowrap}.support-tab-button:hover{background:var(--glass-bg-light);color:var(--gray-900)}.support-tab-button.active{background:#fff;box-shadow:var(--shadow-sm);color:var(--primary-blue)}.support-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.support-filter-select{background:#ffffffe6;border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;font-family:inherit;font-size:var(--text-sm);min-width:140px;padding:var(--space-3) var(--space-4);transition:all var(--transition-normal)}.support-filter-select:hover{background:#fff;border-color:var(--gray-500)}.support-filter-select:focus{background:#fff;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.support-filter-select option{background:#fff;color:var(--gray-700)}.support-list{display:flex;flex-direction:column;gap:var(--space-4)}.support-item{animation:slideInUp .3s ease-out forwards;background:#fffffff2;border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-4);opacity:0;padding:var(--space-6);transition:all var(--transition-fast)}.support-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.support-item:last-child{margin-bottom:0}.support-item-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.support-item-info h3{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.support-item-email{color:var(--gray-700);display:block;font-size:var(--text-sm);margin-bottom:var(--space-1)}.support-item-date{color:var(--gray-500);font-size:var(--text-xs)}.support-item-badges{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.support-priority-badge,.support-status-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.support-status-new{background:var(--info-bg);color:var(--info)}.support-status-assigned,.support-status-progress{background:var(--warning-bg);color:var(--warning)}.support-status-contacted,.support-status-responded{background:var(--success-bg);color:var(--success)}.support-status-closed,.support-status-completed{background:var(--gray-100);color:var(--gray-700)}.support-status-cancelled,.support-status-spam{background:var(--error-bg);color:var(--error)}.support-priority-low{background:var(--success-bg);color:var(--success)}.support-priority-normal{background:var(--gray-100);color:var(--gray-700)}.support-priority-high{background:var(--warning-bg);color:var(--warning)}.support-priority-urgent{background:var(--error-bg);color:var(--error)}.support-item-content{margin-bottom:var(--space-4)}.support-item-content p{color:var(--gray-700);font-size:var(--text-sm);line-height:1.6;margin:0 0 var(--space-3) 0}.support-item-content strong{color:var(--gray-900);font-weight:var(--font-semibold)}.support-response-section{background:var(--success-bg);border-left:3px solid var(--success);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-4)}.support-item-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.support-action-select{background:#ffffffe6;border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;font-family:inherit;font-size:var(--text-sm);min-width:120px;padding:var(--space-2) var(--space-3);transition:all var(--transition-normal)}.support-action-select:hover{background:#fff;border-color:var(--gray-500)}.support-action-select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.support-action-select option{background:#fff;color:var(--gray-700)}.support-btn{border:none;font-family:inherit;text-decoration:none;transition:all var(--transition-normal)}.support-btn-primary:hover:not(:disabled){background:var(--primary-blue-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.support-btn-sm{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.support-btn:disabled{opacity:.5;transform:none}.support-pagination{align-items:center;display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-8);padding:var(--space-4)}.support-pagination button{background:#ffffffe6;border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-3) var(--space-4);transition:all var(--transition-normal)}.support-pagination button:hover:not(:disabled){background:#fff;border-color:var(--primary-blue);box-shadow:var(--shadow-sm);color:var(--primary-blue);transform:translateY(-1px)}.support-pagination button:disabled{cursor:not-allowed;opacity:.5;transform:none}.support-pagination span{color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.support-modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.support-modal-content{animation:modalSlideIn .3s ease-out both;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.support-modal-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--space-6)}.support-modal-header h3{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.support-modal-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;font-size:var(--text-xl);padding:var(--space-1);transition:color var(--transition-fast)}.support-modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.support-modal-body{padding:var(--space-6)}.support-original-message{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-4)}.support-original-message h4{color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.support-original-message p{color:var(--gray-700);font-size:var(--text-sm);line-height:1.6;margin:0 0 var(--space-2) 0}.support-original-message strong{color:var(--gray-900);font-weight:var(--font-semibold)}.support-response-form label{color:var(--gray-900);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.support-response-textarea{background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-700);font-family:inherit;font-size:var(--text-sm);line-height:1.6;min-height:120px;padding:var(--space-4);resize:vertical;transition:all var(--transition-normal);width:100%}.support-response-textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.support-response-textarea::placeholder{color:var(--gray-500)}.support-modal-footer{border-top:1px solid var(--gray-200);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6)}.support-modal-footer button{border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-3) var(--space-6);transition:all var(--transition-normal)}.support-modal-cancel{background:#fff;border:1px solid var(--gray-300);color:var(--gray-700)}.support-modal-cancel:hover{background:var(--gray-50);border-color:var(--gray-500)}.support-loading{align-items:center;display:flex;justify-content:center;min-height:400px}@keyframes support-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.support-loading-card p{color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}.support-error-alert{align-items:center;background:var(--error-bg);border:1px solid var(--error);border-radius:var(--radius-lg);color:var(--error);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6)}.support-error-alert p{font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}.support-error-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--error);cursor:pointer;display:flex;font-size:var(--text-lg);height:24px;justify-content:center;padding:var(--space-1);transition:background var(--transition-fast);width:24px}.support-error-close:hover{background:var(--error);color:#fff}@media (max-width:1024px){.support-page{padding:var(--space-4)}.support-stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.support-filters{gap:var(--space-2)}}@media (max-width:768px){.support-page{padding:var(--space-3)}.support-header-content{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.support-header h1{font-size:var(--text-2xl)}.support-stats{gap:var(--space-3);grid-template-columns:1fr 1fr}.support-filters{flex-direction:column;gap:var(--space-2)}.support-filter-select{width:100%}.support-item-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.support-item-actions{align-items:stretch;flex-direction:column;gap:var(--space-2)}.support-action-select,.support-btn{width:100%}.support-modal-content{margin:var(--space-2);max-height:calc(100vh - var(--space-4))}.support-modal-body,.support-modal-footer,.support-modal-header{padding:var(--space-4)}.support-modal-footer{flex-direction:column;gap:var(--space-2)}.support-modal-footer button{width:100%}}@media (max-width:480px){.support-page{padding:var(--space-2)}.support-header{margin-bottom:var(--space-6)}.support-header-content{align-items:stretch;flex-direction:column;gap:var(--space-3)}.support-header h1{font-size:var(--text-xl);text-align:center}.support-btn{justify-content:center;width:100%}.support-tabs{flex-direction:column;gap:var(--space-1)}.support-tab-button{text-align:center;width:100%}.support-stats{gap:var(--space-2);grid-template-columns:1fr}.support-item,.support-stat-card{padding:var(--space-4)}.support-pagination{gap:var(--space-2);padding:var(--space-2)}.support-pagination button{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}.support-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.support-btn:disabled{cursor:not-allowed;opacity:.6}.support-btn-primary{background:var(--primary-blue);border:1px solid var(--primary-blue);color:#fff}.support-btn-primary:hover:not(:disabled){background:#1565c0;background:var(--primary-blue-dark,#1565c0)}.support-btn-secondary{background:var(--gray-100);border:1px solid var(--gray-300);color:var(--gray-700)}.support-btn-secondary:hover:not(:disabled){background:var(--gray-200);color:var(--gray-800)}.support-btn-danger{background:var(--error);border:1px solid var(--error);color:#fff}.support-btn-danger:hover:not(:disabled){background:#d32f2f;background:var(--error-dark,#d32f2f)}.support-header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.status-badge.status-processed{background:var(--success-bg);color:var(--success)}.status-badge.status-rejected{background:var(--error-bg);color:var(--error)}.support-contact-info{margin-bottom:var(--space-4)}.support-contact-info h4{color:var(--gray-800);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.support-contact-info p{font-size:var(--text-sm);margin-bottom:var(--space-2)}.support-contact-info a{color:var(--primary-blue);font-weight:var(--font-medium);text-decoration:none}.support-contact-info a:hover{text-decoration:underline}.support-message-preview{background:var(--gray-50);border-left:4px solid var(--primary-blue);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-4)}.support-message-preview h4{color:var(--gray-800);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.support-message-preview p{color:var(--gray-700);font-size:var(--text-sm);line-height:1.5;margin:0}.contacts-empty,.feedback-empty{padding:var(--space-12) var(--space-8);text-align:center}.admin-management-page{margin:0 auto;max-width:1200px;padding:var(--space-6)}.admin-management-header{margin-bottom:var(--space-8);text-align:center}.admin-management-header h1{color:var(--gray-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.admin-subtitle{color:var(--gray-600);font-size:var(--text-lg);margin:0}.admin-management-loading{align-items:center;display:flex;height:60vh;justify-content:center}.loading-card{background:#fffffff2;box-shadow:var(--shadow-md);padding:var(--space-8);text-align:center}.error-alert,.loading-card{border-radius:var(--radius-lg)}.error-alert{margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6)}.error-alert button{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.admin-filters{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-6)}.filter-tabs{display:flex;gap:var(--space-1)}.filter-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--gray-600);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);position:relative;transition:all var(--transition-fast)}.filter-tab:hover{background:var(--glass-bg-light);color:var(--gray-900)}.filter-tab.active{background:#fff;box-shadow:var(--shadow-sm);color:var(--primary-blue)}.tab-badge{align-items:center;background:var(--error-red);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);height:16px;justify-content:center;min-width:16px;padding:2px 6px}.filter-tab.active .tab-badge{background:var(--primary-blue)}.filter-actions{align-items:center;display:flex;gap:var(--space-3)}.search-container{flex:1 1;max-width:400px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input{background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--gray-900);font-size:var(--text-sm);height:40px;padding:var(--space-2) var(--space-3) var(--space-2) 40px;transition:all var(--transition-fast);width:100%}.search-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-light);outline:none}.search-icon,.search-input::placeholder{color:var(--gray-500)}.search-icon{left:12px;pointer-events:none;position:absolute;z-index:1}.admin-item,.invite-item,.request-item{animation:slideInUp .3s ease-out forwards;background:#fffffff2;border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-4);opacity:0;padding:var(--space-6);transition:all var(--transition-fast)}.admin-item:hover,.invite-item:hover,.request-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-item:last-child,.invite-item:last-child,.request-item:last-child{margin-bottom:0}.admin-item-header,.invite-item-header,.request-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.admin-info h3,.invite-info h3,.request-info h3{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.admin-date,.invite-date,.request-date{color:var(--gray-500);font-size:var(--text-xs)}.admin-badges,.invite-status,.request-role{align-items:center;display:flex;gap:var(--space-2)}.role-badge,.status-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.05em;padding:var(--space-1) var(--space-2);text-transform:uppercase}.role-super-admin{background:var(--purple-100);color:var(--purple-700)}.role-admin{background:var(--blue-100);color:var(--blue-700)}.role-moderator{background:var(--green-100);color:var(--green-700)}.role-default{background:var(--gray-100);color:var(--gray-700)}.status-active{background:var(--success-bg);color:var(--success)}.status-inactive{background:var(--gray-100);color:var(--gray-600)}.status-pending{background:var(--warning-bg);color:var(--warning)}.status-rejected{background:var(--error-bg);color:var(--error)}.admin-item-content,.invite-item-content{margin-bottom:var(--space-4)}.admin-item-content p,.invite-item-content p{color:var(--gray-700);font-size:var(--text-sm);margin-bottom:var(--space-2)}.admin-item-content strong,.invite-item-content strong{color:var(--gray-900);font-weight:var(--font-medium)}.admin-item-actions,.request-item-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.invites-header,.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.invites-header{gap:var(--space-4)}.invites-filter{align-items:center;display:flex}.filter-dropdown{background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--gray-900);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);min-width:140px;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.filter-dropdown:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-light);outline:none}.filter-dropdown:hover{background:var(--gray-50);border-color:var(--primary-blue)}.invite-url{margin-top:var(--space-4)}.url-container{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.url-input{background:var(--gray-50);border:1px solid var(--gray-300);border-radius:var(--radius-md);flex:1 1;font-family:Courier New,monospace;font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.admins-empty,.invites-empty,.requests-empty{padding:var(--space-12) var(--space-8);text-align:center}.empty-content{margin:0 auto;max-width:400px}.empty-content svg{color:var(--gray-400);margin-bottom:var(--space-4)}.empty-content h3{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.empty-content p{color:var(--gray-600);font-size:var(--text-base);margin:0}.modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-content,.success-modal{animation:modalSlideIn .3s ease-out both}.success-modal{border-top:4px solid var(--success)}.modal-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--space-6)}.modal-header h3{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.modal-header button{background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;font-size:var(--text-xl);padding:var(--space-1);transition:all var(--transition-fast)}.modal-header button:hover{background:var(--gray-100);color:var(--gray-700)}.modal-body,.modal-footer{padding:var(--space-6)}.modal-footer{border-top:1px solid var(--gray-200);display:flex;gap:var(--space-3);justify-content:flex-end}.form-group input,.form-group select{border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);padding:var(--space-3);transition:border-color var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-bg);outline:none}.invite-info{color:var(--gray-600);font-size:var(--text-sm);margin-top:var(--space-4)}@media (max-width:768px){.admin-management-page{padding:var(--space-4)}.admin-filters{align-items:stretch;flex-direction:column;gap:var(--space-4)}.filter-tabs{flex-wrap:wrap;justify-content:space-around}.filter-tab{flex:1 1;justify-content:center;min-width:120px}.filter-actions{flex-direction:column;gap:var(--space-3)}.search-container{max-width:none}.admin-item-header,.invite-item-header,.request-item-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.admin-item-actions,.request-item-actions{align-items:stretch;flex-direction:column;gap:var(--space-2)}.invites-header{align-items:stretch;flex-direction:column;gap:var(--space-3)}.invites-filter{justify-content:flex-start}.filter-dropdown{max-width:200px;width:100%}.url-container{flex-direction:column;gap:var(--space-2)}.modal-content{margin:var(--space-4);width:auto}.modal-footer{flex-direction:column;gap:var(--space-2)}.modal-footer button{width:100%}}@media (max-width:480px){.admin-management-page{padding:var(--space-2)}.admin-item,.invite-item,.modal-body,.modal-footer,.modal-header,.request-item{padding:var(--space-4)}}.register-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:var(--space-4)}.register-container{max-width:450px;width:100%}.register-card{background:#fff;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:var(--space-8)}.register-header{margin-bottom:var(--space-6);text-align:center}.register-header h1{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.register-header p{color:var(--gray-600);font-size:var(--text-sm);margin:0}.invite-info{background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-4)}.invite-info h3{color:var(--blue-800);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.invite-info p{color:var(--blue-700);font-size:var(--text-sm);margin:var(--space-1) 0}.register-form{gap:var(--space-4)}.form-group,.register-form{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group input{border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);padding:var(--space-3);transition:all var(--transition-fast)}.form-group input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-bg);outline:none}.form-group input.error{border-color:var(--error);box-shadow:0 0 0 3px var(--error-bg)}.form-group input:disabled{background:var(--gray-100);cursor:not-allowed}.field-error{color:var(--error);font-size:var(--text-xs);font-weight:var(--font-medium)}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.form-actions button{border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.btn-primary{background:var(--primary-blue);border:1px solid var(--primary-blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-blue-dark);border-color:var(--primary-blue-dark)}.btn-primary:disabled{background:var(--gray-300);border-color:var(--gray-300);cursor:not-allowed}.btn-secondary{background:#fff;border:1px solid var(--gray-300);color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:var(--gray-50)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.loading-state{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:var(--space-8);text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-left:3px solid var(--gray-200);border:3px solid var(--gray-200);border-left-color:var(--primary-blue);border-radius:50%;height:32px;margin:0 auto var(--space-4);width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state p{color:var(--gray-600);font-size:var(--text-sm);margin:0}.error-state{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:var(--space-8);text-align:center}.error-state h2{color:var(--error);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-4) 0}.error-state p{color:var(--gray-600);font-size:var(--text-sm);margin:0 0 var(--space-6) 0}.success-state{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:var(--space-8);text-align:center}.success-icon{font-size:3rem;margin-bottom:var(--space-4)}.success-state h2{color:var(--success);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-4) 0}.success-state p{color:var(--gray-600);font-size:var(--text-sm);line-height:1.6;margin:0 0 var(--space-3) 0}.redirect-info{color:var(--gray-500);font-size:var(--text-xs);font-style:italic;margin-bottom:var(--space-6)!important}.error-alert{align-items:center;background:var(--error-bg);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.error-alert p{font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}.error-alert button{background:none;border:none;border-radius:var(--radius-sm);color:var(--error);cursor:pointer;font-size:var(--text-lg);padding:var(--space-1);transition:background var(--transition-fast)}.error-alert button:hover{background:var(--error);color:#fff}@media (max-width:480px){.register-page{padding:var(--space-2)}.error-state,.loading-state,.register-card,.success-state{padding:var(--space-6)}.register-header h1{font-size:var(--text-xl)}.form-actions{flex-direction:column}.form-actions button{width:100%}}.register-form input:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.form-actions button:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.statistics-page{padding:0}.statistics-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.page-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 30px}.page-title h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.page-title p{color:var(--text-secondary);font-size:.9rem;margin:5px 0 0}.period-selector{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:8px;padding:4px}.period-button{background:#fff0;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.period-button:hover{background:#fff9;color:var(--text-primary)}.period-button.active{background:var(--primary-blue);color:#fff}.metrics-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.metric-card{align-items:center;animation:slideInUp .3s ease forwards;background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.metric-icon{align-items:center;background:rgba(var(--primary-rgb),.1);border-radius:12px;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.metric-content h3{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.metric-content p{color:var(--text-secondary);font-size:.9rem;margin:4px 0 0}.statistics-grid{display:flex;flex-direction:column;gap:40px}.stat-section{animation:slideInUp .3s ease forwards;background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.stat-section h2{border-bottom:2px solid rgba(var(--primary-rgb),.1);color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 25px;padding-bottom:15px}.charts-row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:25px}.chart-container{background:#f8fafc80;border:1px solid #0000000d;border-radius:8px;padding:20px}.chart-container h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 20px;text-align:center}.moderation-stats,.subscription-stats{display:flex;flex-wrap:wrap;gap:30px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.stat-value{color:var(--text-primary);font-size:1.2rem;font-weight:600}.locations-list{background:#f8fafc80;border:1px solid #0000000d;border-radius:8px;padding:20px}.locations-list h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 15px}.location-item{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:8px 0}.location-item:last-child{border-bottom:none}.location-name{color:var(--text-primary);font-weight:500}.location-count{background:rgba(var(--primary-rgb),.1);border-radius:4px;color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:4px 8px}.support-metrics{display:flex;gap:30px}.metric-item{flex:1 1;text-align:center}.metric-item h4{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0 0 10px}.metric-big{color:var(--primary-color);font-size:2rem;font-weight:700}.job-types-stats{background:#fff}.job-type-timeline{width:100%}.type-filters{background:#f8fafc80;border:1px solid #0000001a;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:16px}.type-filter{background:#f0f0f0;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.type-filter:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.type-filter.active{box-shadow:0 2px 8px #0003;color:#fff}.payment-status-chart{width:100%}.status-filters{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.status-filter{border:none;border-radius:20px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.status-filter:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.payment-totals{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:20px}.total-card{background:#f8fafccc;border:1px solid #0000001a;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px;transition:transform .2s ease}.total-card:hover{transform:translateY(-2px)}.total-title{color:#666;font-size:14px;font-weight:500;margin-bottom:8px}.total-amount{align-items:center;color:#333;display:flex;font-size:24px;font-weight:700;gap:8px}.success-rate{background:#fffc;border-radius:12px;font-size:14px;font-weight:400;padding:2px 8px}.success-rate.high{background:#10b9811a;color:#059669}.success-rate.low{background:#ef44441a;color:#dc2626}.additional-stats{background:#fff}.additional-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.additional-metric{align-items:center;background:#f8fafccc;border:1px solid #0000001a;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:24px;transition:transform .2s ease}.additional-metric:hover{transform:translateY(-2px)}.additional-metric .metric-icon{background:rgba(var(--primary-rgb),.1);border-radius:10px;font-size:2rem;height:50px;width:50px}.metric-info h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 4px}.metric-info p{color:var(--text-secondary);font-size:.85rem;line-height:1.3;margin:0 0 8px}.metric-number{color:var(--primary-color);font-size:1.5rem;font-weight:700}.error-message{padding:60px 20px;text-align:center}.error-message h3{color:var(--error-color);font-size:1.5rem;margin:0 0 15px}.error-message p{color:var(--text-secondary);font-size:1.1rem;margin:0 0 25px}.retry-button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.retry-button:hover{background:var(--primary-hover)}@media (max-width:768px){.charts-row{gap:20px}.additional-metrics,.charts-row,.metrics-cards{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:20px}.moderation-stats,.subscription-stats,.support-metrics{flex-direction:column;gap:15px}}@media (max-width:480px){.additional-metric,.metric-card,.stat-section{padding:20px}}.settings-page{margin:0 auto;max-width:1200px;padding:var(--space-6)}.page-header{margin-bottom:var(--space-6)}.page-header h1{color:var(--gray-900);font-size:var(--text-3xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.page-header p{color:var(--gray-900);font-size:var(--text-base)}.settings-notification{align-items:center;animation:slideInRight .3s ease-out;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:#fff;display:flex;gap:var(--space-3);min-width:300px;padding:var(--space-4);position:fixed;right:20px;top:20px;z-index:1000}.settings-notification.success{background:linear-gradient(135deg,var(--success),var(--success-green))}.settings-notification.error{background:linear-gradient(135deg,var(--error),var(--error-red))}.settings-notification button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;width:24px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.settings-container{align-items:flex-start;display:flex;gap:var(--space-6)}.settings-tabs{display:flex;flex-direction:column;gap:var(--space-2);min-width:240px}.settings-tabs .glass-panel{padding:var(--space-4)}.tab-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--gray-900);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all .2s ease}.tab-button:hover{background:#3b82f61a;color:var(--gray-700);transform:translateX(4px)}.tab-button.active{background:var(--primary-blue);box-shadow:var(--shadow-md);color:#fff}.tab-icon{font-size:var(--text-lg);min-width:20px}.tab-label{font-weight:var(--font-medium)}.settings-content{flex:1 1}.settings-section h2{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-semibold)}.form-group,.settings-section h2{margin-bottom:var(--space-4)}.form-group label{color:var(--gray-700);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.form-input,.form-select{background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-900);font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-3);transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input.small{width:120px}.form-divider{margin:var(--space-6) 0 var(--space-4);position:relative;text-align:center}.form-divider:before{background:var(--gray-300);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.form-divider span{background:#fff;color:var(--gray-500);font-size:var(--text-sm);font-weight:var(--font-medium);padding:0 var(--space-4);position:relative;z-index:1}.settings-grid{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.setting-item{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-4);transition:all .2s ease}.setting-item:hover{background:#fff;box-shadow:var(--shadow-sm)}.setting-info h4{color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.setting-info p{color:var(--gray-500);font-size:var(--text-sm);margin:0}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--gray-300);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:var(--shadow-sm);content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:var(--primary-blue)}input:checked+.toggle-slider:before{transform:translateX(26px)}.security-info{display:flex;flex-direction:column;gap:var(--space-6)}.security-actions h3,.security-status h3{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.status-items{flex-direction:column}.status-item,.status-items{display:flex;gap:var(--space-3)}.status-item{align-items:center;border-radius:var(--radius-md);padding:var(--space-3)}.status-item.good{background:var(--success-bg);color:var(--success)}.status-item.warning{background:var(--warning-bg);color:var(--warning)}.status-icon{font-size:var(--text-lg)}.action-buttons{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.danger-zone{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:2px solid #ef44444d;border-radius:var(--radius-lg);margin-top:var(--space-4);padding:var(--space-5)}.danger-warning{align-items:flex-start;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.warning-icon{flex-shrink:0;font-size:var(--text-2xl)}.danger-warning h4{color:var(--error);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.danger-warning p{color:var(--gray-700);font-size:var(--text-sm);line-height:1.5}.danger-zone .btn-danger{font-weight:var(--font-semibold);transition:all .3s ease;width:100%}.danger-zone .btn-danger:hover:not(:disabled){box-shadow:0 8px 20px #ef44444d;transform:scale(1.02)}@media (max-width:768px){.settings-container{flex-direction:column}.settings-tabs{min-width:auto}.settings-tabs .glass-panel{padding:var(--space-3)}.settings-tabs{display:flex;flex-direction:row;gap:var(--space-2);overflow-x:auto}.tab-button{min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.setting-item{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.action-buttons{grid-template-columns:1fr}}.App{background:var(--glass-bg-pattern);min-height:100vh;position:relative}.App:before{animation:backgroundFloat 20s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,var(--primary-blue-light) 0,#0000 50%),radial-gradient(circle at 80% 80%,var(--accent-purple-light) 0,#0000 50%),radial-gradient(circle at 40% 60%,var(--success-green-light) 0,#0000 50%);bottom:0;content:"";left:0;opacity:.3;position:fixed;right:0;top:0;z-index:-1}@keyframes backgroundFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(1deg)}}.app-container{position:relative;z-index:1}.app-loading{align-items:center;display:flex;justify-content:center;min-height:100vh}@media (max-width:768px){.App{padding:0}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-balance{text-wrap:balance}.App :focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--primary-blue-main);outline-offset:2px}
/*# sourceMappingURL=main.eb55c11c.css.map*/