@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-50: #EEF2FF;--primary-100: #E0E7FF;--primary-200: #C7D2FE;--primary-300: #A5B4FC;--primary-400: #818CF8;--primary-500: #6366F1;--primary-600: #4F46E5;--primary-700: #4338CA;--primary-800: #3730A3;--primary-900: #312E81;--secondary-400: #F472B6;--secondary-500: #EC4899;--secondary-600: #DB2777;--accent-400: #FBBF24;--accent-500: #F59E0B;--accent-600: #D97706;--success-400: #34D399;--success-500: #10B981;--success-600: #059669;--neutral-50: #FAFAFA;--neutral-100: #F5F5F4;--neutral-200: #E7E5E4;--neutral-300: #D6D3D1;--neutral-400: #A8A29E;--neutral-500: #78716C;--neutral-600: #57534E;--neutral-700: #44403C;--neutral-800: #292524;--neutral-900: #1C1917;--primary-color: var(--primary-600);--secondary-color: var(--secondary-500);--success-color: var(--success-500);--warning-color: var(--accent-500);--error-color: #EF4444;--background-color: #F8FAFC;--surface-color: #ffffff;--text-primary: var(--neutral-800);--text-secondary: var(--neutral-500);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-2xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .06);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,SF Pro Display,Segoe UI,Helvetica Neue,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--background-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03";text-rendering:optimizeLegibility}#root{min-height:100vh;display:flex;flex-direction:column}.eu-bg-pattern{background-color:#f8fafc;background-image:radial-gradient(circle at 25% 25%,rgba(79,70,229,.03) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(236,72,153,.03) 0%,transparent 50%)}.eu-bg-mesh{background-color:#f8fafc;background-image:radial-gradient(at 40% 20%,rgba(79,70,229,.08) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(236,72,153,.06) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(16,185,129,.05) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(245,158,11,.05) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(79,70,229,.06) 0px,transparent 50%)}.eu-glass{background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3)}.eu-gradient-border{position:relative;background:#fff;border-radius:var(--border-radius-lg)}.eu-gradient-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--primary-400),var(--secondary-400));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400);border:2px solid transparent;background-clip:content-box}*{scrollbar-width:thin;scrollbar-color:var(--neutral-300) transparent}.eu-card{background:#fff;border-radius:var(--border-radius-lg);border:1px solid var(--neutral-100);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.eu-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.eu-card-elevated{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.eu-card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.eu-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-weight:600;font-size:.9375rem;border-radius:var(--border-radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast)}.eu-btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));color:#fff;box-shadow:0 4px 12px #4f46e540}.eu-btn-primary:hover{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));box-shadow:0 6px 20px #4f46e559;transform:translateY(-1px)}.eu-btn-secondary{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-600));color:#fff;box-shadow:0 4px 12px #ec489940}.eu-btn-secondary:hover{background:linear-gradient(135deg,var(--secondary-400),var(--secondary-500));box-shadow:0 6px 20px #ec489959;transform:translateY(-1px)}.eu-btn-outline{background:transparent;border:1.5px solid var(--primary-600);color:var(--primary-600)}.eu-btn-outline:hover{background:var(--primary-50);transform:translateY(-1px)}.eu-input{width:100%;padding:12px 16px;font-size:1rem;border:1.5px solid var(--neutral-200);border-radius:var(--border-radius-sm);background:#fff;color:var(--text-primary);transition:all var(--transition-fast)}.eu-input:hover{border-color:var(--primary-400)}.eu-input:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 3px var(--primary-100)}.eu-input::placeholder{color:var(--neutral-400)}.survey-builder{min-height:calc(100vh - 200px);background:var(--background-color)}.question-card{background:#fff;border-radius:var(--border-radius-lg);border:1px solid var(--neutral-100);transition:all var(--transition-normal)}.question-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.question-card.dragging{opacity:.85;transform:scale(1.02) rotate(1deg);box-shadow:var(--shadow-xl)}.rating-container{display:flex;gap:12px;align-items:center}.rating-item{cursor:pointer;transition:all var(--transition-fast);padding:8px;border-radius:var(--border-radius-sm)}.rating-item:hover{transform:scale(1.15);background:var(--primary-50)}.rating-item.selected{transform:scale(1.2);color:var(--primary-600)}.sortable-item{-webkit-user-select:none;user-select:none}.sortable-item.dragging{opacity:.85;z-index:1000;box-shadow:var(--shadow-xl)}.chart-container{position:relative;height:300px;width:100%;padding:16px;background:#fff;border-radius:var(--border-radius-lg)}.status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:8px;font-size:.8125rem;font-weight:600;text-transform:capitalize;letter-spacing:.01em}.status-badge.draft{background:linear-gradient(135deg,var(--neutral-100),var(--neutral-200));color:var(--neutral-600);border:1px solid var(--neutral-200)}.status-badge.active,.status-badge.open{background:linear-gradient(135deg,#10b9811a,#10b98126);color:var(--success-600);border:1px solid rgba(16,185,129,.2)}.status-badge.closed{background:linear-gradient(135deg,#ef44441a,#ef444426);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.status-badge.expired{background:linear-gradient(135deg,#f59e0b1a,#f59e0b26);color:var(--accent-600);border:1px solid rgba(245,158,11,.2)}.status-badge.paused{background:linear-gradient(135deg,#4f46e51a,#4f46e526);color:var(--primary-700);border:1px solid rgba(79,70,229,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{transform:translate(-24px);opacity:0}to{transform:translate(0);opacity:1}}.slide-in{animation:slideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.scale-in{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--neutral-100) 25%,var(--neutral-50) 50%,var(--neutral-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 #4f46e566}50%{box-shadow:0 0 20px 5px #4f46e533}}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.eu-heading{font-weight:700;color:var(--neutral-800);letter-spacing:-.02em;line-height:1.2}.eu-subheading{font-weight:600;color:var(--neutral-700);letter-spacing:-.01em}.eu-body{color:var(--neutral-600);line-height:1.7}.eu-caption{font-size:.75rem;color:var(--neutral-500);letter-spacing:.01em}.eu-overline{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--neutral-500)}.eu-gradient-text{background:linear-gradient(135deg,var(--primary-600),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.eu-section{padding:32px;background:#fff;border-radius:var(--border-radius-xl);border:1px solid var(--neutral-100)}.eu-container{max-width:1280px;margin:0 auto;padding:0 24px}.eu-divider{height:1px;background:linear-gradient(90deg,transparent,var(--neutral-200),transparent);border:none;margin:24px 0}.eu-icon-box{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-md);background:var(--primary-50);color:var(--primary-600)}.eu-icon-box-secondary{background:linear-gradient(135deg,#ec48991a,#ec489926);color:var(--secondary-600)}.eu-icon-box-success{background:linear-gradient(135deg,#10b9811a,#10b98126);color:var(--success-600)}.eu-icon-box-accent{background:linear-gradient(135deg,#f59e0b1a,#f59e0b26);color:var(--accent-600)}@media print{.no-print{display:none!important}.print-only{display:block!important}body{background:#fff;color:#000}.eu-card,.eu-card-elevated{box-shadow:none;border:1px solid #ddd}}@media (max-width: 768px){.eu-section{padding:20px;border-radius:var(--border-radius-lg)}.eu-container{padding:0 16px}.eu-heading{font-size:1.75rem}}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}::selection{background:var(--primary-200);color:var(--primary-900)}::-moz-selection{background:var(--primary-200);color:var(--primary-900)}