:root{--figma-gray-white: #FFFFFF;--figma-gray-50: #F8FAFC;--figma-gray-100: #F1F5F9;--figma-gray-200: #E2E8F0;--figma-gray-300: #CBD5E1;--figma-gray-400: #94A3B8;--figma-gray-500: #64748B;--figma-gray-600: #475569;--figma-gray-700: #334155;--figma-gray-800: #1E293B;--figma-gray-900: #0F172A;--figma-gray-black: #0F172A;--figma-escala-white: var(--figma-gray-white);--figma-escala-black: var(--figma-gray-black);--figma-escala-primario-desabilitado: var(--figma-gray-300);--figma-escala-secundario-desabilitado: var(--figma-gray-200);--figma-escala-secundario: var(--figma-gray-500);--figma-bg-section: #F1F5F9;--figma-bg-content: #F8FAFC;--figma-primary: #5B4BB4;--figma-primary-hover: #4C3D9E;--figma-primary-dark: #3D3080;--figma-primary-light: #7C6EC9;--figma-primary-50: #EEECF8;--figma-secondary: #0D9488;--figma-secondary-light: #14B8A6;--figma-secondary-dark: #0F766E;--figma-secondary-50: #CCFBF1;--figma-accent: #8B5CF6;--figma-border-card: #E2E8F0;--figma-sidebar-bg: #1E293B;--figma-sidebar-surface: #334155;--figma-footer: #475569;--color-vermelho-alerta: #DC2626;--color-branco: var(--figma-gray-white);--color-preto-suave: var(--figma-gray-black);--color-cinza-claro: var(--figma-bg-content);--color-cinza-medio: var(--figma-gray-500);--color-white: var(--figma-gray-white);--color-gray-100: var(--figma-gray-100);--color-gray-200: var(--figma-gray-200);--color-gray-300: var(--figma-gray-300);--color-gray-400: var(--figma-gray-400);--color-gray-500: var(--figma-gray-500);--color-gray-700: var(--figma-gray-800);--color-gray-800: var(--figma-gray-800);--color-gray-900: var(--figma-gray-900);--color-gray-border: var(--figma-border-card);--color-gray-border-disabled: var(--figma-gray-400);--color-primary: var(--figma-primary);--color-primary-hover: var(--figma-primary-hover);--color-primary-light: var(--figma-primary-light);--color-primary-dark: var(--figma-primary-dark);--color-verde-primario: var(--figma-secondary);--color-verde-primario-hover: var(--figma-secondary-dark);--color-verde-escuro: var(--figma-secondary-dark);--color-azul-senior: var(--figma-primary);--color-azul-senior-hover: var(--figma-primary-hover);--color-blue-500: var(--figma-primary);--color-blue-600: var(--figma-primary-hover);--color-blue-50: var(--figma-primary-50);--color-error: var(--color-vermelho-alerta);--color-error-bg: #FEF2F2;--color-success: var(--figma-secondary);--color-success-bg: var(--figma-secondary-50);--color-verde-acao: var(--figma-secondary);--color-verde-secundario: var(--figma-secondary);--color-verde-secundario-claro: var(--figma-secondary-50);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--font-sans: "Plus Jakarta Sans", "Open Sans", system-ui, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-title: var(--font-weight-bold) 1.5rem/1.3 var(--font-sans);--text-subtitle: var(--font-weight-semibold) 1.25rem/1.4 var(--font-sans);--text-body: var(--font-weight-regular) 1rem/1.5 var(--font-sans);--text-small: var(--font-weight-regular) .875rem/1.5 var(--font-sans);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .08);--transition-fast: .18s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font:var(--text-body);color:var(--figma-gray-black);background-color:var(--figma-bg-content)}h1,.h1{font:var(--text-title);color:var(--figma-gray-900);margin:0 0 var(--space-2);font-weight:var(--font-weight-bold);letter-spacing:-.02em}h2,.h2{font:var(--text-subtitle);color:var(--figma-gray-900);margin:0 0 var(--space-2);font-weight:var(--font-weight-semibold)}h3,.h3{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--figma-gray-900);margin:0 0 var(--space-2)}p{margin:0 0 var(--space-2);font:var(--text-body);color:var(--figma-gray-black)}p:last-child{margin-bottom:0}.text-secondary{font:var(--text-small);color:var(--figma-escala-secundario)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell--with-sidebar{flex-direction:row}.app-header{padding:var(--space-2) var(--space-3);background-color:var(--figma-gray-white);color:var(--figma-gray-900);box-shadow:var(--shadow-sm)}.app-header .h1,.app-header h1{color:var(--figma-gray-900);margin:0}.app-main{flex:1;padding:var(--space-4) var(--space-3);width:100%;margin:0 auto;max-width:1600px}.app-main--with-sidebar{max-width:none;margin:0;padding:var(--space-4) var(--space-3);overflow-y:auto;min-height:100vh}.sidebar{width:260px;min-width:260px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background-color:var(--figma-sidebar-bg);color:var(--figma-gray-white);z-index:100}.sidebar__brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__logo{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background-color:#ffffff1a;color:var(--figma-gray-white);font-weight:var(--font-weight-semibold);font-size:1rem;flex-shrink:0}.sidebar__title{font-size:1rem;font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__nav{flex:1;padding:var(--space-2) 0;overflow-y:auto}.sidebar__list{list-style:none;margin:0;padding:0}.sidebar__item{margin:2px var(--space-1)}.sidebar__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:#ffffffd1;text-decoration:none;font-size:.9375rem;font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border-left:3px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.sidebar__link:hover{background-color:#ffffff0f;color:var(--figma-gray-white);text-decoration:none}.sidebar__link--active{background-color:#ffffff1a;color:var(--figma-gray-white);border-left-color:var(--figma-primary-light);font-weight:var(--font-weight-semibold)}.sidebar__link:focus-visible{outline:2px solid var(--figma-primary-light);outline-offset:-2px}.sidebar__icon{font-size:1.25rem;width:1.5rem;text-align:center;flex-shrink:0;opacity:.9}.sidebar__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__footer{padding:var(--space-3);border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar__user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0}.sidebar__user-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#ffffff26;color:var(--figma-gray-white);font-size:.875rem;font-weight:var(--font-weight-semibold);flex-shrink:0}.sidebar__user-name{font-size:.875rem;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__logout{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background-color:#ffffff14;color:#ffffffe6;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.sidebar__logout:hover{background-color:#dc262626;color:var(--figma-gray-white);border-color:#dc26264d}.sidebar__logout:focus-visible{outline:2px solid var(--figma-primary-light);outline-offset:2px}@media (max-width: 899px){.app-main{padding:var(--space-2)}.app-main--with-sidebar{padding:var(--space-2);min-height:auto;flex:1}}@media (min-width: 900px) and (max-width: 1199px){.app-main--with-sidebar{padding:var(--space-3)}}.page-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-6);align-items:start}@media (max-width: 768px){.page-grid{grid-template-columns:1fr}}.form-group{margin-bottom:var(--space-2)}.form-group+.form-group{margin-top:var(--space-2)}.form-group label{display:block;margin-bottom:var(--space-1)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font:var(--font-weight-medium) 1rem/1.4 var(--font-sans);border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn--primary{background-color:var(--color-primary);color:var(--color-branco)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:0 2px 8px #5b4bb440}.btn--secondary{background-color:var(--color-branco);color:var(--figma-gray-800);border:1px solid var(--color-gray-border)}.btn--secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background-color:#5b4bb40a}.btn--success{background-color:var(--color-verde-acao);color:var(--color-branco)}.btn--success:hover:not(:disabled){background-color:var(--figma-secondary-dark)}.btn--alert{background-color:var(--color-error);color:var(--color-branco)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:.875rem}.input-wrap{display:flex;flex-direction:column;gap:var(--space-1)}.input{width:100%;padding:var(--space-2);font:var(--text-body);color:var(--figma-gray-900);background-color:var(--color-branco);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--color-cinza-medio)}.input:hover:not(:disabled):not(.input--error):not(.input--success){border-color:var(--figma-gray-300)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #5b4bb41a}.input--error{border-color:var(--color-error)}.input--success{border-color:var(--color-success)}.input-message--error{color:var(--color-error)}.input-message--success{color:var(--color-success)}.card{background-color:var(--color-branco);border-radius:var(--radius-lg);border:1px solid var(--figma-border-card);box-shadow:var(--shadow-sm);padding:var(--space-3);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card__title{font:var(--text-subtitle);color:var(--figma-gray-900);margin:0 0 var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--figma-gray-200)}.card__body{font:var(--text-body);color:var(--figma-gray-800)}.form{display:flex;flex-direction:column;gap:var(--space-2);max-width:360px}.form label{font-weight:var(--font-weight-medium);color:var(--figma-gray-800)}.form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #5b4bb41a}.modal-overlay{background-color:#0f172a66}.modal{border-radius:var(--radius-xl);border:1px solid var(--figma-border-card);box-shadow:var(--shadow-lg)}.modal__title{color:var(--figma-gray-900);font-weight:var(--font-weight-semibold)}.table-wrapper{border:1px solid var(--figma-border-card);border-radius:var(--radius-md)}.table th{font-weight:var(--font-weight-semibold);color:var(--figma-gray-800);background-color:var(--figma-gray-50)}.surveys-grid,.groups-grid{gap:var(--space-3)}.survey-card,.group-card{background-color:var(--color-branco);border-radius:var(--radius-lg);border:1px solid var(--figma-border-card);box-shadow:var(--shadow-sm);padding:var(--space-3);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.survey-card:hover,.group-card:hover{box-shadow:var(--shadow-md);border-color:var(--figma-gray-300)}.survey-title,.group-name{font:var(--text-subtitle);color:var(--figma-gray-900);margin:0}.badge{display:inline-block;padding:var(--space-1) var(--space-2);font:var(--text-small);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm)}.badge-draft{background-color:var(--figma-gray-100);color:var(--figma-gray-600)}.badge-ready{background-color:var(--figma-primary-50);color:var(--figma-primary)}.badge-sent{background-color:var(--figma-secondary-50);color:var(--figma-secondary-dark)}.badge-closed{background-color:var(--figma-gray-100);color:var(--figma-gray-500)}.badge-canceled{background-color:var(--color-error-bg);color:var(--color-error)}.loading-message,.empty-message{color:var(--figma-gray-500)}.error-message{color:var(--color-error)}.chart-container{width:100%;min-height:200px}.chart-title{font:var(--text-subtitle);color:var(--figma-gray-800);margin:0 0 var(--space-2)}