@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Prompt:wght@300;400;500;600;700&display=swap";.no-scroll{overflow:hidden!important}:root{--primary: #FFB300;--primary-light: #FFE082;--primary-dark: #FFA000;--secondary: #334155;--accent: #FFD54F;--bg-color: #fdfdfd;--card-bg: rgba(255, 255, 255, .15);--text-main: #1e293b;--text-muted: #64748b;--bg-main: #f8fafc;--border-radius: 24px;--shadow: 0 10px 30px rgba(255, 179, 0, .1);--glass: rgba(255, 255, 255, .7);--glass-blur: blur(12px)}*{box-sizing:border-box;margin:0;padding:0;font-family:Prompt,Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{-webkit-text-size-adjust:100%}body{background-color:#0f172a;color:var(--text-main);line-height:1.6;margin:0;padding:0;display:flex;justify-content:center;min-height:100vh;overflow-y:auto}#root{width:100%;max-width:500px;min-height:100vh;background:white;box-shadow:0 0 100px #000c;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}body.wide-view,body.admin-mode{display:block;background-color:var(--bg-main)}body.wide-view #root,body.admin-mode #root{max-width:none!important;box-shadow:none!important;background:transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}h1,h2,h3{font-weight:700;color:var(--text-main);margin-top:0}.glass-card{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.18);border-radius:var(--border-radius);box-shadow:var(--shadow)}button{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}button.primary{background-color:var(--primary);color:#fff}button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b3566}button.secondary{background-color:var(--secondary);color:#fff}.container{width:100%;position:relative;background:white;min-height:100vh}.admin-container{width:100%;background:white;min-height:100vh}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp .5s ease-out}.animate-fade-in{animation:fadeIn .5s ease-in}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(333%)}}.desktop-wide{max-width:1280px!important;width:100%!important}.mobile-preview-mode{max-width:500px!important;margin:20px auto!important;box-shadow:0 0 0 10px #1a1a1a,0 0 0 15px #333!important;border-radius:40px!important;min-height:800px;overflow:hidden;background:white;position:relative}.recommended-card{position:relative;flex-shrink:0;width:140px;height:140px;background:white;border-radius:20px;overflow:hidden;box-shadow:0 4px 15px #0000001a;border:1px solid #f1f5f9;transition:all .3s ease}.recommended-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #00000026}.recommended-card img{width:100%;height:100%;object-fit:cover}.loader-mini{width:18px;height:18px;border:2px solid #f3f3f3;border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 992px){.admin-layout{flex-direction:column!important}.admin-sidebar{position:fixed!important;top:0;left:-280px;height:100vh!important;z-index:2000;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:20px 0 50px #0000001a}.admin-sidebar.open{transform:translate(280px)}.admin-main{padding:20px!important;width:100%!important;max-width:100%!important}.admin-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1999;animation:fadeIn .3s ease}.mobile-menu-toggle{display:flex!important}.mobile-menu-toggle:hover{transform:scale(1.05);filter:brightness(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}