:root{--sato-red: #A12830;--sato-green: #2D4A36;--sato-yellow: #FFD166;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--surface-gradient: radial-gradient(circle at 50% 50%, rgba(255, 209, 102, .6) 0%, rgba(255, 209, 102, .4) 35%, rgba(255, 209, 102, .1) 60%, transparent 75%);--white: #ffffff;--black: #000000;--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: #f8f9fa;--bg-tertiary: #efefef;--bg-light-coral: lightcoral;--bg-light-gray: lightgray;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-inter: "Inter", var(--font-sans);--font-polymath: "polymath", var(--font-sans);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .2s ease}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:var(--font-polymath);line-height:1.6;color:var(--gray-900);background-color:var(--bg-primary)}@font-face{font-family:Inter;src:url("./media/InterVariable-KMTH7ZDP.ttf") format("ttf");font-weight:100 900;font-style:normal;font-display:swap}.text-mono,.text-sans,.text-inter,.text-polymath{font-family:var(--font-polymath)}.bg-sato-red{background-color:var(--sato-red)}.bg-sato-green{background-color:var(--sato-green)}.bg-sato-yellow{background-color:var(--sato-yellow)}.text-sato-red{color:var(--sato-red)}.text-sato-green{color:var(--sato-green)}.text-sato-yellow{color:var(--sato-yellow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--primary-gradient);color:var(--white)}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn--secondary{background:var(--white);color:var(--gray-700);border:2px solid var(--gray-200)}.btn--secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.btn--danger{background:#dc3545;color:var(--white)}.btn--danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-md)}.loading-spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--sato-red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--gray-200);animation:pulse 1.2s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-dark{background:#1a1a1a;animation:pulse 1.2s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-line{height:1em;margin-bottom:.5em}.skeleton-circle{border-radius:50%}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.img-loading{position:relative;background:#f5f5f0}.img-loading:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:3px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:img-loading-spin .6s linear infinite;z-index:1}@keyframes img-loading-spin{to{transform:rotate(360deg)}}.sato-scroll-hidden{opacity:0}.sato-scroll-hidden.sato-animated{animation:satoFadeIn .2s ease forwards}@keyframes satoFadeIn{to{opacity:1}}.backoffice__content{display:grid!important;grid-template-rows:1fr;grid-template-columns:1fr}.backoffice__content>router-outlet{display:none}.backoffice__content>app-sato-admin,.backoffice__content>app-sato-schedule,.backoffice__content>app-sato-images,.backoffice__content>app-sato-import-export{grid-row:1;grid-column:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}