@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow{0%,to{box-shadow:0 0 5px #fbbf244d}50%{box-shadow:0 0 20px #fbbf2499}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-up{animation:slideUp .6s ease-out}.animate-slide-in{animation:slideIn .6s ease-out}.animate-pulse-slow{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-bounce-light{animation:bounce 2s ease-in-out infinite}.animate-spin-slow{animation:rotate 3s linear infinite}:root{color-scheme:dark;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-accent: #fbbf24;--color-accent-light: #fef08a;--color-accent-dark: #d97706;--color-card: #1e293b;--color-border: #475569;--color-shadow: rgba(0, 0, 0, .3)}html[data-theme=light]{color-scheme:light;--color-bg-primary: #fef3c7;--color-bg-secondary: #f3f0e8;--color-bg-tertiary: #ecebe5;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-accent: #65a30d;--color-accent-light: #d4f341;--color-accent-dark: #4d7c0f;--color-card: #fffbf0;--color-border: #e5ddd0;--color-shadow: rgba(0, 0, 0, .05)}html[data-theme=light]{--tw-bg-opacity: 1;--tw-bg-slate-900: rgb(226, 224, 218 / var(--tw-bg-opacity));--tw-bg-slate-800: rgb(243, 240, 232 / var(--tw-bg-opacity));--tw-bg-slate-700: rgb(226, 221, 208 / var(--tw-bg-opacity));--tw-bg-slate-600: rgb(219, 212, 200 / var(--tw-bg-opacity));--tw-bg-slate-500: rgb(212, 205, 193 / var(--tw-bg-opacity));--tw-bg-slate-400: rgb(205, 198, 186 / var(--tw-bg-opacity));--tw-bg-slate-300: rgb(198, 191, 179 / var(--tw-bg-opacity));--tw-text-slate-100: rgb(17, 24, 39);--tw-text-slate-200: rgb(30, 41, 59);--tw-text-slate-300: rgb(51, 65, 85);--tw-text-slate-400: rgb(100, 116, 139);--tw-text-slate-500: rgb(120, 113, 108);--tw-text-slate-600: rgb(141, 130, 118);--tw-text-slate-700: rgb(155, 144, 132);--tw-bg-amber-300: rgb(220, 251, 40);--tw-bg-amber-400: rgb(165, 163, 13);--tw-bg-amber-500: rgb(101, 163, 13);--tw-bg-amber-600: rgb(77, 124, 15);--tw-text-amber-200: rgb(101, 163, 13);--tw-text-amber-300: rgb(77, 124, 15);--tw-text-amber-400: rgb(65, 163, 13);--tw-border-slate-600: rgb(219, 212, 200);--tw-border-slate-700: rgb(205, 198, 186);--tw-shadow-color: rgba(0, 0, 0, .05)}html[data-theme=light],html[data-theme=light] body{background-color:#fef3c7;color:#111827}html[data-theme=light] button,html[data-theme=light] input,html[data-theme=light] textarea,html[data-theme=light] select{color:inherit}html[data-theme=light] .bg-slate-900{background-color:#e2e0da}html[data-theme=light] .bg-slate-800{background-color:#f3f0e8}html[data-theme=light] .bg-slate-700{background-color:#e2ddd0}html[data-theme=light] .bg-slate-700\/50{background-color:#e2ddd080}html[data-theme=light] .bg-slate-800\/50{background-color:#f3f0e880}html[data-theme=light] .bg-amber-400,html[data-theme=light] .bg-amber-500{background-color:#65a30d;color:#fef3c7}html[data-theme=light] .bg-amber-600{background-color:#4d7c0f;color:#fef3c7}html[data-theme=light] .hover\:bg-amber-600:hover{background-color:#4d7c0f}html[data-theme=light] .text-amber-200{color:#65a30d}html[data-theme=light] .text-amber-300{color:#4d7c0f}html[data-theme=light] .text-amber-400{color:#65a30d}html[data-theme=light] .text-slate-100{color:#111827}html[data-theme=light] .text-slate-200{color:#1f2937}html[data-theme=light] .text-slate-300{color:#4b5563}html[data-theme=light] .text-slate-400{color:#6b7280}html[data-theme=light] .text-slate-500{color:#9ca3af}html[data-theme=light] .border-slate-600{border-color:#dbd4c8}html[data-theme=light] .border-slate-700{border-color:#e5ddd0}html[data-theme=light] .fixed.bg-slate-800{background-color:#f3f0e8}html[data-theme=light] .hover\:bg-slate-700:hover{background-color:#e2ddd0}html[data-theme=light] .bg-red-600{background-color:#dc2626}html[data-theme=light] .hover\:bg-red-700:hover{background-color:#b91c1c}html[data-theme=light] .bg-green-500\/20{background-color:#22c55e33}html[data-theme=light] .text-green-300{color:#22c55e}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%}body{font-family:Readex Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.animate-fade-in,.animate-slide-up,.animate-slide-in{will-change:opacity,transform;transform:translateZ(0);backface-visibility:hidden}html{scroll-behavior:smooth}@media(max-width:640px){body,input,button,textarea,select{font-size:16px}button{min-height:44px;min-width:44px}main{padding:12px}nav{overflow-x:auto;-webkit-overflow-scrolling:touch}h1{font-size:32px!important}h2{font-size:24px!important}}.card{background-color:var(--color-card);border-color:var(--color-border);box-shadow:0 1px 3px var(--color-shadow);transition:all .2s ease}.card:hover{box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}button{transition:all .2s ease;font-weight:500;border-radius:8px;cursor:pointer;position:relative;overflow:hidden}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #fbbf241a}.loading-skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 2s infinite}.loading-spinner{animation:rotate 1.5s linear infinite}@media(max-width:768px){.grid,.grid-2{grid-template-columns:1fr!important}.flex-wrap{flex-wrap:wrap}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-dark)}