@font-face{font-family:Rubik;src:local("Rubik"),url(/assets/Rubik-Regular-MlFZsidn.woff2) format("woff2"),local("Rubik"),url(/assets/Rubik-Regular-BWOT0kZV.woff) format("woff"),local("Rubik"),url(/assets/Rubik-Regular-BCr64LpH.ttf) format("ttf");font-weight:400;font-style:normal}@font-face{font-family:Rubik;src:local("Rubik"),url(/assets/Rubik-Bold-CcRCGCfL.woff2) format("woff2"),local("Rubik"),url(/assets/Rubik-Bold-Bl9OTbbt.woff) format("woff"),local("Rubik"),url(/assets/Rubik-Bold-OGWP0tra.ttf) format("ttf");font-weight:700}@font-face{font-family:Rubik;src:local("Rubik"),url(/assets/Rubik-Medium-CivPKezq.ttf) format("ttf"),local("Rubik"),url(/assets/Rubik-Medium-BrI6KYh2.woff) format("woff"),local("Rubik"),url(/assets/Rubik-Medium-Dm7uJT_Z.woff2) format("woff2");font-weight:500}:root{--brand-cyan: #4A9FFF;--brand-purple: #7B61FF;--brand-magenta: #B34BD1;--brand-pink: #E165F5;--brand-deep-purple: #5A3FCC;--gradient-primary: linear-gradient(135deg, #4A9FFF 0%, #7B61FF 50%, #B34BD1 100%);--gradient-light: linear-gradient(135deg, #6BB4FF 0%, #9580FF 50%, #D962FA 100%);--gradient-hero: linear-gradient(135deg, #4A9FFF 0%, #7B61FF 35%, #B34BD1 70%, #E165F5 100%);--gradient-hero-dark: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--gradient-subtle: linear-gradient(135deg, rgba(74, 159, 255, .08) 0%, rgba(179, 75, 209, .08) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(250, 251, 255, .95) 100%);--gradient-animated: linear-gradient(-45deg, #e165f5, #6e93e8, #21a1dc, #8b5cf6);--shadow-soft: 0 2px 8px rgba(74, 159, 255, .08), 0 1px 4px rgba(123, 97, 255, .04);--shadow-medium: 0 4px 16px rgba(74, 159, 255, .12), 0 2px 8px rgba(123, 97, 255, .08);--shadow-large: 0 8px 32px rgba(74, 159, 255, .16), 0 4px 16px rgba(123, 97, 255, .12);--shadow-glow: 0 0 20px rgba(123, 97, 255, .3);--shadow-glow-strong: 0 0 40px rgba(123, 97, 255, .4);--shadow-colored: 0 4px 20px rgba(123, 97, 255, .35);--transition-default: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}body{background-color:#f8fafc;background-image:radial-gradient(at 40% 20%,rgba(225,101,245,.08) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(110,147,232,.08) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(33,161,220,.06) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(139,92,246,.06) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(225,101,245,.06) 0px,transparent 50%);min-height:100vh;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.gradient-solid{background:linear-gradient(180deg,#fff,#fafbff,#f5f7ff)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradientFlow{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradientPulse{0%,to{box-shadow:0 0 20px #7b61ff4d}50%{box-shadow:0 0 30px #7b61ff80}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientSpin{0%{transform:rotate(0);filter:hue-rotate(0deg)}to{transform:rotate(360deg);filter:hue-rotate(360deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.animate-fade-in-left{animation:fadeInLeft .5s ease-out forwards}.animate-fade-in-right{animation:fadeInRight .5s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,#7b61ff14,#4a9fff14,#7b61ff14);background-size:200% 100%;animation:shimmer 1.5s infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.gradient-hero{background:var(--gradient-hero);background-size:200% 200%;animation:gradientShift 8s ease infinite;color:#fff;border-radius:24px;padding:32px 40px;box-shadow:0 8px 32px #4a9fff33,0 4px 16px #7b61ff26;position:relative;overflow:hidden}.gradient-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.gradient-hero-dark{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;border-radius:24px;padding:32px 40px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.gradient-hero-dark:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(123,97,255,.25) 0%,transparent 70%);pointer-events:none}.gradient-hero-dark:after{content:"";position:absolute;bottom:-50%;left:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(74,159,255,.2) 0%,transparent 70%);pointer-events:none}.gradient-hero-animated{background:var(--gradient-animated);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:#fff;border-radius:24px;padding:32px 40px;position:relative;overflow:hidden}.stat-card{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow-soft);border:1px solid rgba(123,97,255,.08);transition:var(--transition-default);position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-4px);border-color:#7b61ff26}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:var(--transition-default)}.stat-card:hover:before{opacity:1}.stat-value{font-size:2.5rem;font-weight:700;color:#1f2937;line-height:1.2}.stat-label{font-size:.875rem;color:#6b7280;margin-top:4px;font-weight:500}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-colored);transition:var(--transition-default)}.stat-card:hover .stat-icon{transform:scale(1.1)}.icon-box{display:flex;align-items:center;justify-content:center;border-radius:16px;transition:var(--transition-default)}.icon-box-sm{width:40px;height:40px}.icon-box-md{width:48px;height:48px}.icon-box-lg{width:56px;height:56px}.icon-box-gradient{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-colored)}.icon-box-subtle{background:var(--gradient-subtle);color:var(--brand-purple)}.blur-circle{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;pointer-events:none}.blur-circle-purple{background:#7b61ff4d}.blur-circle-cyan{background:#4a9fff4d}.blur-circle-pink{background:#e165f54d}.glass{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.glass-strong{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.glass-card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(123,97,255,.1);border-radius:20px;box-shadow:var(--shadow-soft);transition:var(--transition-default);padding:24px}.glass-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px);border-color:#7b61ff33}.card-solid{background:#fff;border-radius:20px;box-shadow:var(--shadow-soft);border:1px solid rgba(123,97,255,.06);padding:24px;transition:var(--transition-default)}.card-solid:hover{box-shadow:var(--shadow-medium)}.card-hover{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.2);padding:24px;transition:var(--transition-default);cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-large);transform:translateY(-4px);border-color:#7b61ff26}.glass-sidebar{background:linear-gradient(180deg,#fffffffa,#fafbfff2,#f5f7ffe6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(123,97,255,.08);box-shadow:4px 0 24px #4a9fff14,2px 0 12px #7b61ff0a}.glass-header{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(123,97,255,.08);box-shadow:0 2px 16px #4a9fff0f}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-animated{background:var(--gradient-hero);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#7b61ff0a;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4a9fff4d,#7b61ff4d);border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4a9fff80,#7b61ff80)}*:focus-visible{outline:2px solid #7B61FF;outline-offset:2px;border-radius:4px}::selection{background:#7b61ff33;color:#5a3fcc}::-moz-selection{background:#7b61ff33;color:#5a3fcc}.gradient-border{position:relative;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--gradient-primary) border-box;border-radius:12px}.glow{box-shadow:var(--shadow-glow)}.glow-animated{animation:gradientPulse 2s ease-in-out infinite}.loading-spinner{width:48px;height:48px;border:3px solid rgba(123,97,255,.1);border-top-color:#7b61ff;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-gradient{width:48px;height:48px;border:3px solid transparent;border-radius:50%;background:linear-gradient(#fff,#fff) padding-box,var(--gradient-primary) border-box;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;animation:gradientSpin 1.5s linear infinite}.progress-gradient{height:6px;background:#7b61ff1a;border-radius:100px;overflow:hidden}.progress-gradient:after{content:"";display:block;height:100%;background:var(--gradient-primary);border-radius:100px;transition:width .3s ease}.notification-dot{width:10px;height:10px;background:var(--gradient-primary);border-radius:50%;box-shadow:0 0 8px #b34bd180;animation:pulse 2s ease-in-out infinite}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.hover-lift{transition:var(--transition-default)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.gradient-divider{height:2px;background:var(--gradient-primary);border:none;border-radius:1px;opacity:.3}.MuiTooltip-popper .MuiTooltip-arrow{color:#1e1e28eb}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600;transition:var(--transition-fast)}.badge-success{background:linear-gradient(135deg,#10b98126,#10b9811a);color:#059669;border:1px solid rgba(16,185,129,.2)}.badge-warning{background:linear-gradient(135deg,#f59e0b26,#f59e0b1a);color:#b45309;border:1px solid rgba(245,158,11,.2)}.badge-error{background:linear-gradient(135deg,#ef444426,#ef44441a);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.badge-info{background:linear-gradient(135deg,#4a9fff26,#4a9fff1a);color:#2e7fd9;border:1px solid rgba(74,159,255,.2)}.badge-purple{background:linear-gradient(135deg,#7b61ff26,#7b61ff1a);color:#5a3fcc;border:1px solid rgba(123,97,255,.2)}.badge-gradient{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 2px 8px #7b61ff4d}.btn-primary-gradient{background:var(--gradient-primary);color:#fff;border:none;padding:12px 28px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition-default);box-shadow:var(--shadow-colored);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary-gradient:hover{background:var(--gradient-light);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-primary-gradient:active{transform:translateY(0)}.btn-secondary-gradient{background:#fff;color:#5a3fcc;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--gradient-primary) border-box;padding:10px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition-default);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary-gradient:hover{background:var(--gradient-subtle) padding-box,var(--gradient-primary) border-box;transform:translateY(-1px)}.btn-ghost{background:transparent;color:#6b7280;border:none;padding:10px 20px;border-radius:10px;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-ghost:hover{background:#7b61ff14;color:#5a3fcc}.fab-gradient{width:56px;height:56px;border-radius:16px;background:var(--gradient-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-default);box-shadow:var(--shadow-large)}.fab-gradient:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-glow-strong)}.avatar-gradient{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:var(--shadow-colored)}.avatar-ring{width:44px;height:44px;border-radius:50%;padding:2px;background:var(--gradient-primary)}.avatar-ring>img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid white}.table-modern{border-collapse:separate;border-spacing:0;width:100%}.table-modern thead th{background:linear-gradient(135deg,#4a9fff0a,#b34bd10a);padding:16px 20px;font-weight:600;color:#5a3fcc;border-bottom:2px solid rgba(123,97,255,.1);text-align:left}.table-modern tbody tr{transition:var(--transition-fast)}.table-modern tbody tr:hover{background:#7b61ff08}.table-modern tbody td{padding:16px 20px;border-bottom:1px solid rgba(123,97,255,.06)}.empty-state{text-align:center;padding:60px 40px}.empty-state-icon{width:80px;height:80px;border-radius:24px;background:linear-gradient(135deg,#7b61ff1a,#4a9fff1a);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.empty-state-icon svg{width:40px;height:40px;color:#7b61ff;opacity:.6}.empty-state-title{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:8px}.empty-state-description{font-size:14px;color:#6b7280;max-width:360px;margin:0 auto}.pulse-notification{position:relative}.pulse-notification:after{content:"";position:absolute;top:6px;right:6px;width:10px;height:10px;background:var(--gradient-primary);border-radius:50%;border:2px solid white;animation:pulse 2s ease-in-out infinite}.section-header{margin-bottom:24px}.section-title{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:4px}.section-subtitle{font-size:14px;color:#6b7280}.search-input-modern{display:flex;align-items:center;background:#ffffffe6;border:1px solid rgba(123,97,255,.15);border-radius:12px;padding:12px 16px;transition:var(--transition-default);box-shadow:var(--shadow-soft)}.search-input-modern:focus-within{border-color:#7b61ff;box-shadow:0 0 0 3px #7b61ff26}.search-input-modern input{border:none;background:transparent;outline:none;flex:1;font-size:14px;color:#1f2937}.search-input-modern input::placeholder{color:#9ca3af}.search-input-modern svg{width:20px;height:20px;color:#9ca3af;margin-right:12px}.reactEasyCrop_CropArea{border:1px solid rgb(35,37,40)!important;color:#fff!important}