@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--color-bg-base:#f4f5f9;--color-bg-surface:#fff;--color-bg-elevated:#f0f1f6;--color-bg-subtle:#e8eaf2;--color-text-primary:#11131f;--color-text-secondary:#3d4159;--color-text-muted:#8a90ab;--color-border:#00000012;--color-border-strong:#00000021;--color-accent:#4f46e5;--color-accent-hover:#4338ca;--color-accent-fg:#fff;--color-accent-subtle:#4f46e514;--color-ai:#d97706;--color-ai-subtle:#d9770617;--color-positive:#059669;--color-positive-subtle:#05966917;--color-negative:#dc2626;--color-negative-subtle:#dc262617;--color-warning:#b45309;--color-warning-subtle:#b4530917;--color-data-1:#4f46e5;--color-data-2:#7c3aed;--color-data-3:#059669;--color-data-4:#d97706;--color-data-5:#dc2626;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #0000000f, 0 1px 2px #0000000a;--shadow-lg:0 8px 24px #00000012, 0 2px 6px #0000000a;--shadow-xl:0 16px 40px #00000017, 0 4px 10px #0000000a;--shadow-modal:0 24px 56px #0000001f, 0 8px 16px #0000000f}html[data-theme=dark]{--color-bg-base:#0a0b0f;--color-bg-surface:#111318;--color-bg-elevated:#1a1d26;--color-bg-subtle:#222633;--color-text-primary:#f0f2f8;--color-text-secondary:#8b90a7;--color-text-muted:#4a4f66;--color-border:#ffffff12;--color-border-strong:#ffffff24;--color-accent:#7c6ff7;--color-accent-hover:#9a95fa;--color-accent-fg:#fff;--color-accent-subtle:#7c6ff71f;--color-ai:#f59e0b;--color-ai-subtle:#f59e0b1a;--color-positive:#10b981;--color-positive-subtle:#10b9811f;--color-negative:#ef4444;--color-negative-subtle:#ef44441f;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-data-1:#818cf8;--color-data-2:#a78bfa;--color-data-3:#10b981;--color-data-4:#f59e0b;--color-data-5:#ef4444;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 6px #0000004d, 0 1px 3px #0003;--shadow-lg:0 10px 20px #00000059, 0 4px 6px #0003;--shadow-xl:0 20px 40px #00000080, 0 8px 12px #0000004d;--shadow-modal:0 25px 60px #0000008c, 0 10px 20px #0000004d}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--color-text-primary);font-feature-settings:"cv02","cv03","cv04","cv11";letter-spacing:-.01em;min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownModal{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(32px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes checkDraw{0%{stroke-dashoffset:60px}to{stroke-dashoffset:0}}@keyframes circleDraw{0%{stroke-dashoffset:188px}to{stroke-dashoffset:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.5}}@keyframes progressBar{0%{width:100%}to{width:0%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}aside nav a:hover{background:var(--color-bg-elevated)!important}tbody tr:hover td{background:var(--color-bg-elevated)}a[href^="/surveys/"]:not([href$=\/new]):hover{background:var(--color-bg-elevated)!important}@media (max-width:767px){.surveys-toolbar{flex-direction:column!important;align-items:stretch!important}.surveys-toolbar input{min-width:0!important}.surveys-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:480px){.order-confirmed-container{padding:40px 16px 60px!important}}