:root,[data-theme=light]{--bg-page: #f8f9fc;--bg-card: rgba(255, 255, 255, .95);--bg-card-solid: #ffffff;--bg-sidebar: #ffffff;--bg-input: #ffffff;--bg-hover: #f1f5f9;--bg-modal-overlay: rgba(0, 0, 0, .3);--bg-toggle: rgba(102, 126, 234, .1);--bg-badge: #EDF2F7;--bg-success: #F0FFF4;--bg-error: #FFF5F5;--bg-warning: #FFFFF0;--text-primary: #2D3748;--text-secondary: #4A5568;--text-muted: #718096;--text-faint: #A0AEC0;--text-inverse: #ffffff;--border-main: #E2E8F0;--border-subtle: rgba(102, 126, 234, .15);--border-focus: #667eea;--accent: #667eea;--accent-hover: #5a67d8;--accent-light: rgba(102, 126, 234, .1);--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success: #48BB78;--error: #E53E3E;--warning: #ECC94B;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .1);--shadow-card: 0 2px 12px rgba(0, 0, 0, .06);--scrollbar-thumb: #CBD5E0;--scrollbar-hover: #A0AEC0;--selection-bg: rgba(102, 126, 234, .2);--selection-color: #2D3748;--bg-page-gradient: linear-gradient(135deg, #e8ecff 0%, #f0e8ff 100%);--bg-loading-card: #ffffff;--bg-main-card: rgba(255, 255, 255, .92);--bg-sidebar-card: rgba(255, 255, 255, .88)}[data-theme=dark]{--bg-page: #080d1a;--bg-card: rgba(13, 20, 45, .6);--bg-card-solid: #0d1428;--bg-sidebar: #080d1a;--bg-input: #0d1428;--bg-hover: rgba(102, 126, 234, .1);--bg-modal-overlay: rgba(0, 0, 0, .6);--bg-toggle: rgba(102, 126, 234, .15);--bg-badge: rgba(102, 126, 234, .12);--bg-success: rgba(72, 187, 120, .1);--bg-error: rgba(229, 62, 62, .1);--bg-warning: rgba(236, 201, 75, .1);--text-primary: #e8eaf6;--text-secondary: #b0b8d8;--text-muted: #7880a0;--text-faint: #4a5070;--text-inverse: #080d1a;--border-main: rgba(102, 126, 234, .15);--border-subtle: rgba(102, 126, 234, .1);--border-focus: #667eea;--accent: #667eea;--accent-hover: #7b93ff;--accent-light: rgba(102, 126, 234, .12);--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success: #48BB78;--error: #FC8181;--warning: #F6E05E;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .5);--shadow-card: 0 2px 12px rgba(0, 0, 0, .3);--scrollbar-thumb: rgba(102, 126, 234, .25);--scrollbar-hover: rgba(102, 126, 234, .5);--selection-bg: rgba(102, 126, 234, .3);--selection-color: #e2e8f0;--bg-page-gradient: linear-gradient(135deg, #060b18 0%, #080d1a 50%, #0a1020 100%);--bg-loading-card: #0d1428;--bg-main-card: rgba(13, 20, 45, .85);--bg-sidebar-card: rgba(8, 13, 26, .95)}html[data-theme] body,html[data-theme] nav,html[data-theme] .sidebar,html[data-theme] input,html[data-theme] select,html[data-theme] textarea,html[data-theme] button{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}.anim-spin{animation:spin .6s linear infinite!important}.anim-spin-slow{animation:spin 1s linear infinite!important}.anim-pulse{animation:pulse 2s ease-in-out infinite!important}.anim-bounce{animation:bounceIn .5s ease-out both!important}.anim-fade-in{animation:fadeIn .5s ease-out both!important}.anim-fade-in-fast{animation:fadeIn .2s ease-out both!important}.anim-fade-in-delay{animation:fadeIn .5s ease-out .1s both!important}.anim-fade-in-delay2{animation:fadeIn .5s ease-out .2s both!important}.anim-scale-in{animation:scaleIn .4s ease-out both!important}.anim-scale-in-fast{animation:scaleIn .25s ease-out both!important}.anim-scale-in-bounce{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) both!important}.anim-slide-up{animation:slideUp .3s ease-out both!important}.anim-slide-up-fast{animation:slideUp .25s ease-out both!important}.anim-fade-up{animation:fadeUp .4s ease-out both!important}.anim-fade-up-delay{animation:fadeUp .5s ease-out .1s both!important}.anim-fade-up-delay2{animation:fadeUp .5s ease-out .2s both!important}.anim-card-fade{animation:cardFadeIn .25s ease-out both!important}.anim-card-fade-slow{animation:cardFadeIn .4s ease-out both!important}.anim-overlay{animation:overlayFade .2s ease-out both!important}.anim-success-pulse{animation:successPulse 1s ease-out!important}.anim-shake{animation:shake .4s ease-out!important}.anim-gradient{animation:gradientShift 3s ease infinite!important;background-size:200% 200%!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes successPulse{0%{box-shadow:0 0 #48bb7866}70%{box-shadow:0 0 0 10px #48bb7800}to{box-shadow:0 0 #48bb7800}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-16px) scale(.95)}}@keyframes progressBar{0%{width:100%}to{width:0%}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes workingPulse{0%,to{box-shadow:0 0 #667eea4d}50%{box-shadow:0 0 0 8px #667eea00}}@keyframes errorShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:Fredoka,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-page);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}::selection{background:var(--selection-bg);color:var(--selection-color)}[data-theme=dark]{color-scheme:dark}@media (max-width: 768px){div[style*="grid-template-columns: 300px"],div[style*="grid-template-columns: 280px"],div[style*="grid-template-columns: 1fr 1fr 1fr"],div[style*="grid-template-columns: repeat(3"],div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}div[style*="padding: 3rem"],div[style*="padding: 2rem"],div[style*="padding: 2rem 3rem"],div[style*="padding: 1.5rem"]{padding:1rem!important}div[style*="max-width: 1400px"],div[style*="max-width: 1200px"],div[style*="max-width: 450px"]{max-width:100%!important}div[style*="justify-content: space-between"][style*=margin-bottom]{flex-wrap:wrap!important;gap:.75rem!important}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.05rem!important}div[style*="display: flex"][style*="gap: 0.5rem"],div[style*="display: flex"][style*="gap: 1rem"]{flex-wrap:wrap!important}div[style*="max-width: 600px"],div[style*="max-width: 500px"],div[style*="max-width: 700px"],div[style*="max-width: 800px"],div[style*="max-width: 900px"],div[style*="maxWidth: 600px"],div[style*="width: 600px"],div[style*="width: 500px"]{max-width:95vw!important;width:95vw!important;margin:.5rem!important}button[style*="padding: 0.5rem 1.2rem"],button[style*="padding: 0.6rem 1.5rem"]{padding:.4rem .8rem!important;font-size:.8rem!important}img[style*="width: 38px"]{width:30px!important;height:30px!important}div[style*=min-width]{min-width:0!important}body,#root{overflow-x:hidden!important}div[style*="overflow-x: auto"]{-webkit-overflow-scrolling:touch}div[style*="padding: 3rem"][style*="max-width: 450px"],div[style*="padding: 3rem"][style*="border-radius: 20px"]{padding:1.5rem!important}}@media (max-width: 480px){h1{font-size:1.3rem!important}h2{font-size:1.1rem!important}div[style*="padding: 3rem"],div[style*="padding: 2rem"]{padding:.75rem!important}div[style*="display: flex"][style*=gap]{flex-wrap:wrap!important}button[style*="padding: 0.7rem 1.2rem"]{width:100%!important;justify-content:center!important}}@media (pointer: coarse){button,a,input,select,textarea{min-height:44px}button{touch-action:manipulation}input,select,textarea{font-size:16px!important}}