.layout-dashboard,.main-content,main{max-width:100vw!important;overflow-x:hidden!important}@media(max-width:768px){.card,[class*=card],div[style*=padding]{max-width:100%!important;box-sizing:border-box!important}.main-content{padding:1rem!important}[style*="display: grid"],[style*=grid-template-columns]{grid-template-columns:1fr!important}[style*="display: flex"]{flex-wrap:wrap!important}div[style*=width],section[style*=width]{max-width:100%!important}[style*=min-width]{min-width:0!important}}@media(max-width:768px){table{display:block!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}}img{max-width:100%!important;height:auto!important}:root{--primary: #3b82f6;--primary-hover: #2563eb;--secondary: #64748b;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--background: #f8fafc;--surface: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--gradient-page: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 50%, #ede9fe 100%);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #6366f1 50%, #a855f7 100%);--gradient-cyan: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--gradient-purple: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--gradient-green: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:all .2s;border:1px solid transparent;gap:.5rem}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-danger{background-color:var(--danger);color:#fff}.btn-outline{background-color:transparent;border-color:var(--border);color:var(--text-main)}.btn-outline:hover{background-color:var(--background);border-color:var(--secondary)}.input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);transition:border-color .2s}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2563eb1a}.card{background-color:var(--surface);border-radius:var(--radius-xl);border:none;box-shadow:var(--shadow-lg);padding:1.5rem;overflow:hidden}.layout-dashboard{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background-color:var(--surface);border-right:1px solid var(--border);padding:1rem}.main-content{padding:2rem;background:var(--gradient-page);min-height:100vh}@media(max-width:768px){.layout-dashboard{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr!important}}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.page-gradient{min-height:100%;background:var(--gradient-page);padding:2rem 1rem}.page-header{background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:2rem;color:#fff;margin-bottom:1.5rem}.page-header h1{font-size:1.875rem;font-weight:700;margin:0}.page-header p{color:#bfdbfe;font-size:.875rem;margin:0}.section-header{background:var(--gradient-cyan);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;color:#fff}.section-header.purple{background:var(--gradient-purple)}.section-header.green{background:var(--gradient-green)}.section-header h2{font-size:1.25rem;font-weight:700;margin:0}.section-header p{color:#fffc;font-size:.875rem;margin:0}.icon-box{background-color:#fff3;padding:.75rem;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.btn-gradient{background:var(--gradient-primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;font-weight:600;box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s}.btn-gradient:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.card-flush{background-color:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}:root{--primary: #6366F1;--primary-dark: #4F46E5;--primary-light: #818CF8;--primary-gradient: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--primary-10: rgba(99, 102, 241, .1);--primary-20: rgba(99, 102, 241, .2);--success: #10B981;--success-dark: #059669;--success-light: #34D399;--success-10: rgba(16, 185, 129, .1);--warning: #F59E0B;--warning-dark: #D97706;--warning-light: #FCD34D;--warning-10: rgba(245, 158, 11, .1);--danger: #EF4444;--danger-dark: #DC2626;--danger-light: #F87171;--danger-10: rgba(239, 68, 68, .1);--info: #06B6D4;--info-dark: #0891B2;--info-light: #22D3EE;--info-10: rgba(6, 182, 212, .1);--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--bg-primary: #FFFFFF;--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-muted: var(--gray-500);--border: var(--gray-200);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-primary: 0 4px 12px rgba(99, 102, 241, .3);--shadow-success: 0 4px 12px rgba(16, 185, 129, .3);--shadow-danger: 0 4px 12px rgba(239, 68, 68, .3);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}.btn-primary{background:var(--primary-gradient);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border);padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:#fff;border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md)}.btn-success{background:var(--success);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.btn-success:hover{background:var(--success-dark);transform:translateY(-2px);box-shadow:var(--shadow-success)}.btn-danger{background:var(--danger);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.btn-danger:hover{background:var(--danger-dark);transform:translateY(-2px);box-shadow:var(--shadow-danger)}.card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border);padding:24px;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-gradient{background:linear-gradient(135deg,white 0%,var(--gray-50) 100%);border-radius:var(--radius-lg);border:1px solid var(--border);padding:24px;box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:600;transition:all var(--transition-fast)}.badge-primary{background:var(--primary-10);color:var(--primary)}.badge-success{background:var(--success-10);color:var(--success-dark)}.badge-warning{background:var(--warning-10);color:var(--warning-dark)}.badge-danger{background:var(--danger-10);color:var(--danger-dark)}.badge-info{background:var(--info-10);color:var(--info-dark)}.progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-lg)}.glass-dark{background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}*:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.transition-all{transition:all var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale:hover{transform:scale(1.02)}.gradient-primary{background:var(--primary-gradient)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}@keyframes timerPulse{0%,to{box-shadow:0 0 #ef4444b3;transform:scale(1)}50%{box-shadow:0 0 0 8px #ef444400;transform:scale(1.05)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes countUp{0%{opacity:0;transform:translateY(20px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes progressFill{0%{width:0%}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fadeInUp{animation:fadeInUp .4s ease-out}.animate-fadeInDown{animation:fadeInDown .4s ease-out}.animate-slideInLeft{animation:slideInLeft .4s ease-out}.animate-slideInRight{animation:slideInRight .4s ease-out}.animate-scaleIn{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-wiggle{animation:wiggle .5s ease-in-out}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{height:24px;width:60%;margin-bottom:12px}.skeleton-button{height:40px;width:120px;border-radius:var(--radius-md)}.skeleton-card{height:200px;border-radius:var(--radius-lg)}html,body{overflow-x:hidden!important;max-width:100vw!important}.layout-dashboard,.main-content,main,#root{max-width:100vw!important;overflow-x:hidden!important}@media(max-width:768px){div.card[style*="width: '300px'"],div.card[style*="width: '400px'"],div.card[style*="width: '450px'"],div.card[style*="width: '500px'"],div.card[style*="width: '600px'"],div[style*='width: "300px"'],div[style*='width: "400px"'],div[style*='width: "450px"'],div[style*='width: "500px"'],div[style*='width: "600px"']{width:95vw!important;max-width:100%!important;margin:.5rem!important}div[style*="width: '300px'"][style*="display: 'flex'"],div[style*='width: "300px"'][style*='display: "flex"']{width:100%!important;max-width:300px!important}select[style*="width: '150px'"],select[style*="width: '200px'"],select[style*="width: '250px'"],input[style*="width: '150px'"],input[style*="width: '200px'"],input[style*='width: "150px"'],input[style*='width: "200px"'],input[style*='width: "250px"']{width:100%!important;max-width:100%!important}button[style*="width: '120px'"],button[style*="width: '150px'"],button[style*='width: "120px"'],button[style*='width: "150px"']{width:auto!important;min-width:100px!important}table[style*="minWidth: '600px'"],table[style*="minWidth: '800px'"],table[style*='minWidth: "600px"'],table[style*='minWidth: "800px"']{min-width:100%!important;display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}th[style*="minWidth: '150px'"],td[style*="minWidth: '150px'"],th[style*='minWidth: "150px"'],td[style*='minWidth: "150px"']{min-width:100px!important}div[style*="width: '120px'"][style*="height: '120px'"],div[style*='width: "120px"'][style*='height: "120px"']{width:80px!important;height:80px!important}div[style*="width: '100px'"][style*="height: '"],div[style*="width: '200px'"][style*="height: '200px'"],div[style*='width: "200px"'][style*='height: "200px"']{width:auto!important;max-width:100%!important}div[style*="display: 'flex'"],div[style*='display: "flex"']{flex-wrap:wrap!important}div[style*="display: 'grid'"],div[style*='display: "grid"'],[style*=grid-template-columns]{grid-template-columns:1fr!important}.main-content,main{padding:1rem!important}.card{padding:1rem!important;margin:.5rem 0!important}img{max-width:100%!important;height:auto!important}table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;font-size:.875rem!important}th,td{padding:.5rem!important;white-space:nowrap}form{display:flex!important;flex-direction:column!important}form input,form select,form textarea{width:100%!important;margin-bottom:.5rem!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}h4{font-size:1.125rem!important}p,body{font-size:.875rem!important;line-height:1.5!important}.hide-mobile,.desktop-only{display:none!important}.show-mobile,.mobile-only{display:block!important}}@media(min-width:769px){.show-mobile,.mobile-only{display:none!important}.hide-mobile,.desktop-only{display:block!important}}@media(max-width:1023px){button.mobile-menu-toggle.mobile-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important}aside.sidebar.sidebar{position:fixed!important;left:-100%!important;top:0!important;height:100vh!important;width:280px!important;z-index:1000!important;background:#fff!important;transition:left .3s ease!important;box-shadow:2px 0 10px #0000001a!important}aside.sidebar.mobile-menu-open.mobile-menu-open{left:0!important}div.mobile-menu-overlay.mobile-menu-overlay{display:block!important;z-index:999!important}button.mobile-menu-close.mobile-menu-close{display:inline-flex!important;z-index:1001!important}main.main-content.main-content{margin-left:0!important;width:100%!important}}@media(min-width:1024px){button.mobile-menu-toggle.mobile-menu-toggle,button.mobile-menu-close.mobile-menu-close,div.mobile-menu-overlay.mobile-menu-overlay{display:none!important}}@media(max-width:768px){div[style*="width: '300px'"],div[style*='width: "300px"']{width:100%!important;max-width:300px!important}}@media(max-width:768px){div[style*="width: '400px'"],div[style*="width: '450px'"],div[style*="width: '500px'"],div[style*="width: '600px'"],div[style*='width: "400px"'],div[style*='width: "450px"'],div[style*='width: "500px"'],div[style*='width: "600px"']{width:95vw!important;max-width:100%!important}}@media(max-width:768px){div[style*="width: '120px'"],div[style*='width: "120px"']{width:80px!important;height:80px!important}}@media(max-width:768px){div[style*="display: 'flex'"],div[style*='display: "flex"']{flex-wrap:wrap!important}}@media(max-width:768px){th[style*="width: '80px'"],th[style*='width: "80px"']{width:auto!important;min-width:60px!important}}@media(max-width:768px){div[role=dialog],.modal,[class*=modal],div[style*="position: 'fixed'"][style*="inset: 0"],div[style*='position: "fixed"'][style*="inset: 0"]{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;border-radius:0!important;padding:0!important;overflow:hidden!important}div[role=dialog]>.card,.modal>.card,div[style*="position: 'fixed'"]>.card,div[style*='position: "fixed"']>.card{height:100vh!important;max-height:100vh!important;width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}div[role=dialog] h3:first-child,div[role=dialog] h2:first-child,.modal h3:first-child,.modal h2:first-child{flex-shrink:0!important;padding:1rem!important;margin:0!important;border-bottom:1px solid var(--border)!important;background:#fff!important;position:sticky!important;top:0!important;z-index:10!important}div[role=dialog]>div,.modal-content,.modal-body{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:1rem!important}div[role=dialog]>div:last-child,.modal-footer,.modal-actions,div[style*="display: 'flex'"][style*="justifyContent: 'flex-end'"],div[style*='display: "flex"'][style*='justifyContent: "flex-end"']{flex-shrink:0!important;padding:1rem!important;border-top:1px solid var(--border)!important;background:#fff!important;position:sticky!important;bottom:0!important;z-index:10!important}div[role=dialog] ul,div[role=dialog] ol,.modal ul,.modal ol{max-height:none!important;overflow-y:visible!important}div[role=dialog] form,.modal form{display:flex!important;flex-direction:column!important;gap:.75rem!important}div[role=dialog] label,.modal label{display:flex!important;align-items:center!important;padding:.75rem!important;margin:.25rem 0!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;cursor:pointer!important}div[role=dialog] input[type=checkbox],div[role=dialog] input[type=radio],.modal input[type=checkbox],.modal input[type=radio]{margin-right:.75rem!important;flex-shrink:0!important}div[role=dialog] button[aria-label*=lose],div[role=dialog] button[aria-label*=Close],.modal button.close,.modal-close{position:absolute!important;top:1rem!important;right:1rem!important;z-index:11!important;background:#fff!important;border:1px solid var(--border)!important;border-radius:50%!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}}@media(min-width:769px)and (max-width:1023px){div[role=dialog],.modal{max-width:90vw!important;max-height:90vh!important;margin:5vh auto!important}div[role=dialog]>.card,.modal>.card{max-height:90vh!important;overflow-y:auto!important}}