@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.narrow-container{max-width:770px;margin:20px auto;padding:10px;display:flex;flex-direction:column;gap:12px}.header-card{background:#3f3f3f;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:15px}.google-input{border:none;border-bottom:1px solid #ddd;padding:10px 0;font-size:16px;outline:none;transition:border-bottom .3s ease;background:transparent;color:inherit}.google-input:focus{border-bottom:2px solid #FFD000}.question-card{background:#3f3f3f;border-radius:8px;padding:24px;box-shadow:0 1px 4px #0000001a;border:1px solid #dadce0;position:relative;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:light){body{background-color:#f0ebf8}}.info-tooltip-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:4px}.info-tooltip-wrapper .tooltip-text{visibility:hidden;width:max-content;max-width:220px;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:8px 12px;position:absolute;z-index:100;bottom:160%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s;font-family:Inter,sans-serif;font-size:12px;line-height:1.4;pointer-events:none;box-shadow:0 4px 12px #00000026;font-weight:400}.info-tooltip-wrapper .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:#333333 transparent transparent transparent}.info-tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}:root{--primary: #FFD000;--primary-dark: #e6bc00;--bg-light: #565656;--text-dark: #000000;--text-gray: #757575;--border-gray: #e0e0e0;--white: #ffffff;--sidebar-dark: #2c2c2c;--gray-light: #F6F6F6}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--white);color:var(--text-dark)}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden;position:relative}.content{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 20px;overflow-y:auto}.content.bg-light-gray{background-color:var(--gray-light)}.container{max-width:1500px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:20px;width:100%}@media(min-width:2000px){.container{max-width:90%}}@media(max-width:768px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;position:relative}.content{padding:20px 10px}}.header-card{background:var(--white);border-radius:8px;border-top:10px solid var(--white);padding:2px;width:100%;max-width:100%}.google-input{width:100%;border:none;border-bottom:1px solid var(--border-gray);padding:10px 0;font-size:16px;outline:none;background:transparent;transition:border-color .3s}.google-input:focus{border-bottom:2px solid var(--primary)}.google-input.error{border-bottom-color:#d93025}.google-input.error:focus{border-bottom-color:#d93025}.error-message{color:#d93025;font-size:12px;margin-top:5px;display:flex;align-items:center;gap:5px}.error-message:before{content:"!";display:inline-flex;justify-content:center;align-items:center;width:14px;height:14px;background:#d93025;color:#fff;border-radius:50%;font-size:10px;font-weight:700}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:15px}@media(max-width:768px){.results-table{min-width:600px}}button{background-color:var(--primary);color:var(--text-dark);border:none;padding:10px 20px;border-radius:20px;margin:5px 10px;font-weight:700;cursor:pointer;transition:background .5s}button:hover{background-color:var(--primary-dark)}.results-table{width:100%;border-collapse:collapse}.results-table th{background-color:var(--white);color:var(--text-gray);text-align:left;padding:8px 10px;border-bottom:2px solid var(--border-gray)}.results-table td{padding:8px 10px;border-bottom:1px solid var(--border-gray)}.badge.Activo{background-color:#fff9c4;color:#827717;padding:4px 8px;border-radius:4px;font-size:12px}.badge.Borrador{background-color:#eee;color:#616161;padding:4px 8px;border-radius:4px;font-size:12px}.badge.Cerrado{background-color:#ffebee;color:#c62828;padding:4px 8px;border-radius:4px;font-size:12px}.content.no-padding{padding:0}.sidebar{background-color:#fff;color:#7a7c7f;width:260px;display:flex;flex-direction:column;padding:20px;transition:width .3s ease,padding .3s ease;overflow:hidden;white-space:nowrap;box-shadow:4px 0 10px #0000000d}.sidebar.closed{width:0;padding:0}.nav-item{background:transparent;color:#7a7c7f;text-align:left;padding:12px;margin-bottom:5px;border-radius:6px;width:100%;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;transition:all .2s ease}.nav-item:hover,.nav-item.active{background:#fff6cf;color:#2d2926;font-weight:600}.item-logout{margin-top:auto;display:flex;flex-direction:row}.icon-logout{margin-right:10px}.sidebar-brand{display:flex;align-items:center;gap:10px;margin-bottom:30px;padding:0 10px}.sidebar-brand h2{color:#7a7c7f;font-size:20px;margin:0;font-family:Inter,sans-serif;font-weight:700}.user-profile{padding:0 10px 20px;margin-bottom:20px;border-bottom:1px solid #3d3d3d}.user-welcome{margin:0;font-size:12px;color:#b0b0b0}.user-name{margin:5px 0 0;font-weight:700;color:var(--white)}.sidebar-nav{display:flex;flex-direction:column;gap:5px;flex:1}.brand-logo{color:var(--primary);font-size:1.5rem;font-weight:700;text-align:center}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;box-shadow:2px 0 10px #00000080;transform:translate(0);transition:transform .3s ease;width:260px}.sidebar.closed{transform:translate(-100%);width:260px;padding:20px;box-shadow:none}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1;visibility:visible}}.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fff}.login-card{background:#fff;width:100%;max-width:400px;border-radius:10px;overflow:hidden;box-shadow:none;position:relative;text-align:center;color:#333;z-index:10}.login-header-strip{background-color:#ffcd00;height:15px;width:100%}.login-content{padding:40px 30px}.login-title{font-size:24px;font-weight:700;color:#333;margin-bottom:20px}.login-subtitle{color:#777;margin-bottom:30px;font-size:14px}.login-error{color:#d32f2f;background-color:#ffebee;padding:10px;border-radius:4px;margin-bottom:20px;font-size:13px}.input-group{margin-bottom:25px;text-align:left}.input-row{display:flex;align-items:center;border-bottom:1px solid #e0e0e0;padding:8px 0;transition:border-color .3s}.input-row:focus-within{border-bottom-color:#ffcd00}.input-icon{color:#a4b4bb;margin-right:12px;display:flex;align-items:center}.input-icon-end{margin-left:12px;display:flex;align-items:center;cursor:help}.material-input{flex:1;width:100%;border:none;padding:8px 0;font-size:16px;background:transparent;color:#333;outline:none}.material-input::placeholder{color:#a4b4bb;font-weight:500}.material-input:-webkit-autofill,.material-input:-webkit-autofill:hover,.material-input:-webkit-autofill:focus,.material-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #ffffff inset!important;-webkit-text-fill-color:#333!important;transition:background-color 5000s ease-in-out 0s}.btn-primary-custom{width:100%;background-color:#ffcd00;color:#000;border:none;padding:12px;border-radius:25px;font-weight:700;font-size:16px;cursor:pointer;margin-bottom:15px;text-transform:uppercase;transition:opacity .3s}.btn-primary-custom:hover{opacity:.9}.btn-primary-custom:disabled{opacity:.6;cursor:not-allowed}.btn-secondary-custom{width:100%;background-color:#888;color:#fff;border:none;padding:12px;border-radius:25px;font-weight:700;font-size:14px;cursor:pointer;text-transform:uppercase;transition:opacity .3s}.btn-secondary-custom:hover{opacity:.9}.stat-card{background:#fff;color:var(--text-dark);padding:5px;border-radius:8px;box-shadow:1px 3px 5px #0000000d;text-align:center;flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-card.selected{background-color:#fff6cf;box-shadow:inset 0 2px 4px #0000001a;border:1px solid #FFCD00}.stat-card p{font-size:16px;font-weight:600;color:#7a7c7f;margin:5px 10px}.stat-card h3{font-size:24px;font-weight:700;color:#2d2926;margin:5px 10px}.stats-row{display:flex;gap:10px;margin-bottom:10px}@media(max-width:768px){.stats-row{flex-direction:column}}.header-card-title{margin:10px 0}.header-card-title h3{font-size:24px;font-weight:700;color:#7a7c7f;margin:0;text-align:center}.create-new-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 40px;gap:16px;width:227px;height:48px;background:#ffcd00;border-radius:48px;color:#2d2926;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:32px;border:none;cursor:pointer;margin:0;transition:transform .2s;white-space:nowrap}.create-new-btn:hover{transform:scale(1.02)}.edit-btn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:10px;width:48px;height:48px;border:2px solid #FFD520;border-radius:24px;background-color:#0000}.edit-btn:hover{transform:scale(1.02);border-color:#ffcd00;background-color:#fff6cf}.results-btn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:10px;color:#7a7c80;width:48px;height:48px;border:2px solid #FFD520;border-radius:24px;background-color:#0000}.results-btn:hover{transform:scale(1.02);border-color:#ffcd00;background-color:#fff6cf}.small-btn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:14px 24px;gap:10px;width:100px;height:48px;border:2px solid #FFD520;border-radius:24px;background-color:#0000}.small-btn:hover{transform:scale(1.02);border-color:#ffcd00;background-color:#fff6cf}.shared-btn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:10px;width:48px;height:48px;border:2px solid #FFD520;border-radius:24px;background-color:#0000}.shared-btn:hover{transform:scale(1.02);border-color:#ffcd00;background-color:#fff6cf}.delete-btn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:10px;width:48px;height:48px;border:2px solid #FFD520;border-radius:24px;background-color:#0000}.delete-btn:hover{transform:scale(1.02);border-color:#ffcd00;background-color:#ffd3cf}.status-btn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:10px;width:48px;height:48px;border:2px solid #FFD520;border-radius:24px;background-color:#0000}.status-btn:hover{transform:scale(1.02);border-color:#ffcd00;background-color:#fff6cf}.enlace-buttons-container{display:flex;gap:8px;justify-content:center}.dashboard-controls{display:none}.header-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.dashboard-actions{display:flex;align-items:center;gap:20px}.filter-container{position:relative}.filter-trigger,.search-trigger{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;transition:transform .2s}.filter-trigger:hover,.search-trigger:hover{transform:scale(1.1)}.filter-dropdown{position:absolute;top:100%;left:0;margin-top:10px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:12px 0;width:180px;z-index:1000;border:1px solid #F0F2F5}.filter-dropdown .filter-option{display:flex;align-items:center;padding:10px 16px;gap:12px;cursor:pointer;transition:background-color .2s}.filter-dropdown .filter-option:hover{background-color:#f8f9fa}.filter-dropdown .filter-option span{font-size:16px;color:#54585a;font-weight:400;-webkit-user-select:none;user-select:none}.filter-checkbox{width:20px;height:20px;border:1.5px solid #DADBDD;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.filter-checkbox.checked{background-color:#ffcd00;border-color:#ffcd00}.search-container,.search-container-wrapper{display:flex;align-items:center}.search-box-container{display:flex;align-items:center;border:1px solid #9A9DA1;border-color:#7b61ff;border-radius:4px;padding:8px 12px;width:300px;background:#fff;transition:width .3s ease}@media(max-width:768px){.dashboard-controls{flex-direction:column;align-items:stretch;gap:15px}.search-container-wrapper,.search-box-container{width:100%}.create-new-btn{width:100%!important;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-overlay.show{opacity:1;visibility:visible}.modal-content{background:#fff;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;transform:scale(.9);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.show .modal-content{transform:scale(1)}.modal-content.primary{border-radius:8px;padding:40px;min-width:300px;max-width:90%}.modal-content.secondary{border-radius:16px;padding:24px 32px;min-width:300px;max-width:500px}.modal-content.delete{border-radius:16px;padding:24px 32px 40px;gap:32px;width:395px;max-width:90%;box-shadow:0 42px 17px #87878703,0 24px 14px #8787870d,0 11px 11px #87878717,0 3px 6px #8787871a}.modal-content img{width:60px;height:60px;margin-bottom:20px;object-fit:contain}.modal-content p{font-size:1.1rem;color:#333;margin-bottom:24px;line-height:1.5}.modal-content button{margin:0 5px}.modal-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999}.modal-close-btn:hover{color:#333}@media screen and (max-width:768px){.modal-content{width:85%;padding:24px}.modal-content.primary,.modal-content.secondary{padding:20px}.modal-content p{font-size:1rem}}.custom-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:30px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background-color:var(--primary, #FFD000);color:#000}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark, #e6bc00);transform:translateY(-1px)}.btn-secondary{background-color:#ccc;color:#333;border:none}.btn-secondary:hover:not(:disabled){background-color:#000;color:#fff}.btn-outline{background-color:var(--primary, #FFD000);color:#000;border:none}.btn-outline:hover:not(:disabled){background-color:var(--primary-dark, #e6bc00)}.btn-danger{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.btn-danger:hover:not(:disabled){background-color:#fecaca}.btn-success{background-color:#4caf50;color:#fff}.btn-success:hover:not(:disabled){background-color:#45a049}.custom-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}._container_16mqx_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}._spinner___16mqx_15{width:40px;height:40px;position:relative;display:inline-block}._spinner__circle_16mqx_21{width:14px;height:14px;border-radius:50%;position:absolute;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}._spinner__circle_16mqx_21:nth-child(1){top:0;left:0;background-color:#ffd000;animation-name:_converge-tl_16mqx_1}._spinner__circle_16mqx_21:nth-child(2){top:0;right:0;background-color:#fff;animation-name:_converge-tr_16mqx_1}._spinner__circle_16mqx_21:nth-child(3){bottom:0;right:0;background-color:#ffd000;animation-name:_converge-br_16mqx_1}._spinner__circle_16mqx_21:nth-child(4){bottom:0;left:0;background-color:#fff;animation-name:_converge-bl_16mqx_1}@keyframes _converge-tl_16mqx_1{0%{transform:translate(0)}to{transform:translate(13px,13px)}}@keyframes _converge-tr_16mqx_1{0%{transform:translate(0)}to{transform:translate(-13px,13px)}}@keyframes _converge-br_16mqx_1{0%{transform:translate(0)}to{transform:translate(-13px,-13px)}}@keyframes _converge-bl_16mqx_1{0%{transform:translate(0)}to{transform:translate(13px,-13px)}}.editor-controls{display:flex;gap:10px;padding:5px 0;justify-content:center;align-items:center;width:100%}.btn-add-question-outlined{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:14px 24px;gap:10px;width:220px;height:48px;background:transparent;border:2px solid #FFD520;border-radius:24px;cursor:pointer;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:19px;color:#2d2926;transition:all .2s}.btn-add-question-outlined:hover{background-color:#fff9c4;transform:translateY(-2px)}.breadcrumb-back{display:flex;flex-direction:row;align-items:center;padding:8px 20px;gap:16px;background:transparent;border:none;border-radius:30px;cursor:pointer;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:17px;color:#7a7c7f;transition:all .2s}.breadcrumb-back svg{width:16px;height:9px;transition:fill .2s}.breadcrumb-back:hover{background-color:var(--primary);color:var(--text-dark);opacity:1}.breadcrumb-back:hover svg path{fill:var(--text-dark)}.btn-text-config{display:flex;flex-direction:column;width:304px;margin-bottom:10px}.btn-text-config label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:23px;color:#7a7c7f;display:flex;align-items:center;gap:8px;margin-bottom:8px}.btn-text-config input{box-sizing:border-box;width:100%;height:48px;background:#fff;border:1px solid #DADBDD;border-radius:4px;padding:12px;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:#2d2926}.btn-text-config input::placeholder{color:#ccc}.btn-text-config input:focus{outline:none;border-color:var(--primary)}.btn-text-config input:disabled{background-color:#f5f5f5;cursor:not-allowed}.questions-container{max-width:770px;margin:0 auto;width:100%}.editor-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:23px;color:#7a7c7f;display:block;margin-bottom:8px}.view-toggle{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0;gap:0;width:132px;height:35px;background:#f9f6f5;border:1px solid #FFE884;border-radius:24px;overflow:hidden;position:relative}.view-toggle button{flex:1;border:none;outline:none;background:transparent;cursor:pointer;padding:8px 0;display:flex;align-items:center;justify-content:center;height:100%;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:19px;color:#7a7c7f;transition:all .2s}.view-toggle button:first-child{border-radius:23px 0 0 23px}.view-toggle button:last-child{border-radius:0 23px 23px 0}.view-toggle button.active{background:#ffe884;font-weight:600;box-shadow:0 0 0 10px #ffe884}.custom-select-container{position:relative;display:inline-block;font-family:inherit;width:100%}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;background-color:#f8f9fa;border:1px solid var(--border-gray);border-radius:20px;cursor:pointer;width:100%;font-size:14px;transition:all .2s;-webkit-user-select:none;user-select:none}.custom-select-trigger:hover{background-color:#eee}.custom-select-trigger.open{border-color:var(--primary);box-shadow:0 0 0 2px #ffd00033}.custom-select-arrow{margin-left:10px;font-size:12px;color:#666;transition:transform .2s}.custom-select-arrow.open{transform:rotate(180deg)}.custom-select-options{position:absolute;top:110%;left:0;right:0;background:#fff;border:1px solid var(--border-gray);border-radius:12px;box-shadow:0 4px 12px #00000026;list-style:none;padding:0;margin:0;z-index:1000;overflow:hidden;max-height:300px;overflow-y:auto}.custom-select-option{padding:10px 15px;cursor:pointer;transition:background .1s;font-size:14px;color:#333}.custom-select-option:hover{background-color:#fff9db}.custom-select-option.selected{background-color:#fff3cd;font-weight:500}.multi-select-wrapper{position:relative;height:48px;background:#fff;border:1px solid #DADBDD;border-radius:8px;cursor:pointer;box-sizing:border-box;transition:all .2s ease;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif}.multi-select-wrapper.open{border:1px solid #FFD520;border-radius:8px 8px 0 0}.multi-select-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 16px;box-sizing:border-box}.multi-select-trigger .trigger-label{font-size:16px;color:#2d2a26}.multi-select-trigger .arrow-icon{transition:transform .2s ease}.multi-select-trigger .arrow-icon.rotated{transform:rotate(180deg)}.multi-select-list{position:absolute;top:46px;left:-1px;width:calc(100% + 2px);background:#fff;border:1px solid #FFD520;border-top:none;border-radius:0 0 8px 8px;z-index:100;box-shadow:0 4px 12px #0000001a;padding:8px 0}.multi-select-option{display:flex;align-items:center;padding:10px 18px;gap:12px;cursor:pointer;font-size:16px;color:#2d2a26}.multi-select-option:hover{background-color:#f6f6f6}.checkbox-custom{width:20px;height:20px;background:#fff;border:1px solid #9A9DA1;border-radius:2px;display:flex;justify-content:center;align-items:center;transition:all .2s;flex-shrink:0}.question-card{background:transparent;border:none;border-radius:8px;padding:0;margin-bottom:24px;position:relative;box-shadow:none}.question-card:hover{box-shadow:none}.question-main-input{box-sizing:border-box;width:100%;height:48px;background:#fff;border:1px solid #DADBDD;border-radius:4px;padding:12px;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:#2d2926;outline:none;transition:all .2s}.question-main-input::placeholder{color:#ccc}.question-main-input:focus{border-color:#ffd000}.question-main-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.google-input{border:1px solid #DADBDD;border-radius:4px;padding:10px 12px;font-size:14px;font-family:Inter,sans-serif;outline:none;transition:all .2s;background:#fff;width:100%;box-sizing:border-box}.google-input:focus{border-color:#ffd000;box-shadow:0 0 0 2px #ffd0001a}.google-input:disabled{background:#f9f9f9;color:#7a7c7f}.small-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:13px;font-weight:500;padding:5px 0}.small-btn:hover{text-decoration:underline}.switch-wrapper{display:flex;align-items:center;gap:10px;font-size:14px;color:#7a7c7f;font-family:Inter,sans-serif}.switch{position:relative;display:inline-block;width:36px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#ffd000}input:checked+.slider:before{transform:translate(16px)}.question-separator{height:0px;border-top:1px dashed #B9BBBD;margin:30px 0}.btn-add-option{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:14px 24px;gap:10px;width:220px;height:48px;background:transparent;border:2px solid #FFD520;border-radius:24px;cursor:pointer;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:19px;color:#2d2926;transition:all .2s;margin-top:15px}.btn-add-option:hover{background-color:#fff9c4;transform:translateY(-2px)}.option-row{display:flex;align-items:center;gap:15px;margin-bottom:12px}.option-row label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:23px;color:#7a7c7f;min-width:100px}.option-row .option-input-container{flex:1;display:flex;align-items:center;gap:8px}.btn-delete-option{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s}.btn-delete-option:hover{background-color:#f0f0f0}.options-section{margin-top:15px;padding-left:80px}.profile-verify-actions{display:flex;justify-content:flex-end;gap:20px;align-items:center;flex-wrap:wrap}@media(max-width:768px){.profile-verify-actions{flex-direction:column;width:100%;gap:16px!important}.profile-verify-actions button{width:100%!important;justify-content:center!important;margin:0!important}}.user-alert-bar{background-color:#54585a;color:#fdfbf9;height:80px;width:100%;display:flex;align-items:center;justify-content:center}.user-alert-bar .alert-content{display:flex;align-items:center;width:100%;max-width:1280px;padding:0 40px;position:relative}.user-alert-bar .icon-wrapper{margin-right:24px;display:flex;align-items:center}.user-alert-bar .alert-text{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:32px;color:#fdfbf9;flex:1}.user-alert-bar .close-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.user-alert-bar .close-btn:hover{opacity:.8}@media(max-width:768px){.user-alert-bar{height:auto;min-height:60px;padding:12px 0}.user-alert-bar .alert-content{padding:0 16px}.user-alert-bar .alert-text{font-size:14px;line-height:20px}.user-alert-bar .icon-wrapper{margin-right:12px}.user-alert-bar .icon-wrapper svg{width:20px;height:20px}}.form-progress-bar{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 48px;gap:32px;position:absolute;height:68px;left:0%;right:0%;top:0;background:#fff;border-bottom:1px solid #f0f0f0;z-index:1000}.progress-step{display:flex;align-items:center;gap:8px;color:#9e9e9e;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;position:relative;padding-bottom:8px}.progress-step.active{color:#ffe884;font-weight:700;border-bottom:2px solid #FFE884;border-radius:0 0 8px 8px;padding-bottom:6px}.progress-step.active:after{display:none}.progress-step.active .step-icon{color:#ffe884!important}.progress-step.active .step-label{color:#7a7c7f;padding-bottom:0;position:static;border-bottom:none}.step-icon{display:flex;align-items:center;justify-content:center}.form-segmentation-container{background-color:var(--gray-light);padding:32px;border-radius:8px;margin-bottom:20px}.segmentation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.segmentation-title h2{font-family:Inter,sans-serif;font-size:24px;line-height:29px;font-weight:700;color:#7a7c7f;margin:0 0 8px}.segmentation-title p{font-family:Inter,sans-serif;font-size:14px;color:#7a7c7f;margin:0}.segmentation-toggle{display:flex;align-items:center;gap:10px;font-size:14px;color:#7a7c7f}.segmentation-toggle .switch{position:relative;display:inline-block;width:36px;height:20px}.segmentation-toggle .switch input{opacity:0;width:0;height:0}.segmentation-toggle .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:20px}.segmentation-toggle .slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}.segmentation-toggle input:checked+.slider{background-color:#ffd000}.segmentation-toggle input:checked+.slider:before{transform:translate(16px)}.segmentation-options .options-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:23px;color:#7a7c7f;margin-bottom:12px;display:block}.segmentation-options .cards-row{display:flex;gap:16px;flex-wrap:wrap}.segmentation-card{display:flex;align-items:center;gap:12px;padding:16px 24px;background-color:#fff;border:1px solid #DADBDD;border-radius:16px;cursor:pointer;transition:all .2s ease;width:272px;height:56px;box-sizing:border-box}.segmentation-card span{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#2d2926}.segmentation-card:hover{border-color:#ffcd00;box-shadow:0 2px 8px #0000000d}.segmentation-card.selected{background-color:#fff9c4;border-color:#ffcd00}.gender-select-wrapper{position:relative;width:272px;height:56px}.gender-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:10;display:flex}.gender-select{width:100%;height:100%;padding:0 16px 0 48px;background:#fff;border:1px solid #DADBDD;border-radius:16px;font-family:Inter,sans-serif;font-size:14px;color:#2d2926;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.gender-select:focus{outline:none;border-color:#ffcd00;box-shadow:0 0 0 2px #ffd00033}.segmentation-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:40px;gap:16px}.save-btn-circle{width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #DADBDD;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0;margin:0}.save-btn-circle:hover{background-color:#f9f9f9;border-color:#bbb}.continue-btn{background-color:#ffcd00;color:#2d2926;border:none;height:48px;padding:0 32px;border-radius:24px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s;margin:0}.continue-btn:hover{background-color:#e6bc00}.gender-dropdown-wrapper{position:relative;width:280px;height:56px;background:#fff;border:1px solid #DADBDD;border-radius:16px;cursor:pointer;box-sizing:border-box;transition:all .2s ease;-webkit-user-select:none;user-select:none}.gender-dropdown-wrapper.open{border:1px solid #FFD520;border-radius:16px 16px 0 0}.gender-dropdown-wrapper.selected{background:#fff2b9;border:1px solid #DADBDD}.gender-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 16px;box-sizing:border-box}.trigger-content{display:flex;align-items:center;gap:12px}.trigger-label{font-family:Inter,sans-serif;font-size:16px;color:#2d2a26}.arrow-icon{transition:transform .2s ease}.arrow-icon.rotated{transform:rotate(180deg)}.gender-dropdown-list{position:absolute;top:54px;left:-1px;width:280px;background:#fff;border:1px solid #FFD520;border-top:none;border-radius:0 0 8px 8px;z-index:100;box-shadow:0 4px 12px #0000001a;padding:8px 0}.gender-option{display:flex;align-items:center;padding:10px 18px;gap:12px;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;color:#2d2a26}.gender-option:hover{background-color:#f6f6f6}.checkbox-custom{width:24px;height:24px;background:#fff;border:1px solid #9A9DA1;border-radius:2px;display:flex;justify-content:center;align-items:center;transition:all .2s}.units-list-container{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.unit-card{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background-color:#fff;border:1px solid #DADBDD;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:140px;height:48px;box-sizing:border-box}.unit-card span{font-family:Inter,sans-serif;font-size:14px;color:#2d2926;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.unit-card:hover{border-color:#ffcd00;background-color:#fafafa}.unit-card.selected{background-color:#fff;border-color:#ffcd00;box-shadow:0 0 0 1px #ffcd00}.unit-groups-container{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.group-accordion{width:272px;background:#fff;border:1px solid #DADBDD;border-radius:16px;position:relative;transition:all .2s ease;box-sizing:border-box}.group-accordion.open{border-color:#ffd520;border-radius:16px 16px 0 0;border-bottom:none;padding-bottom:1px;z-index:51}.group-accordion.selected{background:#fff2b9;border:1px solid #DADBDD}.group-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;min-height:56px;box-sizing:border-box}.group-info{display:flex;align-items:center;gap:12px}.brand-logo{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px}.brand-logo.elektra{color:#d32f2f}.brand-logo.totalplay{color:#f57f17}.brand-logo.azteca{color:#1976d2}.group-name{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#2d2926;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.group-body{border-top:1px solid #DADBDD;padding:8px 0;background:#fff;border-radius:0 0 16px 16px;max-height:300px;overflow-y:auto;width:100%;box-sizing:border-box;z-index:50;border:1px solid #FFD520;border-top:none;box-shadow:0 4px 12px #0000001a}.group-body::-webkit-scrollbar{width:6px}.group-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.group-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.group-body::-webkit-scrollbar-thumb:hover{background:#bbb}.group-option{display:flex;align-items:center;padding:10px 18px;gap:12px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;color:#2d2926}.group-option:hover{background-color:#f6f6f6}.group-option.selected{background-color:#fff2b9}.form-configuration-container{background-color:var(--gray-light, #F6F6F6);padding:0;border-radius:0;max-width:770px;width:100%;margin:0 auto;border:none}.form-configuration-container .segmentation-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0px}.form-configuration-container h2{font-family:Inter,sans-serif;font-size:24px;font-weight:700;line-height:29px;color:#7a7c7f;margin-bottom:8px;text-align:left;margin-top:0}.form-configuration-container .config-intro{color:#54585a;font-size:14px;margin-bottom:30px;text-align:left}.form-configuration-container .form-group{margin-bottom:25px}.form-configuration-container .form-group label{display:block;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:23px;color:#7a7c7f;margin-bottom:8px}.form-configuration-container .form-group label .required{color:#e74c3c;margin-left:3px}.form-configuration-container .form-group .input-wrapper{position:relative}.form-configuration-container .form-group .input-wrapper input[type=text]{width:100%;padding:12px 14px;background:#fff;border:1px solid #DADBDD;border-radius:4px;font-size:16px;color:#2d2a26;transition:border-color .2s;height:48px;box-sizing:border-box}.form-configuration-container .form-group .input-wrapper input[type=text]:focus{border-color:#fabd00;outline:none}.form-configuration-container .form-group .input-wrapper input[type=text]::placeholder{color:#9a9da1}.form-configuration-container .title-row{display:grid;grid-template-columns:1fr 200px;gap:20px;align-items:end;margin-bottom:25px}.form-configuration-container .title-row .form-group{margin-bottom:0}.form-configuration-container .max-responses-input{width:100%;padding:12px 14px;background:#fff;border:1px solid #DADBDD;border-radius:4px;font-size:16px;color:#2d2a26;height:48px;box-sizing:border-box;transition:border-color .2s}.form-configuration-container .max-responses-input:focus{border-color:#fabd00;outline:none}.form-configuration-container .max-responses-input::-webkit-inner-spin-button,.form-configuration-container .max-responses-input::-webkit-outer-spin-button{margin:0}.form-configuration-container .dates-row{display:flex;gap:20px}.form-configuration-container .dates-row .form-group:first-child{flex:1}.form-configuration-container .dates-row .form-group:last-child{flex:1.45}.form-configuration-container .dates-row .date-input-container{position:relative}.form-configuration-container .dates-row .date-input-container input[type=date]{width:100%;appearance:none;cursor:pointer}.form-configuration-container .dates-row .date-input-container .calendar-icon-wrapper{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.form-configuration-container .logo-upload-section{margin-top:10px}.form-configuration-container .logo-upload-section .upload-area{display:flex;align-items:center;gap:15px}.form-configuration-container .logo-upload-section .btn-upload{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid #54585A;border-radius:20px;background:#fff;color:#54585a;font-weight:500;cursor:pointer;transition:all .2s}.form-configuration-container .logo-upload-section .btn-upload:hover{background:#f5f5f5}.form-configuration-container .logo-upload-section .btn-upload svg{transform:rotate(45deg)}.form-configuration-container .logo-upload-section .file-info{font-size:14px;color:#9a9da1}.form-configuration-container .logo-upload-section .hidden-input{display:none}.form-configuration-container .logo-upload-section .preview-area{margin-top:15px;position:relative;display:inline-block}.form-configuration-container .logo-upload-section .preview-area img{max-width:200px;max-height:100px;border-radius:8px;border:1px solid #ddd}.form-configuration-container .logo-upload-section .preview-area .remove-btn{position:absolute;top:-10px;right:-10px;background:#e74c3c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;min-width:24px;padding:0;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;transition:background .2s}.form-configuration-container .logo-upload-section .preview-area .remove-btn:hover{background:#c0392b}.form-configuration-container .configuration-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:40px;gap:15px}.form-configuration-container .configuration-footer .continue-btn{background-color:#fabd00;color:#2d2a26;border:none;padding:12px 24px;border-radius:25px;font-weight:700;font-size:16px;cursor:pointer;transition:transform .2s,background-color .2s;display:flex;align-items:center;gap:8px}.form-configuration-container .configuration-footer .continue-btn:hover{background-color:#e5ac00;transform:translateY(-2px)}.checkbox-custom{width:24px;height:24px;background:#fff;border:1px solid #9A9DA1;border-radius:2px;display:flex;justify-content:center;align-items:center;transition:all .2s;cursor:pointer}.checkbox-custom.checked{background-color:#ffd520;border-color:#ffd520}.custom-date-picker{position:relative;width:100%;font-family:Inter,sans-serif}.custom-date-picker .date-input-wrapper{position:relative;cursor:pointer}.custom-date-picker .date-input-wrapper input{width:100%;height:48px;background:#fff;border:1px solid #DADBDD;border-radius:8px;padding:12px 40px 12px 14px;font-size:16px;color:#7a7c7f;box-sizing:border-box;cursor:pointer}.custom-date-picker .date-input-wrapper input:focus{border-color:#fabd00;outline:none}.custom-date-picker .date-input-wrapper input::placeholder{color:#ccc}.custom-date-picker .date-input-wrapper .calendar-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9a9da1;pointer-events:none}.custom-date-picker .calendar-popup{position:absolute;top:60px;left:0;z-index:100;width:308px;min-height:353px;background:#fff;border:1px solid #F6F6F6;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:16px;box-sizing:border-box;animation:fadeIn .2s ease-out}.custom-date-picker .calendar-popup .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.custom-date-picker .calendar-popup .calendar-header span{font-weight:600;font-size:19px;color:#7a7c7f}.custom-date-picker .calendar-popup .calendar-header button{background:none;border:none;cursor:pointer;color:#7a7c7f;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center}.custom-date-picker .calendar-popup .calendar-header button:hover{background-color:#f0f0f0}.custom-date-picker .calendar-popup .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:8px;text-align:center}.custom-date-picker .calendar-popup .calendar-grid .day-name{font-weight:300;font-size:19px;color:#c1c1c1;margin-bottom:10px}.custom-date-picker .calendar-popup .calendar-grid .day-cell{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:16px;font-weight:500;color:#7a7c7f;cursor:pointer;border-radius:50%;border:2px solid transparent}.custom-date-picker .calendar-popup .calendar-grid .day-cell:hover:not(.empty){background-color:#f9f9f9}.custom-date-picker .calendar-popup .calendar-grid .day-cell.selected{border-color:#ffe884;font-weight:600}.custom-date-picker .calendar-popup .calendar-grid .day-cell.inactive{color:#ccc}.custom-date-picker .calendar-popup .calendar-grid .day-cell.empty{cursor:default}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-closing-container{padding:0;max-width:770px;width:100%;margin:0 auto;border:none}.form-closing-container .closing-header{margin-bottom:20px}.form-closing-container .closing-header h2{font-family:Inter,sans-serif;font-size:24px;line-height:29px;font-weight:700;color:#7a7c7f;margin-bottom:10px}.form-closing-container .closing-header .closing-intro{color:#54585a;font-size:14px;margin-bottom:30px}.form-closing-container .closing-header .breadcrumb-back{padding-left:0;display:flex;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer;color:#7a7c7f;font-family:Inter,sans-serif;font-weight:500;font-size:14px}.form-closing-container .closing-header .breadcrumb-back:hover{color:#2d2926}.form-closing-container .form-group{margin-bottom:25px}.form-closing-container .form-group label{display:flex;align-items:center;gap:8px}.form-closing-container .form-group textarea{width:100%;padding:12px 14px;background:#fff;border:1px solid #DADBDD;border-radius:4px;font-size:16px;color:#2d2a26;min-height:80px;font-family:Inter,sans-serif;resize:vertical}.form-closing-container .form-group textarea:focus{border-color:#fabd00;outline:none}.form-closing-container .form-group textarea::placeholder{color:#ccc}.form-closing-container .closing-btn-config{display:flex;flex-direction:column;width:304px;margin-bottom:10px}.form-closing-container .closing-btn-config label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:23px;color:#7a7c7f;display:flex;align-items:center;gap:8px;margin-bottom:8px}.form-closing-container .closing-btn-config input{box-sizing:border-box;width:100%;height:48px;background:#fff;border:1px solid #DADBDD;border-radius:4px;padding:12px;font-family:Inter,sans-serif;font-weight:400;color:#2d2926;font-size:16px}.form-closing-container .closing-btn-config input::placeholder{color:#ccc}.form-closing-container .closing-btn-config input:focus{border-color:#fabd00;outline:none}.viewer-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;border-top:5px solid var(--primary, #FFD000);padding:30px;width:100%;margin-bottom:20px}.viewer-title{font-size:20px;font-weight:700;color:#2d2926;margin-bottom:25px}.results-table{width:100%;border-collapse:collapse;margin-top:10px}.results-table thead th{background-color:var(--white);color:var(--text-gray);font-weight:600;text-align:left;padding:8px 10px;border-bottom:1px solid #eee;font-size:19px}.results-table tbody td{padding:8px 10px;border-bottom:1px solid #f0f0f0;vertical-align:middle;color:#333;font-size:15px}.results-table tbody tr:last-child td{border-bottom:none}.results-table td:first-child{font-weight:600;color:#7a7c80}.badge-count{background-color:#f0f0f0;color:#555;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.results-view-btn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:14px 24px;gap:10px;width:160px;height:48px;right:290px;top:180px;border:2px solid #FFD520;border-radius:24px;background-color:#0000}.results-view-btn:hover{transform:scale(1.02);border-color:#ffcd00;background-color:#fff6cf}.employee-manager-container{padding:20px;max-width:1200px;margin:0 auto}.employee-manager-container .header-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:20px;position:relative}.employee-manager-container .table-responsive{width:100%;overflow-x:auto}.employee-manager-container .employees-table{width:100%;border-collapse:collapse}.employee-manager-container .employees-table th,.employee-manager-container .employees-table td{padding:16px;text-align:left;border-bottom:1px solid #eee}.employee-manager-container .employees-table th{font-weight:600;color:#555;background:#fafafa}.employee-manager-container .employees-table tr:last-child td{border-bottom:none}.employee-manager-container .form-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:20px}.employee-manager-container .form-card h3{margin-bottom:20px;color:#333}.employee-manager-container .form-card .form-group{margin-bottom:15px}.employee-manager-container .form-card .form-group label{display:block;margin-bottom:5px;color:#555;font-size:.9em}.employee-manager-container .actions-bar{display:flex;justify-content:space-between;margin-bottom:20px;align-items:center}.employee-manager-container .edit-btn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px 15px;gap:10px;height:38px;border:2px solid #FFD520;border-radius:24px;background-color:#0000;cursor:pointer;font-weight:600;font-family:inherit;color:#2d2926}.employee-manager-container .edit-btn:hover{transform:scale(1.02);border-color:#ffcd00;background-color:#fff6cf}.employee-manager-container .delete-btn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px 15px;gap:10px;height:38px;border:2px solid #FFD520;border-radius:24px;background-color:#0000;cursor:pointer;font-weight:600;font-family:inherit;color:#2d2926}.employee-manager-container .delete-btn:hover{transform:scale(1.02);border-color:#ffcd00;background-color:#ffd3cf}.permission-manager-container{padding:24px;background-color:#f9fafb;min-height:calc(100vh - 60px)}.permission-manager-container .pm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.permission-manager-container .pm-header h2{margin:0;color:#111827}.permission-manager-container .pm-header .pm-tabs{display:flex;gap:12px}.permission-manager-container .pm-header .pm-tabs .tab-btn{background:none;border:none;border-bottom:2px solid transparent;padding:8px 16px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.permission-manager-container .pm-header .pm-tabs .tab-btn:hover{color:#111827}.permission-manager-container .pm-header .pm-tabs .tab-btn.active{color:#fbbf24;border-bottom-color:#fbbf24}.permission-manager-container .pm-messages{margin-bottom:20px}.permission-manager-container .pm-messages .p-msg{padding:10px;border-radius:6px;font-size:14px}.permission-manager-container .pm-messages .p-msg.error{background-color:#fee2e2;color:#b91c1c}.permission-manager-container .pm-messages .p-msg.success{background-color:#d1fae5;color:#047857}.permission-manager-container .assign-view .search-section{position:relative;margin-bottom:24px}.permission-manager-container .assign-view .search-section .search-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;box-sizing:border-box}.permission-manager-container .assign-view .search-section .search-input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2433}.permission-manager-container .assign-view .search-section .search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:4px;box-shadow:0 4px 6px -1px #0000001a;z-index:10}.permission-manager-container .assign-view .search-section .search-results .search-item{padding:10px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.permission-manager-container .assign-view .search-section .search-results .search-item:hover,.permission-manager-container .assign-view .search-section .search-results .search-item.active{background-color:#f3f4f6}.permission-manager-container .assign-view .search-section .search-results .search-item strong{color:#111827}.permission-manager-container .assign-view .search-section .search-results .search-item small{color:#6b7280}.permission-manager-container .assign-view .manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.permission-manager-container .assign-view .manager-grid .panel{background:#fff;padding:16px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.permission-manager-container .assign-view .manager-grid .panel h3{margin-top:0;margin-bottom:16px;font-size:16px;color:#374151;border-bottom:1px solid #f3f4f6;padding-bottom:10px}.permission-manager-container .assign-view .manager-grid .panel h3 small{font-weight:400;color:#6b7280}.permission-manager-container .assign-view .manager-grid .panel .list-container{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.permission-manager-container .assign-view .manager-grid .panel .list-container .list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .2s}.permission-manager-container .assign-view .manager-grid .panel .list-container .list-item:hover{background:#f3f4f6;border-color:#d1d5db}.permission-manager-container .assign-view .manager-grid .panel .list-container .list-item span{font-size:14px;color:#4b5563}.permission-manager-container .assign-view .manager-grid .panel .list-container .list-item button{width:24px;height:24px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1}.permission-manager-container .assign-view .manager-grid .panel .list-container .list-item button.add-btn{background-color:#d1fae5;color:#047857}.permission-manager-container .assign-view .manager-grid .panel .list-container .list-item button.add-btn:hover{background-color:#a7f3d0}.permission-manager-container .assign-view .manager-grid .panel .list-container .list-item button.del-btn{background-color:#fee2e2;color:#b91c1c}.permission-manager-container .assign-view .manager-grid .panel .list-container .list-item button.del-btn:hover{background-color:#fecaca}.permission-manager-container .assign-view .manager-grid .panel .list-container .empty-txt{text-align:center;color:#9ca3af;font-size:13px;margin-top:20px;font-style:italic}.permission-manager-container .assign-view .placeholder-msg{text-align:center;padding:40px;color:#6b7280;background:#ffffff80;border-radius:12px;border:2px dashed #e5e7eb}.permission-manager-container .manage-view .manage-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.permission-manager-container .manage-view .permissions-table-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.permission-manager-container .manage-view .permissions-table-container .permissions-table{width:100%;border-collapse:collapse}.permission-manager-container .manage-view .permissions-table-container .permissions-table th,.permission-manager-container .manage-view .permissions-table-container .permissions-table td{padding:12px 24px;text-align:left;font-size:14px}.permission-manager-container .manage-view .permissions-table-container .permissions-table th{background-color:#f9fafb;color:#6b7280;font-weight:600;border-bottom:1px solid #e5e7eb}.permission-manager-container .manage-view .permissions-table-container .permissions-table td{color:#374151;border-bottom:1px solid #f3f4f6}.permission-manager-container .manage-view .permissions-table-container .permissions-table td:last-child{border-bottom:none}.permission-manager-container .manage-view .permissions-table-container .permissions-table .actions-cell{display:flex;gap:8px;justify-content:flex-end}.permission-manager-container .manage-view .permissions-table-container .permissions-table .actions-cell .icon-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:background .2s}.permission-manager-container .manage-view .permissions-table-container .permissions-table .actions-cell .icon-btn:hover{background-color:#f3f4f6}.permission-manager-container .manage-view .permissions-table-container .permissions-table .actions-cell .icon-btn.edit{color:#3b82f6}.permission-manager-container .manage-view .permissions-table-container .permissions-table .actions-cell .icon-btn.delete{color:#ef4444}.permission-manager-container .manage-view .permissions-table-container .permissions-table .empty-cell{text-align:center;padding:32px;color:#9ca3af}.permission-manager-container .permission-modal-content{min-width:400px}.permission-manager-container .permission-modal-content h3{margin-top:0;margin-bottom:20px;color:#111827}.permission-manager-container .permission-modal-content .form-group{margin-bottom:16px}.permission-manager-container .permission-modal-content .form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.permission-manager-container .permission-modal-content .form-group .form-input{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box}.permission-manager-container .permission-modal-content .form-group .form-input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2433}.permission-manager-container .permission-modal-content .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.profile-view-container{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;padding-top:40px;padding-bottom:40px}.profile-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:900px;padding:40px;display:flex;flex-direction:column;align-items:center}.profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;width:100%}.profile-avatar-large{width:100px;height:100px;background-color:var(--primary);color:#2d2926;font-size:36px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;box-shadow:0 2px 8px #00000026}.profile-name{margin:0;font-size:24px;color:#2d2926}.profile-role{font-size:14px;color:#757575;text-transform:uppercase;letter-spacing:1px;margin-top:5px}.profile-alert{margin-top:15px;padding:10px 20px;border-radius:8px;font-size:14px;width:100%;max-width:500px;text-align:center}.profile-alert.error{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a}.profile-alert.success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.profile-details-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;border-top:1px solid #eee;padding-top:20px}.detail-item{display:flex;flex-direction:column}.detail-item.full-width{grid-column:span 2}.detail-item label{font-size:12px;color:#757575;margin-bottom:4px;font-weight:600}.detail-item p{margin:0;font-size:16px;color:#333;min-height:24px}.google-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .2s}.google-input:focus{border-color:var(--primary);outline:none}.profile-actions{display:flex;gap:15px;width:100%;justify-content:center;align-items:center}.profile-view-wrapper{width:100%}.top-bar{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;position:sticky;top:0;left:0;width:100%;height:80px;background:#fff;border-top:2px solid #FFD520;box-shadow:0 2px 6px #9b9b9b33;z-index:1100;padding:0}.top-bar-left{display:flex;align-items:center}.menu-toggle-btn{background-color:#fff;border:none;cursor:pointer;font-size:24px;color:#2d2926;width:70px;height:80px;display:flex;align-items:center;justify-content:center;border-top:2px solid #ffffff;border-radius:0;outline:none;margin-right:20px;margin-left:0}.menu-toggle-btn:focus,.menu-toggle-btn:focus-visible{outline:none;border:none;border-top:3px solid #ffffff}.hamburger-lines{width:24px;height:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-lines .line{display:block;height:3px;width:100%;border-radius:2px;background:#2d2926;transition:transform .3s ease-in-out,opacity .2s ease-in-out}.menu-toggle-btn.open .line1{transform:rotate(45deg) translate(5px,6px)}.menu-toggle-btn.open .line2{opacity:0}.menu-toggle-btn.open .line3{transform:rotate(-45deg) translate(6px,-7px)}.menu-toggle-btn:hover{background-color:#e6bc00}.home-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:background-color .2s}.home-btn:hover{background-color:#f0f0f0}.logos-container{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center}.top-bar-right{display:flex;align-items:center;padding-right:48px;gap:20px}.user-section{display:flex;align-items:center;gap:16px}.user-name{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:24px;color:#7a7c7f;display:none}@media(min-width:768px){.user-name{display:block}}.user-avatar{width:48px;height:48px;border-radius:26px;overflow:hidden;background-color:#eee;display:flex;align-items:center;justify-content:center}.user-avatar img{width:100%;height:100%;object-fit:cover}