@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #DC2626;--color-primary-dark: #B91C1C;--color-primary-light: #EF4444;--color-secondary: #1F2937;--color-secondary-dark: #111827;--color-secondary-light: #374151;--color-accent: #FEE2E2;--color-accent-dark: #FECACA;--color-white: #FFFFFF;--color-black: #1A1A1A;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-success: #10B981;--color-success-dark: #059669;--color-warning: #F59E0B;--color-warning-dark: #D97706;--color-error: #EF4444;--color-error-dark: #DC2626;--color-info: #3B82F6;--color-info-dark: #2563EB;--gradient-primary: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%);--gradient-secondary: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-error: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);--gradient-hero: linear-gradient(135deg, #DC2626 0%, #B91C1C 50%, #991B1B 100%);--gradient-dark: linear-gradient(135deg, #1F2937 0%, #111827 100%);--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-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-red: 0 4px 14px -1px rgba(220, 38, 38, .3);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-header: "Fredoka", sans-serif;--font-body: "Inter", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}html,body,#root{height:100%;margin:0;padding:0;background:var(--color-gray-50);color:var(--color-gray-900);font-family:var(--font-body);font-size:16px;line-height:1.5}body{min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#FEF2F2 0%,#FEE2E2 50%,#FECACA 100%)}*{box-sizing:border-box}.gradient-primary{background:var(--gradient-primary)}.gradient-secondary{background:var(--gradient-secondary)}.gradient-success{background:var(--gradient-success)}.gradient-warning{background:var(--gradient-warning)}.gradient-error{background:var(--gradient-error)}.gradient-hero{background:var(--gradient-hero)}.gradient-dark{background:var(--gradient-dark)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-red{box-shadow:var(--shadow-red)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}@keyframes fadeIn{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 bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in{animation:slideIn .4s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-scale:active{transform:scale(.95)}.glass{background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.routegen-dashboard{min-height:100vh;font-family:Inter,Arial,sans-serif;background:#f3f4f7;padding:0}.routegen-main{width:100vw;max-width:100vw;margin:0;padding:48px 0;display:flex;flex-direction:column;gap:40px}.routegen-card{background:#fff;border-radius:18px;box-shadow:0 6px 32px #1e293b1f;padding:48px 56px;max-width:1200px;width:100%;margin:40px auto}.routegen-header{font-size:2.2rem;font-weight:800;color:#23272f;margin-bottom:8px}.routegen-subheader{font-size:1.15rem;color:#6b7280;margin-bottom:28px}.routegen-label{font-size:1.05rem;font-weight:600;color:#23272f;margin-bottom:10px;display:block}.routegen-input,.routegen-textarea{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:1.05rem;margin-bottom:20px;background:#f9fafb;color:#23272f}.routegen-btn-primary{background:#635bff;color:#fff;border:none;border-radius:8px;padding:12px 32px;font-weight:700;font-size:1.05rem;cursor:pointer;margin-right:16px;transition:background .2s}.routegen-btn-primary:hover{background:#5146e1}.routegen-btn-secondary{background:#e5e7eb;color:#23272f;border:none;border-radius:8px;padding:12px 32px;font-weight:600;font-size:1.05rem;cursor:pointer;margin-right:16px;transition:background .2s}.routegen-btn-secondary:hover{background:#d1d5db}.routegen-stats{display:flex;gap:32px;margin-bottom:32px}.routegen-stat{background:#f3f4f6;border-radius:10px;padding:20px 32px;text-align:center;flex:1}.routegen-stat-label{color:#6b7280;font-size:1rem;margin-top:6px}.routegen-map{width:100%;height:600px;border-radius:14px;border:1px solid #e5e7eb;margin-bottom:40px}.routegen-stops-list{display:flex;flex-wrap:wrap;gap:16px}.routegen-stop{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;padding:16px 24px;font-size:1.05rem;color:#23272f;cursor:pointer;transition:background .2s,border .2s}.routegen-stop.active{background:#e0e7ff;border-color:#635bff;color:#5146e1}