@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-app:#f8fafc;--bg-surface:#fff;--bg-sidebar-active:#dc262614;--text-main:#334155;--text-muted:#64748b;--text-active:#dc2626;--text-heading:#0f172a;--border-light:#f1f5f9;--border-main:#e2e8f0;--brand-primary:#dc2626;--brand-primary-hover:#b91c1c;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-card:0 12px 32px -4px #0f172a0a;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--gradient-overlay:radial-gradient(circle at top right, #dc262608, transparent 400px), radial-gradient(circle at bottom left, #dc262605, transparent 400px)}[data-theme=dark]{--bg-app:#09090b;--bg-surface:#18181b;--bg-sidebar-active:#ef444426;--text-main:#e4e4e7;--text-muted:#a1a1aa;--text-active:#ef4444;--text-heading:#fff;--border-light:#27272a;--border-main:#333338;--brand-primary:#dc2626;--brand-primary-hover:#ef4444;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-card:0 4px 14px #0009;--gradient-overlay:radial-gradient(circle at top right, #ef44440d, transparent 400px), radial-gradient(circle at bottom left, #ef444408, transparent 400px)}body{font-family:var(--font-sans);background-color:var(--bg-app);background-image:var(--gradient-overlay);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0}*,:before,:after{box-sizing:border-box;transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s}#root{width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-heading);margin:0;font-family:inherit;font-weight:600}p{margin:0}a{color:inherit;text-decoration:none}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:20px;display:inline-flex;overflow:hidden}.material-symbols-outlined.font-loaded{color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{font-family:var(--font-sans);cursor:pointer;border:none}input,select,textarea{font-family:var(--font-sans);border:1px solid var(--border-main);background-color:var(--bg-app);color:var(--text-heading);border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #dc262626}table{border-collapse:collapse;background:var(--bg-surface);width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--border-main);border-radius:8px;overflow:hidden}th{background:var(--bg-app);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border-main);padding:14px 16px;font-size:12px;font-weight:600}td{color:var(--text-main);border-bottom:1px solid var(--border-light);padding:14px 16px;font-size:14px}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--bg-sidebar-active)}.panel{background:var(--bg-surface);border:1px solid var(--border-main);box-shadow:var(--shadow-card);border-radius:12px;padding:24px}.content-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.content-grid.split{grid-template-columns:380px 1fr;align-items:start}}@media (width<=768px){h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{min-width:600px}.form-grid-2,[style*=questionTypeGrid],[style*=statsSummaryGrid]{grid-template-columns:1fr!important}[style*=optionRow]{grid-template-columns:24px 1fr!important;gap:4px!important}[style*=optionLabel]{grid-column:2}[style*=modalContent]{width:95%!important;max-height:85vh!important}[style*=brandText]{font-size:18px!important}}
