body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.user-profile-dropdown{display:inline-block;position:relative}.avatar-container{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:4px;transition:background-color .2s ease}.avatar-container:hover{background-color:#f5f5f5}.avatar-container .user-avatar{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;width:36px}.dropdown-arrow{color:#666;font-size:10px;margin-left:4px;transition:transform .2s ease}.user-profile-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;min-width:280px;position:absolute;right:0;top:100%;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:16px}.dropdown-avatar{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:18px;font-weight:500;height:var(--button-height-lg);justify-content:center;margin-right:12px;width:var(--button-height-lg)}.dropdown-user-info{flex:1 1}.dropdown-user-name{color:#333;font-size:16px;font-weight:600;margin-bottom:2px}.dropdown-user-email{color:#666;font-size:13px}.dropdown-divider{background-color:#f0f0f0;height:1px;margin:0}.dropdown-details{padding:12px 16px}.dropdown-item{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.dropdown-item:not(:last-child){border-bottom:1px solid #f8f8f8}.dropdown-label{color:#666;font-weight:500}.dropdown-value{color:#333;font-weight:600;max-width:150px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dropdown-logout-button{background:none;border:none;border-radius:0 0 8px 8px;color:#d32f2f;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:background-color .2s ease;width:100%}.dropdown-logout-button:hover{background-color:#ffebee}.dropdown-logout-button:active{background-color:#ffcdd2}.header{background-color:#fff;border-bottom:1px solid #e0e0e0;height:var(--button-height-xl);justify-content:space-between;padding:var(--spacing-md) var(--spacing-sm)}.header,.header-left,.header-left .header-center,.header-right{align-items:center;display:flex}.header-left{flex:1 1;flex-wrap:nowrap;gap:12px;justify-content:flex-start}.header-center{flex:1 1;justify-content:center;text-align:center}.header-right{flex:1.5 1;justify-content:flex-end;min-width:200px}.client-logo{color:#1e3a5f;font-size:16px;font-weight:600;margin-right:24px;white-space:nowrap}.interaction-ex-id,.page-title{display:inline-block;white-space:nowrap}.page-title{color:#555;font-size:14px}.interaction-ex-id{color:#666;font-size:11px;margin-bottom:2px;margin-top:4px}.user-name{color:#333;font-size:14px;font-weight:500;margin-bottom:2px}.user-email,.user-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#666;font-size:11px}.user-info{align-items:flex-end;flex-direction:column;flex-shrink:0;margin-right:8px;min-width:0;text-align:right}.user-avatar{background-color:#e8e8e8;color:#666;font-size:14px;font-weight:500;height:36px;margin-left:5px;width:36px}.logo h1{color:var(--primary-color);font-size:var(--text-xl);font-weight:var(--font-bold)}.header-actions{display:flex;gap:var(--spacing-sm)}.header-actions .button{color:var(--text-secondary);padding:var(--spacing-sm)}.header-actions .button:hover{color:var(--text-primary)}.logout-button{background:none;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;font-size:12px;margin-left:12px;padding:6px 12px;transition:all .2s ease}.logout-button:hover{background-color:#f5f5f5;border-color:#ccc;color:#333}.logout-button:active{background-color:#e8e8e8}.left-menu{background-color:#1e3a5f;color:#fff;display:flex;flex-direction:column;height:100%;width:190px}.logo{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding:20px 16px}.logo h1{font-weight:500;margin-left:10px}.logo .icon,.logo h1{font-size:20px}.menu-items{list-style:none;margin:0;padding:0}.menu-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;font-size:14px;padding:16px}.menu-item.active,.menu-item:hover{background-color:#ffffff1a}.menu-item.active{border-left-color:#fff}.menu-item .icon{margin-right:12px}.menu-item .text{font-weight:400}.menu-item .icon{font-size:20px}.layout-container{display:flex;height:100vh;overflow:hidden;width:100%}.main-content-container{overflow:hidden}.main-content,.main-content-container{display:flex;flex:1 1;flex-direction:column}.main-content{overflow:auto}footer{background-color:#f6f6f6;border-top:1px solid #e0e0e0;color:#666;font-size:12px;padding:12px 24px;text-align:center}.landing-page-layout{margin-left:0;width:100%}.landing-page-layout .main-content{margin:0;padding:0}.interaction-details{display:flex;flex-direction:column;height:100%}.navigation-tabs{height:48px;padding:0 5px}.tab .material-icons{font-size:16px}.tab.active{color:#1e3a5f;font-weight:500}.tab.active:after{background-color:#1e3a5f;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.transcript-search{align-items:center;display:flex;height:32px;margin-left:auto}.search-input{padding:0 8px;width:200px}.search-button{color:#777}.clear-search{margin-left:4px}.search-results-count{margin-left:8px}.interaction-content{display:flex;flex-direction:column;overflow:hidden}.interaction-main-content{display:flex;flex:1 1;overflow:hidden}.transcript-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.playback-panel{border-top:none;width:100%;z-index:1}.metadata-panel{background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #00000014;margin-bottom:24px;padding:16px}.metadata-panel h3{color:#333;font-size:16px;font-weight:500;margin-bottom:16px;margin-top:0}.metadata-item{display:flex;margin-bottom:10px}.metadata-label{color:#555;font-size:14px;font-weight:500;width:120px}.metadata-value{color:#333;font-size:14px}.speech-item{margin-bottom:20px;padding:16px}.speech-item.agent{border-left:3px solid var(--color-agent-light)}.speech-item.customer{border-left:3px solid var(--color-customer)}.speech-header{margin-bottom:12px}.speech-timestamp{color:#888;margin-right:16px}.speech-speaker{font-size:14px;margin-right:auto}.comment-btn,.play-btn{color:#666;height:28px;width:28px}.speech-tags{flex-wrap:wrap;gap:8px}.speech-tag{background-color:#f0f0f0;border-radius:4px;color:#555;font-size:11px;padding:2px 8px}.speech-tag.positive{background-color:#e5f8ed;color:#28c76f}.speech-tag.negative{background-color:#feeeee;color:#ea5455}.speech-tag.neutral{background-color:#edf3fe;color:#2d7ff9}.speech-text{font-size:14px}.interaction-header{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.interaction-header h1{color:var(--text-primary);font-size:var(--text-2xl);margin-bottom:var(--spacing-md)}.transcript-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;padding:12px 16px}.left-column{display:flex;flex-direction:column;max-width:80%;min-width:300px;width:75%}.column-separator{background-color:#e0e0e0;cursor:col-resize;flex-shrink:0;position:relative;transition:background-color .2s ease;width:.08px}.column-separator:hover{background-color:#1e3a5f}.column-separator:after{background-color:#999;border-radius:1px;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.right-column{flex:1 1;height:100%;min-width:200px;width:25%}.tab-content-scrollable{display:flex;flex-direction:column;height:100%;overflow:auto}.analytics-panel{align-items:center;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:var(--text-secondary);display:flex;height:100%;justify-content:center;padding:var(--spacing-lg)}.kpi-panel{display:flex;flex-direction:column;gap:16px;margin:16px 0;max-height:70vh;min-height:0;overflow-y:auto}.kpi-row{margin-bottom:0;width:100%}.kpi-row-score{min-height:100px;overflow-x:auto;padding-bottom:0}.kpi-row-scroll{align-items:flex-start;display:flex;flex-direction:row;gap:8px}.kpi-row-scroll::-webkit-scrollbar{height:8px}.kpi-row-scroll::-webkit-scrollbar-thumb{background:#eee;border-radius:4px}.kpi-row-insight,.kpi-row-trend{align-items:flex-start;flex-direction:row;gap:32px;margin-top:0}@media (max-width:900px){.kpi-row-insight,.kpi-row-scroll,.kpi-row-trend{flex-direction:column;gap:16px}}.playback-panel{background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:10px;padding:16px}.master-timeline-container{align-items:flex-start;display:flex;position:relative;width:100%}.timeline-labels-container{display:flex;flex-direction:column;height:110px;position:relative;width:60px}.timeline-label{font-size:12px;font-weight:500;left:0;position:absolute}.agent-label{color:var(--color-agent);top:28px}.customer-label{color:var(--color-customer);top:62px}.timeline-wrapper{flex:1 1;height:110px;margin-left:0;position:relative}.timeline-layer{height:12px;left:0;position:absolute;width:100%}.agent-moments-layer{height:24px;top:0;z-index:5}.agent-layer{top:28px}.silence-layer{top:45px}.customer-layer{top:62px}.customer-moments-layer{height:20px;top:78px;z-index:5}.play-control{bottom:0;left:0;position:absolute;z-index:5}.play-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;height:24px;justify-content:center;line-height:1;padding:0;transition:background-color .2s;width:24px}.play-button:hover{background-color:var(--color-primary-hover)}.audio-progress-layer{background-color:#e0e0e0;border-radius:2px;bottom:5px;height:4px;left:0;position:absolute;width:100%}.audio-progress-fill{background-color:var(--color-primary);border-radius:2px;height:100%}.timeline-segment{border-radius:2px;cursor:pointer;height:100%;position:absolute}.timeline-segment.agent{background-color:var(--color-agent)}.timeline-segment.customer{background-color:var(--color-customer)}.timeline-segment.silence{background-color:var(--color-silence)}.timeline-playhead{background-color:#ea5455;height:100%;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:10}.moment-indicator{align-items:center;display:flex;flex-direction:column;transition:z-index 0s;z-index:5}.moment-indicator:hover{z-index:6}.agent-moment{top:0}.customer-moment{bottom:0;flex-direction:column-reverse}.moment-arrow{border-left:5px solid #0000;border-right:5px solid #0000;height:0;margin:1px 0;width:0}.agent-moment .moment-arrow{border-bottom:5px solid #555}.customer-moment .moment-arrow{border-top:5px solid #e8e8e8}.moment-arrow.moment-tag-success{border-bottom-color:#2ecc40;border-bottom-color:var(--color-success,#2ecc40)}.moment-arrow.moment-tag-danger{border-bottom-color:#ff4d4f!important;border-bottom-color:var(--color-danger,#ff4d4f)!important}.bottom-controls{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.playback-rate{display:flex;gap:4px}.rate-button{background-color:#f0f0f0;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:11px;padding:3px 6px}.rate-button.active{background-color:var(--color-primary);color:#fff}.time-display{color:#555;font-size:13px;text-align:center}.volume-control{align-items:center;display:flex;gap:6px}.volume-label{color:#666;font-size:12px;min-width:85px}.volume-slider{-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border-radius:50%;cursor:pointer;height:10px;width:10px}.volume-slider::-moz-range-thumb{background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;height:10px;width:10px}.time-tooltip{background-color:var(--color-primary);border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:11px;padding:4px 8px;pointer-events:none;position:absolute;top:-8px;transform:translateX(-50%) translateY(-100%);white-space:nowrap;z-index:30}.time-tooltip:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid var(--color-primary);content:"";height:0;left:50%;margin-left:-4px;position:absolute;top:100%;width:0}.audio-progress-layer{cursor:pointer}.speech-item-controls{align-items:center;display:flex;gap:8px}.icon-button{border-radius:4px;padding:4px;transition:background-color .2s}.icon-button:hover{background-color:#0000000d}.icon-button .icon{align-items:center;display:flex;font-size:16px;justify-content:center}.moment-tag{background-color:#e8e8e8;border:1px solid #555;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#555;font-size:11px;gap:4px;max-width:80px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.moment-tag,.moment-tag-icon{align-items:center;display:inline-flex}.moment-tag-icon{font-size:14px!important;line-height:1}.moment-tag.moment-tag-full{max-width:none;white-space:normal}.moment-tag.moment-tag-success{border:1px solid #2ecc40;border:1px solid var(--color-success,#2ecc40);color:#2ecc40;color:var(--color-success,#2ecc40)}.moment-tag.moment-tag-danger{border:1px solid #ff4d4f;border:1px solid var(--color-danger,#ff4d4f);color:#ff4d4f;color:var(--color-danger,#ff4d4f)}.moment-name{align-items:center;border-radius:3px;color:#333;display:flex;font-size:13px;font-weight:500;gap:6px;padding:.2rem .3rem}.moment-name-icon{align-items:center;background-color:#e8e8e8;border-radius:4px;color:inherit;display:inline-flex;font-size:16px;height:24px;justify-content:center;line-height:1;width:24px}.moment-name-icon.moment-tag-success{background-color:#2ecc401a;color:#2ecc40;color:var(--color-success,#2ecc40)}.moment-name-icon.moment-tag-danger{background-color:#ff4d4f1a;color:#ff4d4f;color:var(--color-danger,#ff4d4f)}.expression-content .moment-name{background-color:#e7f5ff;color:#1971c2;cursor:pointer;font-style:italic}.expression-content .moment-name:hover{background-color:#d0ebff;text-decoration:underline}.moment-name.undefined-moment{background-color:#f8f9fa;border:1px dashed #ced4da;color:#868e96;cursor:default;font-style:italic}.moment-name.undefined-moment:hover{background-color:#f8f9fa;text-decoration:none}.operation-name{color:#495057;font-weight:600;padding:.2rem .3rem;text-transform:uppercase}.preview-moments-expression{background-color:initial;border:none;border-radius:0;line-height:1.5;padding:0}.question-card{margin:0 16px 20px}.question-main-card{background:#fff;border:1px solid #f0f0f0;border-radius:6px;box-shadow:0 1px 3px #0000000d;margin-bottom:12px;margin-left:0;margin-right:0;overflow:hidden}.question-card .card-header{align-items:center;background-color:#fff;border-bottom:none;display:flex;justify-content:space-between;min-height:32px;padding:8px 20px;position:relative}.question-card .card-header:after{background-color:#f0f0f0;bottom:0;content:"";height:1px;left:20px;position:absolute;right:20px}.question-card .question-info{align-items:center!important;display:flex!important;flex:1 1!important;gap:6px!important}.question-card .question-number{flex-shrink:0!important;min-width:20px!important}.question-card .question-number,.question-card .question-text{color:#333!important;font-size:14px!important;font-weight:400!important;line-height:1.3!important}.question-card .question-text{align-items:normal!important;display:block!important;flex:1 1!important;font-weight:500!important;gap:0!important;grid-template-columns:none!important;margin-bottom:0!important}.question-card .score-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:500;min-width:40px;padding:4px 8px;text-align:center}.question-card .score-badge.preview-score{background-color:#f8f9fa;border:1px solid #e9ecef;color:#555}.question-card .score-badge.theme-success{background-color:#28a745}.question-card .score-badge.theme-danger{background-color:#dc3545}.question-card .score-badge.theme-warning{background-color:#ffc107;color:#212529}.question-card .card-content{padding:16px 20px}.question-card .preview-prompt-moment{background-color:#f8f9fa;border-left:3px solid #dee2e6;border-radius:4px;font-size:13px;line-height:1.5;margin-bottom:12px;padding:8px 12px}.question-card .preview-prompt-text{color:#495057;font-style:italic}.question-card .question-options{margin-bottom:8px;width:100%}.question-card .option-item{align-items:normal!important;border:none!important;display:block!important;gap:0!important;grid-template-columns:none!important;margin-bottom:4px!important;min-width:0!important;min-width:auto!important;padding:4px 0!important;transition:none!important;width:100%!important}.question-card .option-item,.question-card .option-item:hover{background-color:initial!important}.question-card .option-item:last-child{margin-bottom:0}.question-card .option-main{align-items:flex-start;display:flex;gap:6px;min-width:0;width:100%}.question-card .option-selector{flex-shrink:0;margin-top:1px}.question-card .option-selector input[type=checkbox],.question-card .option-selector input[type=radio]{accent-color:#007bff;cursor:pointer;height:12px;width:12px}.question-card .option-content{flex:1 1;margin-right:8px;min-width:0;width:100%}.question-card .option-text{word-wrap:break-word;color:#333;display:block;font-size:13px;line-height:1.3;margin-bottom:2px;margin-top:4px;width:100%;word-break:break-word}.question-card .option-remarks{color:#888;font-size:11px;font-style:italic;line-height:1.2}.question-card .rating-indicator{align-items:center;display:inline-flex;gap:4px;margin:5px}.question-card .rating-indicator.system-generated{color:#28a745}.question-card .rating-indicator.reviewer-override{color:#dc3545}.question-card .rating-indicator .material-symbols-outlined{font-size:16px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}.question-card .rating-indicator .system-icon{height:16px;object-fit:contain;width:16px}.question-card .rating-indicator .crossed-icon{filter:grayscale(100%);height:16px;object-fit:contain;opacity:.5;text-decoration:line-through;width:16px}.question-card .rating-indicator .system-score-crossed{align-items:center;display:flex;gap:4px}.question-card .rating-indicator .crossed-score{color:#dc3545;font-size:12px;font-weight:500;text-decoration:line-through}.question-card .option-score{background-color:initial;border:none;color:#333;flex-shrink:0;font-size:13px;font-weight:400;margin-left:auto;margin-top:4px;min-width:40px;padding:0;text-align:right}.question-card .grading-options .option-main{align-items:center}.question-card .option-score-input{align-items:center;display:flex;flex-shrink:0;gap:4px}.question-card .score-input{border:1px solid #dee2e6;border-radius:4px;font-size:14px;padding:4px 8px;text-align:center;width:60px}.question-card .score-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff26;outline:none}.question-card .max-points{color:#6c757d;font-size:12px;font-weight:500}.question-card .moment-options{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px}.question-card .moment-expression{width:100%}.question-card .moments-list{display:flex;flex-direction:column;gap:8px}.question-card .moment-item{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:4px;display:flex;gap:12px;padding:8px 12px}.question-card .moment-name{color:#495057;font-size:14px;font-weight:500}.question-card .moment-operation{background-color:#007bff;border-radius:3px;color:#fff;font-size:11px;font-weight:500;padding:2px 6px}.question-card .no-moments{color:#6c757d;font-style:italic;padding:16px;text-align:center}.question-card .evidence-section{border-top:1px solid #e9ecef;margin-top:10px;padding-top:8px}.question-card .evidence-header{color:#495057;font-size:12px;font-weight:600;margin-bottom:0}.question-card .evidence-list{display:flex;flex-direction:column;gap:6px}.question-card .evidence-item{align-items:center;background-color:#f8f9fa;border-radius:4px;color:#666;cursor:pointer;display:flex;gap:5px;padding:8px 0;transition:background-color .2s ease;transition:color .2s ease}.question-card .evidence-item:hover{background-color:#e9ecef;color:#333}.question-card .evidence-play-icon{color:#666;font-size:14px;margin-right:2px;opacity:.7}.question-card .evidence-item:hover .evidence-play-icon{color:#0056b3;opacity:1}.question-card .evidence-time{flex-shrink:0;font-size:11px;margin-right:2px;white-space:nowrap}.question-card .evidence-text{flex:1 1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-card .card-footer{background-color:#f8f9fa;border-top:1px solid #f0f0f0;padding:8px 20px}.question-card .remarks-display{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.question-card .remarks-text{color:#333;line-height:1.3}.question-card .remarks-placeholder,.question-card .remarks-text{background-color:initial;border:none;flex:1 1;font-size:13px;padding:0}.question-card .remarks-placeholder{color:#888;font-style:italic}.question-card .edit-remarks-btn{background:none;border:none;border-radius:2px;color:#888;cursor:pointer;flex-shrink:0;padding:2px;transition:none}.question-card .edit-remarks-btn:hover{background-color:initial;color:#666}.question-card .edit-remarks-btn .material-icons{font-size:12px}.question-card .remarks-edit{display:flex;flex-direction:column;gap:8px}.question-card .remarks-textarea{background-color:#fff;border:1px solid #e0e0e0;border-radius:3px;font-family:inherit;font-size:13px;line-height:1.3;min-height:60px;padding:8px;resize:vertical;width:100%}.question-card .remarks-textarea:focus{border-color:#007bff;box-shadow:0 0 0 1px #007bff1a;outline:none}.question-card .remarks-actions{display:flex;gap:6px;justify-content:flex-end}.question-card .btn{border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:400;padding:6px 12px;transition:none}.question-card .btn-primary{background-color:#007bff;color:#fff}.question-card .btn-primary:hover{background-color:#0056b3}.question-card .btn-secondary{background-color:#6c757d;color:#fff}.question-card .btn-secondary:hover{background-color:#5a6268}.question-card .pending-changes-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-top:4px;padding:8px}.question-card .reason-input-section{align-items:center;display:flex;gap:8px;margin-bottom:0}.question-card .reason-label{color:#495057;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.question-card .reason-input{background-color:#fff;border:1px solid #ced4da;border-radius:3px;flex:1 1;font-family:inherit;font-size:13px;padding:6px 8px}.question-card .reason-input:focus{border-color:#007bff;box-shadow:0 0 0 1px #007bff1a;outline:none}.question-card .pending-changes-actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width:768px){.question-card .card-header{align-items:flex-start;flex-direction:column;gap:12px}.question-card .question-info{width:100%}.question-card .score-badge{align-self:flex-end}.question-card .option-main{flex-direction:column;gap:8px}.question-card .option-score{align-self:flex-start}.question-card .remarks-display{flex-direction:column;gap:8px}.question-card .edit-remarks-btn{align-self:flex-end}}.btn-icon{align-items:center;border-radius:3px;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;line-height:1;min-width:0;min-width:auto;padding:0;width:24px}.btn-icon:hover{transform:scale(1.05)}.insight-card-container{background:#fff;border:1px solid #f0f0f0;border-radius:6px;box-shadow:0 1px 3px #0000000d;margin:0 16px 16px;overflow:hidden}.insight-card-container .card-header{align-items:center;border-bottom:none;display:flex;min-height:32px;padding:12px 20px;position:relative}.insight-card-container .card-header:after{background-color:#e0e0e0;bottom:0;content:"";height:1px;left:20px;position:absolute;right:20px}.insight-card-container .card-header .material-icons{color:#6c757d;font-size:20px;margin-right:8px}.insight-card-container .card-title{color:#495057;font-size:16px;font-weight:600}.insight-card-container .card-content{display:flex;flex-direction:column;gap:8px;padding:16px 20px}.insight-card{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .2s ease}.insight-card:hover{background-color:#e9ecef}.insight-content{flex:1 1;margin-right:12px;min-width:0}.insight-text{word-wrap:break-word;color:#333;font-size:13px;line-height:1.3;word-break:break-word}.insight-label{border-radius:12px;display:inline-block;flex-shrink:0;font-size:11px;font-weight:500;min-width:60px;padding:4px 8px;text-align:center}.insight-label.theme-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.insight-label.theme-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.insight-label.theme-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}@media (max-width:768px){.insight-card{align-items:flex-start;flex-direction:column;gap:8px}.insight-content{margin-right:0}.insight-label{align-self:flex-end}}.section-card{background:#fff;border:1px solid #e0e4e8;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;overflow:hidden}.section-card-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e4e8;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s}.section-card-header:hover{background-color:#e9ecef}.section-card-title{flex:1 1}.section-card-title h3{color:#333;font-size:16px;font-weight:600;margin:0}.section-card-score{border-radius:4px;font-size:14px;font-weight:600;margin-right:12px;padding:4px 8px}.section-card-score,.section-card-score.preview-score{background-color:#f8f9fa;border:1px solid #e9ecef;color:#555}.section-card-score.theme-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.section-card-score.theme-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.section-card-score.theme-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.section-card-swot-counts{background-color:#f8f9fa;border:1px solid #e0e4e8;border-radius:16px;display:flex;gap:4px;margin-right:12px;padding:4px 8px;position:relative}.swot-label{background-color:#f8f9fa;color:#6c757d;font-size:8px;font-weight:600;left:8px;letter-spacing:.5px;padding:0 4px;position:absolute;text-transform:uppercase;top:-6px}.swot-count-badge{border:1px solid;border-radius:10px;display:inline-block;font-size:10px;font-weight:500;min-width:20px;padding:2px 6px;text-align:center}.swot-count-badge.theme-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.swot-count-badge.theme-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.swot-count-badge.theme-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.section-card-header .material-icons{color:#6c757d;font-size:20px}.section-card-content{padding:16px 0 0}.section-insights-content{margin-top:8px}.evaluation-panel{background:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:100%;margin-bottom:24px;overflow:hidden;padding:0;width:100%}.evaluation-header{align-items:center;background-color:#fff;border-bottom:1px solid #eaeaea;color:#333;display:flex;justify-content:space-between;padding:13px 20px 10px;position:sticky;top:0;z-index:10}.evaluation-header h2{align-items:center;display:flex;font-size:16px;font-weight:600;margin:0}.total-score{color:#333;font-size:16px;font-weight:600}.sections-container{flex-grow:1;overflow-y:auto;padding:8px}.evaluation-section{border-bottom:1px solid #eaeaea}.section-header{background-color:#f0f4f8;border-bottom:1px solid #e0e4e8;cursor:pointer;margin-bottom:5px;padding:10px 16px;transition:background-color .2s}.section-header:hover{background-color:#e6ebf2}.section-score,.section-title h3{font-size:14px;font-weight:600}.section-score{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#555;margin-right:12px;padding:4px 8px}.section-score.theme-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.section-score.theme-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.section-score.theme-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.section-content{padding:0}.evaluation-insights-header{align-items:center;background-color:#f9f9f9;cursor:pointer;display:flex;justify-content:space-between;padding:12px 20px}.evaluation-insights-header h4{color:#555;font-size:15px;font-weight:600;margin:0}.insights-list{padding:8px 20px}.insight-item{background-color:#f5f7fa;border-radius:4px;margin-bottom:8px;padding:12px;position:relative}.insight-actions{display:flex;gap:5px;position:absolute;right:10px;top:10px}.insight-actions button{background:none;border:none;color:#6c757d;cursor:pointer;padding:2px}.insight-actions button:hover{color:#343a40}.no-insights{color:#888;font-style:italic;margin:12px 0;padding:0 20px}.add-insight-button{align-items:center;background:none;border:none;color:#1e3a5f;cursor:pointer;display:flex;font-size:14px;gap:6px;margin-bottom:10px;margin-top:0;padding:8px 20px}.add-insight-button:hover{text-decoration:underline}.add-insight-button .material-icons{font-size:18px}.new-insight-form-container{background-color:#f5f7fa;border-radius:8px;margin:0 20px 16px;padding:16px}.form-group{margin-bottom:12px}.form-group label{font-size:13px;font-weight:500;margin-bottom:6px}.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.form-group textarea{min-height:80px;resize:vertical}.form-actions{gap:8px;margin-top:16px}.form-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:4px;padding:8px 16px}.form-actions button .material-icons{font-size:16px}.form-actions .cancel-button{background-color:#f0f0f0;color:#555}.form-actions .save-button{background-color:#1e3a5f;color:#fff}.form-actions .save-button:disabled{background-color:#91a4bc;cursor:not-allowed}.evaluation-insights-separator{border-top:1px solid #eaeaea;margin-top:0}.evaluation-insights-content{margin-top:0}.remarks-container{background-color:#f7f7f7;border-radius:4px;margin-top:10px;padding:10px}.remarks-header{align-items:center;color:#555;display:flex;font-weight:500;justify-content:space-between;margin-bottom:5px}.remarks-content{background-color:#fff;border-radius:3px;line-height:1.5;padding:10px}.evaluation-insights-header .material-icons,.section-header .material-icons,.section-insights-header .material-icons{color:#555;font-size:20px!important}.tab-content{height:100%;overflow:hidden}.search-highlight{background-color:#ffeb3b;border-radius:2px;font-weight:700;padding:0 2px}.highlight-target{animation:pulse 2s;border:1px solid #4285f4;box-shadow:0 0 8px #4285f4cc}@keyframes pulse{0%{box-shadow:0 0 0 0 #4285f4b3}50%{box-shadow:0 0 0 10px #4285f400}to{box-shadow:0 0 0 0 #4285f400}}.swot-group{background-color:#f7f7f7;border-radius:4px;margin-bottom:16px}.swot-header{align-items:center;display:flex;justify-content:space-between;padding:10px 12px}.swot-header-title{align-items:center;cursor:pointer;display:flex;gap:4px}.swot-header-title h4{color:#555;font-size:14px;font-weight:500;margin:0}.swot-items{padding:0 12px 10px}.swot-item{background-color:#fff;border-radius:4px;font-size:13px;margin-bottom:8px;padding:10px 12px;position:relative}.swot-item-content{line-height:1.5;padding-right:60px}.swot-item-actions{display:flex;gap:5px;position:absolute;right:8px;top:8px}.swot-item-actions button{background:none;border:none;color:#6c757d;cursor:pointer;padding:2px}.swot-item-actions button:hover{color:#343a40}.swot-group[data-type="1"] .swot-item{border-left-color:#28a745}.swot-group[data-type="2"] .swot-item{border-left-color:#dc3545}.swot-group[data-type="3"] .swot-item{border-left-color:#17a2b8}.swot-group[data-type="4"] .swot-item{border-left-color:#ffc107}.swot-edit-form{background-color:var(--card-bg);display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.swot-edit-form,.swot-edit-form textarea{border:1px solid var(--border-color);border-radius:4px;width:100%}.swot-edit-form textarea{background-color:var(--input-bg);color:var(--text-primary);font-family:inherit;font-size:13px;min-height:80px;padding:.75rem;resize:vertical}.swot-edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.swot-edit-actions button{align-items:center;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.swot-edit-actions .save-button{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.swot-edit-actions .save-button:hover{background-color:var(--primary-hover)}.swot-edit-actions .cancel-button{background-color:var(--card-bg);color:var(--text-primary)}.navigation-tabs{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:0 16px;position:relative;width:100%}.tabs-left{display:flex;flex:1 1;max-width:60%}.tab{align-items:center;background:none;border:none;color:#555;cursor:pointer;display:flex;font-weight:500;padding:14px 16px}.tab.active,.tab:hover{background-color:#0000000d}.tab .material-icons{font-size:18px;margin-right:8px}.search{align-items:center;background-color:#fff;border-radius:4px;display:flex;margin:8px 0;max-width:40%;padding:4px 0}.search-icon{color:#757575;cursor:pointer;flex-shrink:0;font-size:18px;margin-right:8px}.search-input-container{align-items:center;display:flex;flex-grow:1;position:relative}.search-input{border:none;outline:none;padding-right:24px;width:100%}.clear-search{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.clear-search .material-icons{color:#757575;font-size:16px}.search-navigation{align-items:center;border-right:1px solid #ddd;display:flex;margin-right:8px;padding-right:8px}.search-results-count{color:#757575;font-size:12px;margin-right:8px;white-space:nowrap}.nav-button{background:none;border-radius:4px;margin:0 2px;padding:2px}.nav-button:hover{background-color:#f0f0f0}.nav-button:disabled{cursor:default}.nav-button .material-icons{color:#555;font-size:16px}.search-input-container.collapsed{overflow:hidden;transition:width .3s ease;width:0}.search-input-container.expanded{transition:width .3s ease;width:250px}.evaluation-summary{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px;padding:12px}.summary-header{align-items:center;background:linear-gradient(135deg,#fff,#f5f7fa);border:1px solid #e0e4e8;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:16px;overflow:hidden;padding:15px 24px;position:relative}.summary-header-left{align-items:center;display:flex;gap:12px}.call-score-header{color:#333;font-size:24px;font-weight:800;margin:0}.call-score{background-color:#fff;border:1px solid #e0e4e8;border-radius:8px;box-shadow:0 2px 4px #0000000d;font-size:20px;font-weight:800;margin:0;padding:12px 16px}.call-score.theme-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.call-score.theme-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.call-score.theme-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.call-score span{font-size:18px;font-weight:700}.summary-header-right{align-items:center;display:flex;gap:12px}.summary-swot-counts{background-color:#fff;border:1px solid #e0e4e8;border-radius:18px;box-shadow:0 2px 4px #0000000d;display:flex;gap:4px;padding:6px 10px;position:relative}.summary-swot-counts .swot-label{background-color:#fffffff2;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#6c757d;font-size:9px;font-weight:700;left:10px;letter-spacing:.5px;padding:0 6px;position:absolute;text-transform:uppercase;top:-8px}.summary-swot-counts .swot-count-badge{border:1px solid;border-radius:10px;display:inline-block;font-size:10px;font-weight:500;min-width:20px;padding:2px 6px;text-align:center}.summary-swot-counts .swot-count-badge.theme-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.summary-swot-counts .swot-count-badge.theme-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.summary-swot-counts .swot-count-badge.theme-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.summary-header .material-icons{color:#6c757d;font-size:20px}.summary-content{display:flex;gap:18px}.summary-insights,.summary-questions{flex:1 1}.summary-insights h3,.summary-questions h3{font-size:14px;margin-bottom:8px;margin-top:0}.summary-item{background-color:#f5f5f5;border-radius:6px;height:28px;justify-content:space-between;margin-bottom:8px;padding:8px 10px}.item-content,.summary-item{align-items:center;display:flex}.item-label{font-size:12px;margin-right:8px;min-width:50px}.item-count{font-size:13px;font-weight:600}.item-navigation{display:flex;gap:4px}.nav-button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;width:18px}.nav-button:disabled{cursor:not-allowed;opacity:.5}.arrow-up{border-bottom:6px solid #333}.arrow-down,.arrow-up{border-left:4px solid #0000;border-right:4px solid #0000;height:0;width:0}.arrow-down{border-top:6px solid #333}.perfect .item-count{color:#4caf50}.good .item-count{color:#ff9800}.poor .item-count{color:#f44336}.strengths .item-count{color:#4caf50}.training-needs .item-count{color:#ff9800}@media (max-width:768px){.summary-content{flex-direction:column}}.speech-item{background-color:#fff;border-left:3px solid #0000;border-radius:4px;box-shadow:0 1px 2px #00000014;cursor:pointer;margin-bottom:12px;padding:12px;transition:background-color .3s}.speech-item:hover{background-color:#fafafa}.speech-item.active{background-color:#f8f8f8;border-width:3px}.speech-item.agent{border-left-color:var(--color-agent)}.speech-item.customer{border-left-color:var(--color-customer)}.speech-header{align-items:center;margin-bottom:6px}.speech-info{align-items:center;display:flex;flex-wrap:nowrap;gap:10px}.speech-tags::-webkit-scrollbar{display:none}.speech-timestamp{color:#666;font-size:12px;min-width:40px}.speech-speaker{color:#333;font-size:13px;font-weight:500}.speech-speaker.clickable{color:var(--color-agent);cursor:pointer;text-decoration:underline}.speech-actions{display:flex;gap:8px}.comment-btn,.play-btn{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.play-icon,.speech-bubble-icon{font-size:16px!important}.play-icon{font-size:16px}.comment-btn:hover,.play-btn:hover{background-color:#0000000d}.speech-tags{-ms-overflow-style:none;align-items:center;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none}.speech-text{color:#333;font-size:13px;line-height:1.4;max-height:60px;overflow-y:auto}.speech-text mark{background-color:#ffef9f;border-radius:2px;padding:2px}.speech-comment-section{min-height:24px;position:relative}.speech-comment-section .comment-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:0;top:0;transition:all .2s ease;width:24px}.speech-comment-section .comment-button .material-icons{font-size:16px}.speech-comment-section .comment-button:hover{color:#3b82f6}.speech-comments{background-color:#f8f8f8;border-radius:4px;flex:1 1;padding:8px}.speech-comment{align-items:flex-start;display:flex;gap:6px;margin-bottom:6px}.speech-comment:last-child{margin-bottom:0}.comment-icon{color:#666;font-size:14px}.comment-content{align-items:flex-start;display:flex;flex:1 1;gap:8px;justify-content:space-between}.comment-text-container{flex:1 1}.comment-text{color:#333;font-size:12px;line-height:1.4;margin:0}.reviewer-name{color:#666;font-size:11px;font-style:italic;margin:2px 0 0}.comment-actions{align-items:center;display:flex;gap:4px}.comment-actions .icon-button{align-items:center;border-radius:4px;color:#666;cursor:pointer;display:flex;height:24px;justify-content:center;padding:2px;transition:all .2s ease;width:24px}.comment-actions .icon-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.comment-actions .icon-button .material-symbols-outlined{font-size:16px}.comment-actions .edit-button:hover{color:#3b82f6}.comment-actions .delete-button:hover{color:#ef4444}.comment-form{background-color:#f8f8f8;border-radius:4px;margin-top:12px;padding:12px}.comment-input{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:13px;margin-bottom:10px;min-height:80px;padding:10px;resize:vertical;width:100%}.comment-form .comment-actions{display:flex;gap:4px;justify-content:flex-end}.comment-form .icon-button{align-items:center;color:#666;cursor:pointer;display:flex;height:24px;justify-content:center;padding:2px;transition:all .2s ease;width:24px}.comment-form .icon-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.comment-form .icon-button .material-icons{font-size:16px}.comment-form .cancel-button:hover{background-color:#fef2f2;border-color:#ef4444;color:#ef4444}.comment-form .save-button{color:#10b981}.comment-form .save-button:hover{background-color:#ecfdf5;border-color:#10b981;color:#059669}.comment-form .save-button:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#666;cursor:not-allowed;opacity:.5}.transcript-panel{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);height:calc(100vh - var(--header-height) - 300px);overflow-y:auto}.speech-item:hover{background-color:var(--background-light)}.speech-item.active{background-color:#e3f2fd}.speech-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.speaker-name{color:var(--text-secondary);font-weight:var(--font-medium)}.speech-time{color:var(--text-muted);font-size:var(--text-sm)}.speech-text{color:var(--text-primary)}.speech-moments{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.speech-item.agent .speaker-name{color:var(--primary-color)}.speech-item.customer .speaker-name{color:var(--secondary-color)}.transcript-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.transcript-content{flex:1 1;overflow-y:auto;padding:16px}.moments-panel{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;height:100%;overflow-x:hidden;overflow-y:auto}.moments-panel .moments-container{padding:16px}.moments-panel .moments-table{width:100%}.moments-panel .moments-table-header>div{white-space:nowrap}.moments-panel .moments-summary{align-items:center;display:flex;justify-content:space-between;margin:0 0 12px}.moments-panel .moments-summary .moments-summary-left{align-items:center;display:flex;gap:16px}.moments-panel .moments-summary .moments-summary-right{align-items:center;display:flex}.moments-panel .moments-summary .summary-item{align-items:center;display:flex;gap:6px}.moments-panel .moments-summary .summary-count{font-weight:600}.moments-panel .moments-summary .download-button{align-items:center;background:#fff;border:1px solid #ced4da;border-radius:4px;color:#212529;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0 10px}.moments-panel .moments-summary .download-button:hover{background:#f8f9fa}.moments-panel .moments-summary .download-button .material-symbols-outlined{font-size:20px;line-height:1}.moments-list{padding:16px}.moment-group{border:1px solid #e0e0e0;border-radius:4px;margin-bottom:8px;overflow:hidden}.moment-header{align-items:center;background-color:#f8f9fa;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s}.moment-header:hover{background-color:#e9ecef}.moments-panel .moment-header .moment-name{flex:1 1;font-weight:600}.moment-count{color:#666;font-size:.9em;margin:0 16px}.moment-toggle{color:#666;transition:transform .2s}.moment-occurrences{background-color:#fff;border-top:1px solid #e0e0e0}.summary-table-widget{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;width:100%}.summary-table-widget .summary-table-header-bar{align-items:center;background:#fff;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px;padding:6px 0;position:sticky;top:0;top:var(--summary-table-sticky-top,0);width:100%;z-index:5}.summary-table-widget .summary-table-summary-items{display:flex;flex-wrap:wrap;gap:12px}.summary-table-widget .summary-table-tools{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-left:auto}.summary-table-widget .summary-table-summary-item{align-items:center;background:#f3f4f6;border-radius:8px;color:#1f2937;display:inline-flex;font-weight:600;gap:8px;min-height:36px;padding:8px 12px}.summary-table-widget .summary-table-summary-icon{align-items:center;display:inline-flex;font-size:18px;justify-content:center;min-width:18px}.summary-table-widget .summary-table-summary-value{font-size:16px}.summary-table-widget .summary-table-export .export-menu{display:inline-flex;gap:8px;position:relative}.summary-table-widget .summary-table-export .export-button-label{font-size:12px;font-weight:600;margin-left:6px}.summary-table-widget .summary-table-export .export-button .caret{font-size:16px;margin-left:2px}.summary-table-widget .summary-table-export .export-button{align-items:center;display:inline-flex;gap:4px;justify-content:center;min-height:36px;padding:0 10px}.summary-table-widget .summary-table-column-customization{position:relative}.summary-table-widget .summary-table-column-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;gap:4px;justify-content:center;min-height:36px;padding:0 10px;transition:background-color .15s ease}.summary-table-widget .summary-table-column-button:hover{background:#11182714}.summary-table-widget .summary-table-column-button .material-symbols-outlined{font-size:20px}.summary-table-widget .summary-table-column-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:8px;max-height:400px;min-width:240px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.summary-table-widget .summary-table-column-menu-header{align-items:center;border-bottom:1px solid #e5e7eb;color:#1f2937;display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:space-between;padding:12px 16px}.summary-table-widget .summary-table-column-reset{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;transition:background-color .15s ease,border-color .15s ease}.summary-table-widget .summary-table-column-reset:hover{background:#f3f4f6;border-color:#d1d5db}.summary-table-widget .summary-table-column-reset .material-symbols-outlined{font-size:16px}.summary-table-widget .summary-table-column-menu-list{padding:8px}.summary-table-widget .summary-table-column-menu-item{align-items:center;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .15s ease}.summary-table-widget .summary-table-column-menu-item:hover{background:#f3f4f6}.summary-table-widget .summary-table-column-checkbox{align-items:center;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:8px}.summary-table-widget .summary-table-column-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.summary-table-widget .summary-table-column-label-wrapper{display:flex;flex:1 1;flex-direction:column;gap:2px}.summary-table-widget .summary-table-column-subtext{color:#6b7280;font-size:11px;font-weight:400}.summary-table-widget .summary-table-column-actions{display:flex;gap:4px}.summary-table-widget .summary-table-column-move{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:inline-flex;height:24px;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease;width:24px}.summary-table-widget .summary-table-column-move:hover:not(:disabled){background:#11182714;color:#374151}.summary-table-widget .summary-table-column-move:disabled{cursor:not-allowed;opacity:.3}.summary-table-widget .summary-table-column-move .material-symbols-outlined{font-size:18px}.summary-table-widget .summary-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;overflow-x:auto;overflow-y:visible;width:100%}.summary-table-widget .summary-table-header{grid-gap:12px;align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;display:grid;font-weight:600;gap:12px;padding:12px 16px}.summary-table-widget .summary-table-header-cell{align-items:center;cursor:default;display:flex;gap:8px}.summary-table-widget .summary-table-header-expand-controls{align-items:center;display:inline-flex;gap:2px;justify-content:flex-end}.summary-table-widget .summary-table-header-expand-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#1f2937;cursor:pointer;display:inline-flex;font-weight:700;height:24px;justify-content:center;padding:0;transition:background-color .15s ease;width:24px}.summary-table-widget .summary-table-header-expand-button:hover{background:#11182714}.summary-table-widget .summary-table-header-expand-button .material-symbols-outlined{font-size:18px;font-variation-settings:"wght" 700}.summary-table-widget .summary-table-header-cell.sortable{cursor:pointer}.summary-table-widget .summary-table-header-cell .header-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.summary-table-widget .summary-table-header-label{flex:1 1}.summary-table-widget .summary-table-header-subtext{color:#6b7280;font-size:11px;font-weight:400;line-height:1.2}.summary-table-widget .summary-table-sort-indicator{color:#9ca3af;display:flex;flex-direction:column;font-size:10px;margin-right:4px}.summary-table-widget .summary-table-sort-indicator .sort-indicator{line-height:1}.summary-table-widget .summary-table-sort-indicator .sort-indicator-active{color:#111827}.summary-table-widget .summary-table-body{display:flex;flex-direction:column}.summary-table-widget .summary-table-row-wrapper{border-bottom:1px solid #e5e7eb;scroll-margin-top:72px;scroll-margin-top:calc(var(--summary-table-sticky-top, 0px) + 72px)}.summary-table-widget .summary-table-row{grid-gap:12px;align-items:center;display:grid;gap:12px;padding:12px 16px;position:relative;transition:background-color .2s ease}.summary-table-widget .summary-table-row.expandable{cursor:pointer;position:relative}.summary-table-widget .summary-table-row.expandable:after{color:#9ca3af;content:"\e5cf";font-family:Material Icons;font-size:20px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.summary-table-widget .summary-table-row.expandable.expanded:after{content:"\e5ce"}.summary-table-widget .summary-table-row:hover{background-color:#f9fafb}.summary-table-widget .summary-table-cell{align-items:center;color:#1f2937;display:flex;font-size:14px;gap:8px}.summary-table-widget .summary-table-cell.align-right{justify-content:flex-end;padding-right:24px}.summary-table-widget .summary-table-cell.align-center{justify-content:center}.summary-table-widget .summary-table-row-details{background:#f9fafb;display:none;padding:12px 16px 16px}.summary-table-widget .summary-table-row-details.expanded{display:block}.summary-table-widget .summary-table-row.match{background-color:#fef9c3}.summary-table-widget .summary-table-row.match-active{background-color:#fde68a;box-shadow:inset 3px 0 0 #f59e0b}.summary-table-widget .summary-table-empty{color:#6b7280;padding:32px;text-align:center}.summary-table-widget .material-symbols-outlined{font-size:20px}.summary-table-widget .summary-table-row.expandable .material-symbols-outlined{pointer-events:none}.summary-table-widget .summary-table-row .moment-name{align-items:center;display:flex;gap:6px}.summary-table-widget .summary-table-row .moment-count{font-weight:600}.summary-table-widget .summary-table-row-details .moment-occurrences{display:flex;flex-direction:column;gap:12px}.pdf-export-container.summary-table-pdf .summary-table-pdf-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.pdf-export-container.summary-table-pdf .summary-table-pdf-summary-item{color:#1f2937;font-size:12px;font-weight:600}.pdf-export-container.summary-table-pdf .summary-table-header{grid-gap:12px;align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid!important;gap:12px;padding:12px 16px}.pdf-export-container.summary-table-pdf .summary-table-header-cell{align-items:center;display:flex!important;gap:8px;overflow:visible;white-space:nowrap}.pdf-export-container.summary-table-pdf .summary-table-header-expand-controls,.pdf-export-container.summary-table-pdf .summary-table-row-expand-cell{display:none!important}.pdf-export-container.summary-table-pdf .summary-table-row{display:grid!important;padding:10px 14px}.pdf-export-container.summary-table-pdf .summary-table-row-details{padding:10px 14px 12px}.pdf-export-container.summary-table-pdf .summary-table-row-details:not(.expanded){display:none!important}.pdf-export-container.summary-table-pdf .summary-table-row-details.expanded{display:block!important}.pdf-export-container.summary-table-pdf .summary-table-summary-item{background:#eef2ff}.summary-table-widget .summary-table-search{align-items:center;display:inline-flex;min-height:36px}.summary-table-widget .summary-table-search.collapsed{background:#0000;border:none;padding:0}.summary-table-widget .summary-table-search.expanded{background:#fff;border:1px solid #d1d5db;border-radius:6px;gap:6px;padding:4px 8px}.summary-table-widget .summary-table-search-toggle{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.summary-table-widget .summary-table-search-toggle:hover{background:#1118270f;color:#111827}.summary-table-widget .summary-table-search.expanded input{border:none;font-size:13px;height:100%;min-width:180px;outline:none}.summary-table-widget .summary-table-search .search-icon{color:#9ca3af;font-size:18px}.summary-table-widget .summary-table-search-divider{align-self:stretch;background:#e5e7eb;margin:0 6px;width:1px}.summary-table-widget .summary-table-search-divider.hidden{pointer-events:none;visibility:hidden}.summary-table-widget .summary-table-search-nav-group{align-items:center;display:inline-flex;gap:3px;justify-content:flex-end;min-width:80px}.summary-table-widget .summary-table-search-nav-group.hidden{pointer-events:none;visibility:hidden}.summary-table-widget .summary-table-search-count{color:#4b5563;font-size:12px;min-width:38px;text-align:center}.summary-table-widget .summary-table-search-nav{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:inline-flex;height:100%;justify-content:center;padding:2px}.summary-table-widget .summary-table-search-nav:disabled{color:#d1d5db;cursor:default}.summary-table-widget .summary-table-search-nav:not(:disabled):hover{color:#111827}.summary-table-widget .summary-table-search-clear{align-items:center;background:#0000;border:none;color:#9ca3af;cursor:pointer;display:inline-flex;height:100%;justify-content:center;padding:2px}.summary-table-widget .summary-table-search-clear:disabled{color:#d1d5db;cursor:default}.summary-table-widget .summary-table-search-clear:not(:disabled):hover{color:#4b5563}.summary-table-widget .summary-table-export .export-dropdown.compact{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #0f172a26;min-width:160px;padding:4px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.summary-table-widget .summary-table-export .export-dropdown.compact .export-dropdown-item{align-items:center;background:#0000;border:none;color:#1f2937;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:6px 12px;width:100%}.summary-table-widget .summary-table-export .export-dropdown.compact .export-dropdown-item:hover{background:#f3f4f6}.feedback-by-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:calc(100vh - 300px);overflow-x:hidden;overflow-y:auto;padding:20px}.feedback-section{border:1px solid #e0e0e0;border-radius:6px;margin-bottom:20px;overflow:hidden}.feedback-section-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e4e8;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:0;padding:10px 15px;position:sticky;top:0;transition:background-color .2s ease;z-index:1}.feedback-section-header:hover{background:#f0f0f0}.section-title{align-items:center;display:flex;flex:1 1}.section-title h3{color:#333;font-size:1rem;margin:0;white-space:nowrap}.feedback-section-swot-counts{background-color:#f8f9fa;border:1px solid #e0e4e8;border-radius:16px;display:flex;gap:4px;margin-right:12px;padding:4px 8px;position:relative}.feedback-section-swot-counts .swot-label{background-color:#f8f9fa;color:#6c757d;font-size:8px;font-weight:600;left:8px;letter-spacing:.5px;padding:0 4px;position:absolute;text-transform:uppercase;top:-6px}.feedback-section-swot-counts .swot-count-badge{border:1px solid;border-radius:10px;display:inline-block;font-size:10px;font-weight:500;min-width:20px;padding:2px 6px;text-align:center}.feedback-section-swot-counts .swot-count-badge.theme-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.feedback-section-swot-counts .swot-count-badge.theme-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.feedback-section-swot-counts .swot-count-badge.theme-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.section-toggle{flex-shrink:0;font-size:1rem;margin-left:10px}.feedback-cards-container{background:#fff;padding:16px}.feedback-cards-row{display:flex;flex-wrap:wrap;gap:16px}.feedback-card{flex:1 1;min-width:300px}.feedback-card .insight-card-container .card-header{min-height:24px;padding:8px 16px}.feedback-card .insight-card-container .card-header .material-icons{font-size:16px;margin-right:6px}.feedback-card .insight-card-container .card-title{font-size:14px;font-weight:600}.feedback-table{border-collapse:collapse;margin-top:10px;width:100%}.feedback-table th{background:#fff;border-bottom:2px solid #e0e0e0;color:#666;font-weight:600;padding:10px;position:sticky;text-align:left;top:0;z-index:1}.feedback-table td{border-bottom:1px solid #e0e0e0;padding:10px}.strength-row{background-color:#f1f8e9}.improvement-row{background-color:#fff8e1}.type-badge{border-radius:4px;font-size:.85rem;font-weight:500;padding:4px 8px}.type-badge.strength{background-color:#e8f5e9;color:#2e7d32}.type-badge.improvement{background-color:#fff3e0;color:#ef6c00}.interaction-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000f;color:#222;font-family:inherit;font-size:15px;max-height:calc(100vh - 300px);max-width:100%;overflow-x:hidden;overflow-y:auto;padding:24px 24px 12px}.summary-field{margin-bottom:22px}.summary-field-name{color:#222;font-size:1rem;font-weight:600;margin-bottom:2px}.summary-field-value{color:#444;font-size:.98rem;margin-bottom:2px;margin-left:2px;white-space:pre-line}.interaction-summary.error,.interaction-summary.loading{color:#888;font-style:italic;padding:16px}.summary-table{border-collapse:collapse;margin:1rem 0;width:100%}.summary-table td,.summary-table th{border:1px solid #ddd;padding:8px;text-align:left}.summary-table th{background-color:#f5f5f5;font-weight:700}.summary-table tr:nth-child(2n){background-color:#f9f9f9}.summary-table tr:hover{background-color:#f0f0f0}.kpi-widget{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--color-text-primary);font-family:Inter,Arial,sans-serif}.kpi-widget-score{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;flex-shrink:0;height:90px;justify-content:center;min-width:0;overflow:hidden;padding:var(--spacing-2xl);width:200px}.kpi-score-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:0;min-width:0;width:100%}.kpi-score-header-left{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.kpi-score-main{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.1;margin-bottom:0}.kpi-score-max{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin-left:var(--spacing-sm)}.kpi-score-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.2px;margin-top:0;max-width:100%;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:100%}.kpi-score-header-right{align-items:flex-end;display:flex;flex-direction:column}.kpi-growth-tag{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:10px;font-weight:var(--font-weight-semibold);gap:2px;margin-bottom:var(--spacing-sm);max-width:60px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.kpi-growth-green{background:var(--color-success);color:var(--color-text-inverse)}.kpi-growth-red{background:var(--color-danger);color:var(--color-text-inverse)}.kpi-growth-neutral{background:var(--color-bg-primary);border:1px solid var(--color-border-light);color:var(--color-text-secondary)}.kpi-growth-icon{display:inline-block;font-size:8px;line-height:1}.kpi-green{color:var(--color-success)}.kpi-amber{color:var(--color-warning)}.kpi-red{color:var(--color-danger)}.kpi-row-trend{align-items:stretch;gap:10px;justify-content:flex-start}.kpi-row-insight,.kpi-row-score,.kpi-row-trend{display:flex;margin:0 16px;width:calc(100% - 32px)}.kpi-row-score{align-items:stretch;gap:10px;justify-content:flex-start;overflow:hidden;position:relative}.kpi-score-scroll-container{-ms-overflow-style:none;display:flex;gap:10px;margin:0!important;overflow-x:auto;overflow-y:hidden;padding:0!important;scroll-behavior:smooth;scrollbar-width:none;width:100%}.kpi-score-scroll-container::-webkit-scrollbar{display:none}.kpi-score-nav-arrow{align-items:center;background:#fffffff2;border:1px solid var(--color-border-medium);border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition-normal);width:24px;z-index:10}.kpi-score-nav-arrow:hover{background:#fff;box-shadow:var(--shadow-lg)}.kpi-score-nav-arrow:disabled{cursor:not-allowed;opacity:.3}.kpi-score-nav-arrow.kpi-score-nav-left{left:8px}.kpi-score-nav-arrow.kpi-score-nav-right{right:8px}.kpi-score-nav-arrow:before{border:2px solid var(--color-text-secondary);border-right:none;border-top:none;content:"";height:6px;width:6px}.kpi-score-nav-arrow.kpi-score-nav-left:before{margin-left:2px;transform:rotate(45deg)}.kpi-score-nav-arrow.kpi-score-nav-right:before{margin-right:2px;transform:rotate(225deg)}.kpi-widget-trend{display:flex;flex-direction:column;flex-shrink:0;min-height:240px;min-width:200px;padding:24px;width:calc(33.333% - 6px)}.kpi-period-averages{font-size:15px;margin-top:12px;text-align:right}.kpi-period-avg{font-weight:600;margin-left:4px}.kpi-avg-7d{color:#b47d00}.kpi-avg-1m,.kpi-avg-1y,.kpi-avg-3m{color:#2ecc40}.kpi-trend-graph{align-items:flex-end;display:flex;gap:2px;height:80px;margin:24px 0 8px}.kpi-trend-bar{background:#bbb;border-radius:4px 4px 0 0;flex:1 1;transition:background .2s}.kpi-trend-bar:focus,.kpi-trend-bar:hover{background:#888}.kpi-trend-footer{display:flex;gap:8px;justify-content:space-between;margin-top:8px;width:100%}.kpi-trend-footer .pile-item{flex:1 1;max-width:calc(50% - 4px);min-width:0}.kpi-trend-high{color:#2ecc40;font-weight:600}.kpi-trend-low{color:#ff4d4f;font-weight:600}.kpi-widget-insight{background:#fff;border-radius:16px;box-shadow:0 2px 8px #eee;display:flex;flex-direction:row;gap:8px;min-height:240px;padding:8px;width:100%}.kpi-insight-center,.kpi-insight-left,.kpi-insight-right{display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-start;min-width:200px;padding:24px;width:calc(33.333% - 6px)}.kpi-insight-left{background:#0000}.kpi-insight-left .kpi-score-header{align-items:flex-start;display:flex;justify-content:space-between}.kpi-insight-left .kpi-score-header-left{display:flex;flex-direction:column}.kpi-insight-left .kpi-score-header-right{align-items:flex-end;display:flex;flex-direction:column}.kpi-insight-left .kpi-insight-growth{margin-top:0}.kpi-insight-center{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a}.kpi-insight-right{background:#0000}.kpi-insight-center-title,.kpi-insight-right-title{font-size:18px;font-weight:600;margin-bottom:12px}.kpi-insight-related-list{display:flex;flex-wrap:wrap;gap:12px;width:100%}.kpi-insight-related-list .pile-item{flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1;max-width:100%;min-width:0}.kpi-insight-related-card{align-items:flex-start;background:#f7f7f7;border:2px solid #eee;border-radius:8px;display:flex;flex:0 0 48%;flex-direction:column;margin-bottom:8px;padding:12px;transition:border .2s}.kpi-insight-related-card.kpi-green{border-color:#2ecc40}.kpi-insight-related-card.kpi-amber{border-color:#ffb300}.kpi-insight-related-card.kpi-red{border-color:#ff4d4f}.kpi-insight-related-score{font-size:20px;font-weight:700;margin-bottom:2px}.kpi-insight-related-label{color:#444;font-size:15px}.kpi-insight-growth{margin-top:16px}.kpi-insight-list{color:#444;font-size:15px;padding-left:18px}.kpi-insight-list li{line-height:1.5;margin-bottom:8px}@media (max-width:900px){.kpi-widget-insight{flex-direction:column;gap:8px;width:100%}.kpi-insight-center,.kpi-insight-left,.kpi-insight-right{border-radius:8px;min-width:0;min-width:auto;width:100%}.kpi-insight-left{background:#0000}.kpi-insight-center{background:#f8f9fa;box-shadow:0 2px 4px #0000001a}.kpi-insight-right{background:#0000}}@media (max-width:768px){.kpi-widget-trend{min-width:0;min-width:auto;width:100%}.kpi-trend-footer{flex-direction:column;gap:4px}.kpi-trend-footer .pile-item{max-width:100%;width:100%}.kpi-insight-related-list{gap:8px}.kpi-insight-related-list .pile-item{flex:1 1 100%;max-width:100%;min-width:0}}@media (max-width:480px){.kpi-insight-related-list{gap:6px}.kpi-insight-related-list .pile-item{flex:1 1 100%;max-width:100%;min-width:0}.kpi-insight-center-title,.kpi-insight-right-title{font-size:16px;margin-bottom:8px}}.kpi-empty-placeholder{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;display:flex;justify-content:center}.kpi-empty-placeholder .kpi-loading{color:#6c757d;font-style:italic;text-align:center}.kpi-widget-error{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);color:var(--color-text-muted);display:flex;flex-shrink:0;font-size:var(--font-size-sm);justify-content:center;min-height:90px;padding:var(--spacing-lg);text-align:center;width:200px}.kpi-dashboard{display:flex;flex-direction:column;gap:12px;width:100%}.kpi-dashboard .kpi-error,.kpi-dashboard .kpi-loading,.kpi-dashboard .kpi-no-data{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-md);padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center}.kpi-dashboard .kpi-error{background:var(--color-danger-light);border-color:var(--color-danger-border);color:var(--color-danger)}.kpi-dashboard .kpi-no-data{background:var(--color-bg-secondary);border-color:var(--color-border-light);color:var(--color-text-muted)}.kpi-dashboard .kpi-row-score,.kpi-dashboard .kpi-row-trend{align-items:stretch;display:flex;gap:10px;justify-content:flex-start;margin:0 16px;width:calc(100% - 32px)}.kpi-dashboard .kpi-row-insight{display:flex;margin:0 16px;width:calc(100% - 32px)}.kpi-dashboard .kpi-empty-placeholder{align-items:center;background:var(--color-bg-secondary);border:1px dashed var(--color-border-medium);display:flex;justify-content:center;min-height:120px}.kpi-dashboard .kpi-empty-placeholder .kpi-loading{background:#0000;border:none;color:var(--color-text-muted);padding:var(--spacing-2xl)}@media (max-width:768px){.kpi-dashboard .kpi-row-trend{flex-direction:column;gap:16px}.kpi-dashboard .kpi-row-trend .kpi-widget-trend{width:100%}}@media (max-width:480px){.kpi-dashboard .kpi-row-insight,.kpi-dashboard .kpi-row-score,.kpi-dashboard .kpi-row-trend{margin:0 8px;width:calc(100% - 16px)}}.script-adherence{height:100%;margin-top:8px;overflow:auto}.adherence-table-container{border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 16px;overflow:auto}.adherence-table{border-collapse:collapse;font-size:14px;width:100%}.adherence-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px 16px;text-align:left}.adherence-table td{border-bottom:1px solid #dee2e6;padding:12px 16px;vertical-align:top}.status-cell{align-items:center;display:flex;gap:8px}.status-text{font-weight:500}.timestamp{color:#6c757d;font-family:monospace}.timestamp.clickable{color:#007bff;cursor:pointer;text-decoration:underline}.timestamp.clickable:hover{color:#0056b3}.expected-steps{background-color:#f8f9fa;border-radius:4px;margin-top:4px;padding:8px}.expected-label{color:#495057;font-weight:600;margin-bottom:4px}.expected-content{color:#212529;margin-bottom:4px}.step-notes{border-top:1px solid #dee2e6;color:#6c757d;font-size:13px;font-style:italic;margin-top:4px;padding-top:4px}.status-compliant{background-color:#e8f5e9}.status-missed{background-color:#ffebee}.status-out-of-order{background-color:#fff3e0}.script-adherence-error,.script-adherence-loading{color:#888;font-style:italic;padding:16px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background-color:var(--background-light)}.button{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.button:hover{background:var(--background-light)}.button-primary{background:var(--primary-color);border:none;color:#fff}.button-primary:hover{background:#1976d2}.loading{color:var(--text-secondary);height:100%}.error{color:var(--text-error)}.error,.no-data{align-items:center;display:flex;height:100%;justify-content:center}.no-data{color:var(--text-secondary)}.panel{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.pile-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-sizing:border-box;gap:var(--spacing-xs);justify-content:center;max-width:100%;min-height:var(--button-height-xs);padding:var(--spacing-xs);transition:all var(--transition-fast);width:100%}.pile-item-icon{align-items:center;display:flex;flex-shrink:0;font-size:var(--font-size-md);height:var(--icon-size-xs);justify-content:center;width:var(--icon-size-xs)}.material-icons{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Icons!important;font-size:20px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.pile-item:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-medium)}.pile-item-success{background-color:var(--color-success-light);border-color:var(--color-success-border);color:var(--color-success)}.pile-item-success:hover{background-color:var(--color-success-light);border-color:var(--color-success-hover)}.pile-item-danger{border-color:var(--color-danger-border);color:var(--color-danger)}.pile-item-danger,.pile-item-danger:hover{background-color:var(--color-danger-light)}.pile-item-danger:hover{border-color:var(--color-danger-hover)}.pile-item-warning{background-color:var(--color-warning-light);border-color:var(--color-warning-border);color:var(--color-warning)}.pile-item-warning:hover{background-color:var(--color-warning-light);border-color:var(--color-warning-hover)}.pile-item-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);text-align:center;white-space:nowrap}.pile-item-text-success{color:var(--color-success)}.pile-item-text-warning{color:var(--color-warning)}.pile-item-text-danger{color:var(--color-danger)}.pile-item-score{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:var(--spacing-xs);text-align:center}.pile-item-score-success{color:var(--color-success)}.pile-item-score-warning{color:var(--color-warning)}.pile-item-score-danger{color:var(--color-danger)}.numeric-label{align-items:center;border:none;border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);height:24px;justify-content:center;min-width:32px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;transition:all var(--transition-fast);white-space:nowrap}.numeric-label:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.numeric-label-success{background-color:var(--color-success);color:var(--color-text-inverse)}.numeric-label-success:hover{background-color:var(--color-success-hover)}.numeric-label-warning{background-color:var(--color-warning);color:var(--color-text-inverse)}.numeric-label-warning:hover{background-color:var(--color-warning-hover)}.numeric-label-danger{background-color:var(--color-danger);color:var(--color-text-inverse)}.numeric-label-danger:hover{background-color:var(--color-danger-hover)}.numeric-label-info{background-color:var(--color-info);color:var(--color-text-inverse)}.numeric-label-info:hover{background-color:var(--color-info-hover)}.agent-customer-cell,.date-time-cell,.duration-cell,.list-item-cell,.pile-item,.pile-item-score,.pile-item-text,.search-list-item .agent-name,.search-list-item .customer-name{font-family:var(--font-family-base)!important;font-size:13px!important;font-weight:var(--font-weight-normal)!important;line-height:1.3}.date-time-cell{color:var(--color-text-primary);display:flex;flex-direction:column;font-weight:var(--font-weight-normal);gap:2px;white-space:normal}.agent-customer-cell{display:flex;flex-direction:column;gap:4px}.agent-customer-cell .agent-name,.agent-customer-cell .customer-name{font-size:13px!important;font-weight:var(--font-weight-normal)!important;line-height:1.3;margin-bottom:4px}.agent-customer-cell .agent-name{color:var(--color-agent)}.agent-customer-cell .customer-name{color:var(--color-customer)}.pile-column,.section-scores-piles{align-items:center;display:flex;width:100%}.pile-column,.piles-container{margin:0;padding:0}.pile-column{width:100%}.pile-items{flex-wrap:nowrap;gap:4px;margin:0;padding:0}.section-scores-bar{gap:4px}.item-section-scores{align-items:center;display:flex;height:70px}.section-scores-empty{color:#718096;font-size:.85rem}.item-timeline{height:40px}.timeline-header-subtext{color:#718096;font-size:.85rem}.list-item-cell{color:var(--color-text-primary);font-weight:var(--font-weight-normal);padding:0;width:100%}.agent-customer-cell,.date-time-cell,.duration-cell,.list-item-text,.pile-column,.pile-item,.pile-items,.section-scores-piles{max-width:100%;min-width:0;overflow:hidden}.pile-item{align-items:center;border-radius:4px;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);gap:4px;margin:0;max-width:none;padding:2px 4px;white-space:nowrap}.pile-item,.pile-item-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.pile-item-score{flex-shrink:0;margin-left:auto}.pile-item-with-score{min-width:40px}.pile-item-with-score .pile-item-icon{flex-shrink:0;transition:all .2s ease;width:24px}.pile-item-with-score .pile-item-text{flex-shrink:1;min-width:0;transition:all .2s ease}@media (max-width:1200px){.pile-item-with-score .pile-item-text{max-width:80px}}@media (max-width:1000px){.pile-item-with-score .pile-item-text{margin:0;opacity:0;padding:0;width:0}.pile-item-with-score.pile-item{padding:2px 6px}}@media (max-width:800px){.pile-item-with-score .pile-item-icon{margin:0;opacity:0;padding:0;width:0}.pile-item-with-score .pile-item-score{margin-left:0}.pile-item-with-score.pile-item{padding:2px 4px}}.call-score-empty,.violations-tbd{padding:0 var(--spacing-xs);text-align:center}.numeric-label-container{align-items:center;display:flex;padding:0 var(--spacing-xs)}.call-score,.numeric-label-container{justify-content:center;max-width:100%;min-width:0;overflow:hidden}.call-score,.violations-count{border-radius:4px;padding:4px 8px;white-space:nowrap}.violations-count{align-items:center;display:flex;justify-content:center;max-width:100%;min-width:0;overflow:hidden}.duration-cell{color:var(--color-text-primary);font-weight:var(--font-weight-normal)}.timeline-header-subtext{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);gap:8px;justify-content:center;overflow:hidden;padding:0 var(--spacing-xs);white-space:nowrap;width:100%}.timeline-legend-item{align-items:center;display:flex;gap:4px;min-width:0}.timeline-legend-box{border-radius:2px;flex-shrink:0;height:10px;width:14px}.timeline-legend-item span{font-size:var(--font-size-xs);white-space:nowrap}.timeline-legend-box.agent-box{background-color:var(--color-agent)}.timeline-legend-box.customer-box{background-color:var(--color-customer)}.timeline-legend-box.silence-box{background-color:var(--color-silence)}.item-call-score{justify-content:center}.call-score,.item-call-score{align-items:center;display:flex;flex-direction:column}.call-score-empty{color:#718096;font-style:italic}.item-violations{align-items:center;display:flex;font-weight:600;justify-content:center}.violations-count{color:#e53e3e;font-size:1.1rem;font-weight:600}.violations-tbd{color:#718096;font-weight:500}.footer-interaction-name{color:#2d3748;font-size:12px;font-weight:500;margin-right:12px}.footer-transcript-id{background:#f7fafc;border:1px solid #e2e8f0;border-radius:3px;color:#718096;font-family:Courier New,monospace;font-size:11px;padding:2px 6px}.mini-timeline{background-color:#f8fafc;border-radius:4px;height:76px;overflow:hidden;padding-top:4px;position:relative;transition:all .2s ease;width:100%}.mini-timeline:not(.expanded){cursor:zoom-in}.mini-timeline:hover:not(.expanded){box-shadow:0 2px 8px #0000000d;transform:scale(1.02)}.mini-timeline.expanded{box-shadow:0 4px 12px #0000001a;cursor:zoom-out;position:relative;transform:scale(1.75,1.25);transform-origin:center 25%;z-index:10}.timeline-row{height:12px;margin:2px 0;position:relative;width:100%}.speech-segment{border-radius:2px;cursor:pointer;height:100%;position:absolute}.agent-segment{background-color:var(--color-agent);border-color:var(--color-agent);border-width:1px}.customer-segment{background-color:var(--color-customer)}.silence-segment{background-color:var(--color-silence)}.timeline-header{height:20px;margin-bottom:2px;position:relative;width:100%}.timeline-markers{color:#94a3b8;font-size:8px;height:12px;width:100%}.timeline-marker,.timeline-markers{position:absolute;top:0}.timeline-marker.start{left:0}.timeline-marker.middle{left:50%;transform:translateX(-50%)}.timeline-marker.end{right:0}.timeline-indicators{bottom:0;height:8px;position:absolute;width:100%}.timeline-indicator{background-color:#38bdf8;border-radius:50%;height:8px;position:absolute;transform:translateX(-50%);width:8px}.agent-line{margin-top:0}.mini-timeline-empty{align-items:center;color:#94a3b8;display:flex;font-size:12px;font-style:italic;height:40px;justify-content:center;width:100%}.timeline-moments{align-items:center;display:flex;height:10px;left:0;position:absolute;right:0;top:10px}.moment-indicator{cursor:pointer;position:absolute;transform:translateX(-50%)}.moment-indicator .material-symbols-outlined{color:#666;font-size:10px;font-variation-settings:"FILL" 0,"wght" 300}.section-scores-bar{flex-direction:column}.section-bars,.section-scores-bar{display:flex;height:100px;width:100%}.section-bars{align-items:flex-end;background-color:#f1f5f9;border-radius:4px;overflow:hidden}.section-bar{align-items:flex-end;display:flex;height:100%;min-width:10px;position:relative}.section-bar-fill{border-radius:2px 2px 0 0;min-height:10px;width:80%}.section-labels{color:#64748b;display:flex;font-size:10px;margin-top:2px;width:100%}.section-label{min-width:10px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.section-scores-empty{align-items:center;background-color:#f1f5f9;border-radius:4px;color:#94a3b8;display:flex;font-size:12px;font-style:italic;height:100%;justify-content:center;width:100%}.no-scores{color:#a0aec0;font-size:.75rem;font-style:italic}.vertical-scores-container{align-items:flex-end;display:flex;flex-direction:row;height:100%;justify-content:space-around;padding:2px;width:100%}.vertical-score-item{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;max-width:20%}.vertical-score-bar-container{align-items:flex-end;display:flex;height:75%;justify-content:center;padding:0 2px;width:100%}.vertical-score-bar{border-radius:2px 2px 0 0;max-width:12px;min-width:6px;transition:height .3s ease;width:100%}.vertical-score-value{color:#2d3748;font-size:.65rem;font-weight:500;margin-top:2px;text-align:center}.vertical-score-label{color:#4a5568;font-size:.65rem;margin-top:1px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.scores-container{display:flex;flex-direction:column;gap:4px;width:100%}.score-item{align-items:center;display:flex;font-size:.75rem;gap:8px}.score-label{color:#4a5568;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70px}.score-bar-container{background-color:#edf2f7;border-radius:3px;flex-grow:1;height:6px;overflow:hidden}.score-bar{border-radius:3px;height:100%}.score-value{color:#2d3748;font-weight:500;text-align:right;width:24px}.score-bars{align-items:flex-end;display:flex;gap:4px;height:40px}.score-bar.overall{background-color:#28a745}.score-bar.violations{background-color:#dc3545}.score-bar.sentiments{background-color:#ffc107}.score-bar.business{background-color:#6c757d}.piles-container,.section-scores-piles{align-items:center;display:flex;justify-content:center;width:100%}.piles-container{gap:var(--spacing-lg)}.pile-column{flex:1 1;flex-direction:column;max-width:100%}.pile-column,.pile-items{align-items:center;display:flex;gap:var(--spacing-sm)}.pile-items{flex-direction:column;width:100%}.search-list-screen{background-color:var(--color-bg-tertiary);display:flex;flex-direction:column;height:100vh;overflow:hidden}.search-list-header{background-color:#fff;box-shadow:0 1px 2px #0000001a;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-sm)}.search-list-header,.search-list-header-left{align-items:flex-start;display:flex;gap:var(--spacing-md)}.search-list-header-left{flex:1 1;min-width:0}.search-list-header-right{align-items:flex-start;display:flex;flex-shrink:0}.export-button{align-items:center;background:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;display:inline-flex;gap:6px;height:36px;padding:0 10px}.export-button:hover{background:#f8f9fa}.export-button .material-symbols-outlined{font-size:18px;line-height:1}.export-button .caret{color:#6b7280;font-size:12px}.export-menu{position:relative}.export-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000014;min-width:160px;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.export-dropdown-section{border-bottom:1px solid #e5e7eb;padding:4px 0}.export-dropdown-section:last-child{border-bottom:none}.export-dropdown-section-title{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px 4px;text-transform:uppercase}.export-dropdown-item{align-items:center;background:#0000;border:none;color:#111827;cursor:pointer;display:flex;padding:8px 12px;text-align:left;width:100%}.export-dropdown-item:hover{background:#f3f4f6}.search-list-container{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;flex:1 1;flex-direction:column;margin:var(--spacing-sm) var(--spacing-sm);max-width:calc(100% - var(--spacing-sm)*2);min-width:0;overflow:hidden;width:calc(100% - var(--spacing-sm)*2)}.search-list-items{flex:1 1;min-height:0;overflow-y:auto}.search-list-header-grid{grid-gap:var(--spacing-sm);background-color:var(--color-bg-secondary);border-bottom:2px solid var(--color-border-light);display:grid;gap:var(--spacing-sm);min-width:0;padding:var(--spacing-md) var(--spacing-md);width:100%}.search-list-item-wrapper{border-bottom:1px solid var(--color-border-light)}.search-list-item{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);max-width:100%;min-width:0;overflow:hidden;padding:var(--spacing-sm);transition:background-color var(--transition-normal)}.search-list-item-note{font-style:italic;margin-top:var(--spacing-xs)}.search-list-item-footer,.search-list-item-note{color:var(--color-text-muted);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.search-list-item-footer{align-items:center;display:flex;justify-content:space-between;margin-top:2px;min-height:24px}.search-list-item-footer .footer-notes{align-items:center;color:#6b7280;display:flex;flex:1 1;font-size:11px;min-width:0}.search-list-item-footer .footer-notes .notes-list{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;flex-direction:row;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none}.search-list-item-footer .footer-notes .notes-list::-webkit-scrollbar{display:none}.search-list-item-footer .footer-notes .notes-counter{color:#6b7280;flex-shrink:0;margin-right:4px}.search-list-item-footer .footer-notes .note-item{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;color:#374151;flex-shrink:0;line-height:1.2;min-width:60px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.search-list-item-footer .footer-actions{align-items:center;display:flex;flex-shrink:0;gap:2px}.search-list-item-footer .footer-actions button{align-items:center;background:#0000;border:none;border-radius:3px;color:#6b7280;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.search-list-item-footer .footer-actions button:hover{background:#f3f4f6;color:#374151}.search-list-item-footer .footer-actions button:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.5}.search-list-item-footer .footer-actions .save-button{background:#10b981;border:none;color:#fff}.search-list-item-footer .footer-actions .save-button:hover{background:#059669}.search-list-item-footer .footer-actions .cancel-button{background:#ef4444;border:none;color:#fff}.search-list-item-footer .footer-actions .cancel-button:hover{background:#dc2626}.search-list-item-footer .footer-actions .material-icons{font-size:16px!important}.search-list-item:hover{background-color:var(--color-bg-tertiary)}.search-list-item.clickable{cursor:pointer}.list-item-cell{align-items:center;display:flex;font-size:.9rem;justify-content:center;max-width:100%;min-width:0;overflow:hidden}.allow-cell-overflow{overflow:visible!important;position:relative;z-index:1}.list-item-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.list-item-component{align-items:center;display:flex;justify-content:center;max-width:100%;min-width:0;overflow:hidden;width:100%}.search-list-header-cell{align-items:flex-start;color:var(--color-text-primary);display:flex;font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);justify-content:flex-start;min-height:20px;min-width:0;overflow:hidden;position:relative;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.search-list-header-cell.sortable{cursor:pointer}.search-list-header-cell.sortable:hover{color:var(--color-primary)}.search-list-header-cell.sortable:hover .sort-indicator{opacity:.8}.search-list-header-cell.non-sortable{cursor:default}.header-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1px;justify-content:flex-start;min-height:20px;min-width:0;overflow:hidden;text-align:center;width:100%}.header-text{line-height:1.1;text-align:center;width:100%}.sort-indicator-container{align-self:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:1px;margin-top:0}.sort-indicator{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs);line-height:1;opacity:.3;transition:all var(--transition-fast)}.sort-indicator-up{margin-bottom:-1px}.sort-indicator-down{margin-top:-1px}.sort-indicator-active{color:var(--color-primary);font-weight:var(--font-weight-bold);opacity:1}.header-subtext{font-size:var(--font-size-xs);font-style:italic;font-weight:var(--font-weight-normal);line-height:1.1;margin:0;width:100%}.header-subtext,.search-list-loading{color:var(--color-text-muted);text-align:center}.search-list-loading{padding:var(--spacing-3xl)}.search-list-error{color:var(--color-danger);font-weight:var(--font-weight-medium)}.search-list-empty,.search-list-error{padding:var(--spacing-3xl);text-align:center}.search-list-empty{color:var(--color-text-muted);font-style:italic}.search-list-item .agent-name{color:var(--color-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.search-list-item .customer-name{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.search-list-item .score-excellent{color:var(--color-success);font-size:1.1rem;font-weight:var(--font-weight-bold)}.search-list-item .score-good{color:var(--color-info);font-size:1.1rem;font-weight:var(--font-weight-bold)}.search-list-item .score-average{color:var(--color-warning);font-size:1.1rem;font-weight:var(--font-weight-bold)}.search-list-item .score-poor{color:var(--color-danger);font-size:1.1rem;font-weight:var(--font-weight-bold)}.search-list-item .violations-count{color:var(--color-danger);font-size:1.1rem;font-weight:var(--font-weight-semibold)}.search-list-item .violations-tbd{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.status-active{color:var(--color-success)}.status-active,.status-inactive{font-weight:var(--font-weight-medium)}.status-inactive{color:var(--color-text-muted)}@media (max-width:768px){.search-list-container{margin:8px 12px}.search-list-header-grid,.search-list-item{gap:4px;padding:8px 12px}.list-item-text{font-size:.8rem}.search-list-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.create-button-header{align-self:flex-start}.search-list-create-button{align-self:flex-start;width:auto}}.search-list-create-button{align-items:center;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:4px;color:var(--color-text-inverse);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:var(--font-weight-medium);gap:6px;height:36px;justify-content:center;outline:none;padding:0 10px;transition:var(--transition-normal);white-space:nowrap;width:auto}.search-list-create-button:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.search-list-create-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.search-list-create-button:disabled{background-color:var(--color-gray-400);border-color:var(--color-gray-400);cursor:not-allowed;opacity:.6}.create-button-icon{font-size:16px;line-height:1}.create-button-text{font-size:14px;line-height:1.2}.create-button-header{align-items:center;display:flex;flex-shrink:0;margin-top:0;padding-top:0}.pdf-export-container{background-color:#fff;box-sizing:border-box;left:0;max-height:none;opacity:1;overflow:visible;overflow-y:visible;padding:15px;pointer-events:none;position:fixed;top:0;width:718px;z-index:9999}.pdf-export-container .pdf-filters{font-size:12px;margin-bottom:12px}.pdf-export-container .pdf-filter-tag{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;display:inline-block;margin-bottom:4px;margin-right:8px;padding:4px 8px}.pdf-export-container .pdf-page-info{word-wrap:normal;font-size:12px;font-weight:600;margin-bottom:12px;overflow:visible;white-space:nowrap;width:100%}.pdf-export-container .search-list-item-footer .footer-notes .note-item{overflow:visible;text-overflow:clip;white-space:normal}.pdf-export-container .search-list-item-footer .footer-notes .notes-list{flex-wrap:wrap;overflow:visible}.pdf-export-container .search-list-item,.pdf-export-container .search-list-item-footer,.pdf-export-container .search-list-item-wrapper{page-break-inside:avoid}.filter-button-container{position:relative}.filter-button{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:background-color .2s ease;width:36px}.filter-button:hover{background-color:#e8e8e8}.filter-button.active{background-color:#e0e0e0}.filter-button .material-icons{font-size:20px}.filter-panel-container{border-radius:4px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.filter-panel,.filter-panel-container{background-color:#fff;box-shadow:0 2px 10px #0000001a}.filter-panel{border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;position:relative;width:300px}.filter-panel-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:2}.filter-panel-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.close-button{background:none;border:none;color:#666;cursor:pointer;padding:2px}.close-button:hover{color:#333}.filter-panel-content{-webkit-overflow-scrolling:touch;flex:1 1;max-height:calc(80vh - 140px);min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 12px 0;scroll-behavior:smooth}.filter-panel-content:focus-within{outline:none}.filter-panel-content :focus{outline:2px solid #1e3a5f;outline-offset:2px}.filter-row{display:flex;flex-direction:column;margin-bottom:10px}.filter-label{font-size:12px}.filter-input{border:1px solid #e0e0e0;font-size:13px;padding:6px 8px}.filter-input:focus{border-color:#1e3a5f;box-shadow:0 0 0 2px #1e3a5f1a}.filter-panel-footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;display:flex;flex-shrink:0;gap:12px;height:60px;justify-content:flex-end;padding:12px 16px;position:sticky;z-index:2}.reset-button{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#333}.apply-button,.reset-button{cursor:pointer;font-size:14px;padding:8px 16px}.apply-button{background-color:#1e3a5f;border:1px solid #1e3a5f;border-radius:4px;color:#fff}.reset-button:hover{background-color:#e8e8e8}.apply-button:hover{background-color:#15294a}.apply-button:focus,.reset-button:focus{outline:2px solid #1e3a5f;outline-offset:2px}.filter-group{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:15px}.filter-group-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 12px}.filter-group-header h4{color:#333;font-size:13px;font-weight:600;margin:0}.filter-toggle{border:1px solid #ddd;border-radius:4px;display:flex;overflow:hidden}.toggle-button{background-color:#f5f5f5;border:none;color:#555;cursor:pointer;font-size:12px;padding:6px 12px}.toggle-button.active{background-color:#1e3a5f;color:#fff}.toggle-button:first-child{border-right:1px solid #ddd}.filter-group-content{padding:8px 12px}.filter-group .filter-row{margin-bottom:10px}.filter-group .filter-row:last-child{margin-bottom:0}.filter-row-inline{margin-bottom:12px;width:100%}.min-max-container{display:flex;gap:12px;width:100%}.max-filter,.min-filter{flex:1 1}.filter-label{color:#555;font-size:13px;font-weight:500;margin-bottom:4px}.filter-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.filter-input:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f433;outline:none}@media (max-width:600px){.min-max-container{flex-direction:column;gap:8px}}.filter-input-error{border:2px solid #e74c3c!important}.label-with-error{align-items:center;display:flex;gap:8px}.inline-error{color:#e74c3c;font-size:12px;font-weight:400;white-space:nowrap}.date-picker-container{display:flex;gap:8px;width:100%}.date-field{flex:1 1;min-width:0}.date-field label{color:#555;display:block;font-size:12px;margin-bottom:4px}.date-input{border:1px solid #ddd;border-radius:4px;font-size:13px;min-height:32px;padding:6px 4px;width:100%}.date-input:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f433;outline:none}.single-date .date-field{width:100%}.time-picker-container{display:flex;gap:8px;width:100%}.time-field{flex:1 1;min-width:0}.time-field label{color:#555;display:block;font-size:12px;margin-bottom:4px}.time-input{border:1px solid #ddd;border-radius:4px;font-size:13px;min-height:32px;padding:6px 4px;width:100%}.time-input:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f433;outline:none}.single-time .time-field{width:100%}.multi-value-filter{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:15px;padding:12px}.multi-value-filter h4{color:#333;font-size:13px;font-weight:600;margin:0 0 8px}.filter-values{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.filter-value-tag{align-items:center;background-color:#e8e8e8;border-radius:4px;color:#333;display:flex;font-size:12px;padding:4px 8px}.remove-value-button{align-items:center;background:none;border:none;color:#777;cursor:pointer;display:flex;margin-left:5px;padding:0}.remove-value-button .material-icons{font-size:16px}.remove-value-button:hover{color:#333}.add-value-row{display:flex;gap:8px}.add-value-row .filter-input{flex:1 1}.add-value-button{align-items:center;background-color:#1e3a5f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.add-value-button:disabled{background-color:#ccc;cursor:not-allowed}.add-value-button .material-icons{font-size:18px}.filter-bar{align-items:flex-start;background-color:#fff;display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--spacing-sm);width:100%}.filter-tag{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;color:#495057;display:inline-flex;flex-shrink:0;font-size:13px;gap:6px;height:36px;padding:2px 10px;transform:translateZ(0);width:auto}.filter-tag-content{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-remove-button{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex-shrink:0;height:16px;justify-content:center;min-width:16px;padding:0}.filter-remove-button .material-icons{font-size:14px;line-height:1}.filter-remove-button:hover{color:#dc3545}.search-filter-control{width:100%}.search-filter-header{align-items:center;display:flex;width:100%}.search-form{display:flex;flex:1 1;position:relative}.search-input{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#333;flex:1 1;font-size:14px;height:36px;padding:0 40px 0 12px}.search-input:focus{border-color:#aaa;outline:none}.search-button{align-items:center;background:none;color:#555;display:flex;height:36px;justify-content:center;position:absolute;right:0;top:0;width:36px}.search-button:hover{color:#333}.search-button .material-icons{font-size:20px}.pagination-ui{align-items:center;background-color:#fff;border-top:1px solid #e2e8f0;bottom:0;display:flex;gap:7px;justify-content:center;padding:7px;position:sticky;z-index:10}.pagination-ui .pagination-button{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;cursor:pointer;font-size:14px;min-width:80px;padding:8px 16px;transition:all .2s}.pagination-ui .pagination-button:hover:not(:disabled){background-color:#f7fafc;border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.pagination-ui .pagination-button:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.5}.pagination-ui .pagination-info{color:#6b7280;font-size:12px;font-weight:500;line-height:1.4;min-width:140px;padding:0 12px;text-align:center;white-space:nowrap}.pagination-ui--compact{gap:4px;padding:4px}.pagination-ui--compact .pagination-button{font-size:12px;min-width:60px;padding:6px 12px}.pagination-ui--compact .pagination-info{font-size:10px;min-width:120px;padding:0 8px}.pagination-ui--mobile{flex-wrap:wrap;gap:8px;padding:8px}.pagination-ui--mobile .pagination-button{flex:1 1;font-size:16px;max-width:120px;min-width:90px;padding:10px 16px}.pagination-ui--mobile .pagination-info{flex-basis:100%;font-size:12px;line-height:1.3;margin-bottom:4px;min-width:auto;order:-1;padding:0 8px}@media (max-width:768px){.pagination-ui{gap:4px;padding:4px}.pagination-ui .pagination-button{font-size:12px;min-width:60px;padding:6px 12px}.pagination-ui .pagination-info{font-size:11px;min-width:120px;padding:0 8px}}.pagination-ui .pagination-button:focus{outline:2px solid #2c5282;outline-offset:2px}.pagination-ui .pagination-button:focus:not(:focus-visible){outline:none}@media (prefers-contrast:high){.pagination-ui .pagination-button{border-width:2px}.pagination-ui .pagination-button:hover:not(:disabled){border-color:#000}}.toast-wrapper{pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast-container,.toast-wrapper{display:flex;flex-direction:column;gap:12px}.toast{align-items:center;animation:slideIn .3s ease-out;background-color:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;max-width:500px;min-width:300px;padding:12px 16px;pointer-events:auto}.toast-success{border-left-color:#28a745}.toast-error{border-left-color:#dc3545}.toast-info{border-left-color:#17a2b8}.toast-warning{border-left-color:#ffc107}.toast-message{color:#333;flex:1 1;font-size:14px;line-height:1.5}.toast-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;margin-left:12px;padding:0;transition:color .2s ease;width:24px}.toast-close:hover{color:#333}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.upload-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.upload-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.upload-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.upload-modal-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.upload-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.upload-modal-close:hover:not(:disabled){background:#f3f4f6}.upload-modal-close:disabled{cursor:not-allowed;opacity:.5}.upload-modal-body{flex:1 1;overflow-y:auto;padding:20px}.upload-form-group{margin-bottom:24px}.upload-form-group:last-child{margin-bottom:0}.upload-field-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:10px}.upload-file-input-hidden{height:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:0}.upload-file-zone{align-items:center;background-color:#f8f9fa;border:2px dashed #ced4da;border-radius:6px;cursor:pointer;display:flex;justify-content:center;min-height:120px;position:relative;transition:all .2s ease;width:100%}.upload-file-zone:hover{background-color:#fff;border-color:#adb5bd}.upload-file-zone.drag-over{background-color:#e7f3ff;border-color:#007bff;border-style:solid}.upload-file-zone.has-file{background-color:#f0f9f4;border-color:#28a745;border-style:solid;min-height:auto}.upload-file-button{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;min-height:120px;padding:24px;transition:all .2s ease;width:100%}.upload-button-icon{color:#6c757d;font-size:32px!important;transition:color .2s ease}.upload-button-text{color:#495057;font-size:14px;font-weight:500}.upload-button-hint{color:#6c757d;font-size:12px;font-style:italic}.upload-file-zone:hover .upload-button-icon,.upload-file-zone:hover .upload-button-text{color:#007bff}.upload-file-selected{align-items:center;background-color:#fff;border-radius:4px;display:flex;gap:12px;padding:12px 16px;width:100%}.upload-file-icon-large{color:#28a745;flex-shrink:0;font-size:32px!important}.upload-file-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.upload-file-name{color:#212529;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-size{color:#6c757d;font-size:12px}.upload-file-change-button{align-items:center;background:#0000;border:1px solid #ced4da;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.upload-file-change-button:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd;color:#495057}.upload-file-change-button:disabled{cursor:not-allowed;opacity:.5}.upload-file-change-button .material-symbols-outlined{font-size:18px!important}.upload-checkbox-label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:10px;padding:4px 0}.upload-checkbox{accent-color:#007bff;cursor:pointer;flex-shrink:0;height:16px;margin:0;width:16px}.upload-checkbox-text{flex:1 1}.upload-checkbox-label:hover{color:#212529}.upload-checkbox-label:hover .upload-checkbox:disabled{pointer-events:none}.upload-checkbox:disabled{cursor:not-allowed;opacity:.6}.upload-result-summary{background:#fff;border:1px solid #e8e9ea;border-radius:6px;box-shadow:0 1px 3px #00000014;margin-top:24px;padding:20px}.upload-result-header{border-bottom:1px solid #e8e9ea;color:#212529;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:16px;padding-bottom:12px}.upload-result-filename-link{background:none;border:none;color:#0284c7;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:700;margin:0;padding:0;text-decoration:underline;text-decoration-color:#0284c7;text-underline-offset:2px;transition:all .2s ease}.upload-result-filename-link:hover:not(:disabled){color:#0369a1;text-decoration-color:#0369a1}.upload-result-filename-link:disabled{cursor:not-allowed;opacity:.6;text-decoration:none}.upload-result-title{color:#6c757d;font-weight:500}.upload-result-content{display:flex;flex-direction:column;gap:16px}.upload-result-message{color:#212529;font-size:14px;font-weight:500;line-height:1.5}.upload-result-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;display:flex;flex-direction:column;padding:12px;transition:all .2s ease}.stat-item:hover{background:#fff;border-color:#dee2e6;box-shadow:0 1px 2px #0000000d}.stat-label{color:#6c757d;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{font-size:20px;font-weight:700;line-height:1.2}.stat-item.stat-inserted .stat-value{color:#059669}.stat-item.stat-updated .stat-value{color:#0284c7}.stat-item.stat-skipped .stat-value{color:#6b7280}.stat-item.stat-failed{cursor:default}.stat-item.stat-failed-clickable{cursor:pointer}.stat-item.stat-failed-clickable:hover{background:#fff5f5;border-color:#fca5a5;box-shadow:0 2px 4px #dc26261a;transform:translateY(-1px)}.stat-item.stat-failed .stat-value{color:#dc2626}.upload-errors-section{border:1px solid #fca5a5;border-radius:4px;margin-top:20px;overflow:hidden}.upload-errors-header{align-items:center;background:#fef2f2;border-bottom:1px solid #fca5a5;display:flex;justify-content:space-between;padding:12px 16px}.upload-errors-header h3{color:#dc2626;font-size:16px;font-weight:600;margin:0}.upload-download-errors-button{align-items:center;background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;padding:6px 12px;transition:background-color .2s}.upload-download-errors-button:hover{background:#b91c1c}.upload-errors-table-container{max-height:400px;overflow-y:auto}.upload-errors-table{border-collapse:collapse;font-size:13px;width:100%}.upload-errors-table thead{background:#fef2f2;position:sticky;top:0;z-index:1}.upload-errors-table th{border-bottom:2px solid #fca5a5;color:#111827;font-weight:600;padding:8px 12px;text-align:left}.upload-errors-table td{border-bottom:1px solid #fee2e2;color:#374151;padding:8px 12px}.upload-errors-table tbody tr:hover{background:#fef2f2}.error-row-number{color:#dc2626;font-weight:600;text-align:center}.error-message{color:#dc2626;font-weight:500}.upload-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px}.upload-modal-cancel-button{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.upload-modal-cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.upload-modal-cancel-button:disabled{cursor:not-allowed;opacity:.5}.upload-modal-submit-button{background:var(--color-primary);border:1px solid var(--color-primary);border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.upload-modal-submit-button:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.upload-modal-submit-button:disabled{cursor:not-allowed;opacity:.6}.icon{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);height:var(--icon-size-md);justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:var(--transition-fast);width:var(--icon-size-md)}.icon:hover{background-color:var(--color-gray-100);border-color:var(--color-border-light);box-shadow:none;color:var(--color-text-primary);transform:none}.icon:active{background-color:var(--color-gray-200);transform:scale(.95)}.icon:disabled{cursor:not-allowed;opacity:.4}.icon:disabled,.icon:disabled:hover{background:#0000;border-color:#0000;color:var(--color-text-muted)}.icon:disabled:hover{transform:none}.icon-sm{font-size:var(--font-size-sm);height:var(--icon-size-sm);width:var(--icon-size-sm)}.icon-md{font-size:var(--font-size-md);height:var(--icon-size-md);width:var(--icon-size-md)}.icon-lg{font-size:var(--font-size-lg);height:var(--icon-size-lg);width:var(--icon-size-lg)}.icon-xl{font-size:var(--font-size-xl);height:var(--icon-size-xl);width:var(--icon-size-xl)}.icon-edit{color:var(--color-primary)}.icon-edit:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-border);color:var(--color-primary-hover)}.icon-view{color:var(--color-success)}.icon-view:hover{background-color:var(--color-success-light);border-color:var(--color-success-border);color:var(--color-success-hover)}.icon-delete{color:var(--color-danger)}.icon-delete:hover{background-color:var(--color-danger-light);border-color:var(--color-danger-border);color:var(--color-danger-hover)}.icon-copy{color:var(--color-purple)}.icon-copy:hover{background-color:var(--color-purple-light);border-color:var(--color-purple-border);color:var(--color-purple-hover)}.icon-add{color:var(--color-success)}.icon-add:hover{background-color:var(--color-success-light);border-color:var(--color-success-border);color:var(--color-success-hover)}.icon-save{color:var(--color-warning)}.icon-save:hover{background-color:var(--color-warning-light);border-color:var(--color-warning-border);color:var(--color-warning-hover)}.icon-submit{color:var(--color-success)}.icon-submit:hover{background-color:var(--color-success-light);border-color:var(--color-success-border);color:var(--color-success-hover)}.icon-search{color:var(--color-text-secondary)}.icon-search:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-light);color:var(--color-text-primary)}.icon-filter{color:var(--color-text-secondary)}.icon-filter:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-light);color:var(--color-text-primary)}.icon-sort{color:var(--color-text-secondary)}.icon-sort:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-light);color:var(--color-text-primary)}.icon-close{color:var(--color-text-secondary)}.icon-close:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-light);color:var(--color-text-primary)}.icon-active{color:var(--color-success)}.icon-active:hover{background-color:var(--color-success-light);border-color:var(--color-success-border);color:var(--color-success-hover)}.icon-inactive{color:var(--color-text-secondary)}.icon-inactive:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-light);color:var(--color-text-primary)}.icon-pending{color:var(--color-warning)}.icon-pending:hover{background-color:var(--color-warning-light);border-color:var(--color-warning-border);color:var(--color-warning-hover)}.icon-completed{color:var(--color-success)}.icon-completed:hover{background-color:var(--color-success-light);border-color:var(--color-success-border);color:var(--color-success-hover)}.icon-group{align-items:center;background:#0000;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.icon-group .icon{margin:0}.icon-group:hover{background-color:var(--color-bg-secondary)}.icon-with-text{align-items:center;background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:var(--transition-fast)}.icon-with-text:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-medium);box-shadow:var(--shadow-sm);color:var(--color-text-primary);transform:none}.icon-with-text:active{background-color:var(--color-bg-tertiary);transform:scale(.98)}.icon-with-text:disabled{cursor:not-allowed;opacity:.5}.icon-with-text:disabled,.icon-with-text:disabled:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-light);color:var(--color-text-muted)}.icon-with-text:disabled:hover{box-shadow:none;transform:none}.icon-with-text-edit{border-color:var(--color-primary-border);color:var(--color-primary)}.icon-with-text-edit:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-border);color:var(--color-primary-hover)}.icon-with-text-view{border-color:var(--color-success-border);color:var(--color-success)}.icon-with-text-view:hover{background-color:var(--color-success-light);border-color:var(--color-success-border);color:var(--color-success-hover)}.icon-with-text-delete{border-color:var(--color-danger-border);color:var(--color-danger)}.icon-with-text-delete:hover{background-color:var(--color-danger-light);border-color:var(--color-danger-border);color:var(--color-danger-hover)}.icon-with-text-copy{border-color:var(--color-purple-border);color:var(--color-purple)}.icon-with-text-copy:hover{background-color:var(--color-purple-light);border-color:var(--color-purple-border);color:var(--color-purple-hover)}.icon-with-text-add{border-color:var(--color-success-border);color:var(--color-success)}.icon-with-text-add:hover{background-color:var(--color-success-light);border-color:var(--color-success-border);color:var(--color-success-hover)}.icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.icon-with-text:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:768px){.icon-group{gap:var(--spacing-xs)}.icon{font-size:var(--font-size-sm);height:var(--icon-size-sm);width:var(--icon-size-sm)}.icon-with-text{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}}@media (prefers-color-scheme:dark){.icon{border-color:#0000;color:#9ca3af}.icon:hover{background-color:#374151;border-color:#4b5563;color:#d1d5db}.icon:disabled{color:#6b7280}.icon:disabled:hover{background-color:initial;border-color:#0000;color:#6b7280}.icon-group:hover{background-color:#374151}.icon-with-text{background-color:#1f2937;border-color:#4b5563;color:#d1d5db}.icon-with-text:hover{background-color:#374151;border-color:#6b7280;color:#f9fafb}.icon-with-text:disabled{background-color:#111827;border-color:#374151;color:#6b7280}}:root{--color-primary:#1e3a5f;--color-primary-hover:#162d49;--color-primary-light:#eff6ff;--color-primary-border:#bfdbfe;--color-secondary:#6c757d;--color-secondary-hover:#545b62;--color-secondary-light:#f8f9fa;--color-secondary-border:#dee2e6;--color-danger:#dc3545;--color-danger-hover:#c82333;--color-danger-light:#fef2f2;--color-danger-border:#fecaca;--color-success:#28a745;--color-success-hover:#1e7e34;--color-success-light:#ecfdf5;--color-success-border:#a7f3d0;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-light:#fef3c7;--color-warning-border:#fde68a;--color-info:#17a2b8;--color-info-hover:#138496;--color-info-light:#f0f9ff;--color-info-border:#bfdbfe;--color-purple:#8b5cf6;--color-purple-hover:#7c3aed;--color-purple-light:#f5f3ff;--color-purple-border:#c4b5fd;--color-agent:#1d4ed8;--color-agent-light:#2563eb;--color-customer:#0d9488;--color-customer-light:#99f6e4;--color-silence:#ff5c5c;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-text-primary:#374151;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-text-inverse:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#fff;--color-border-light:#e5e7eb;--color-border-medium:#d1d5db;--color-border-dark:#9ca3af;--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px;--spacing-2xl:20px;--spacing-3xl:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--card-bg-color:#fff;--board-bg-color:#f0f2f5;--card-border-width:1px;--card-border-radius:6px;--card-shadow:0 1px 3px #00000014;--card-header-bg:#f8f9fa;--card-border-color:#e9ecef;--card-margin:8px;--card-padding:12px;--icon-size-sm:24px;--icon-size-md:28px;--icon-size-lg:32px;--icon-size-xl:36px;--button-height-xs:24px;--button-height-sm:32px;--button-height-md:36px;--button-height-lg:40px;--button-height-xl:48px}@media (prefers-color-scheme:dark){:root{--color-bg-primary:#1f2937;--color-bg-secondary:#374151;--color-bg-tertiary:#4b5563;--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-border-light:#4b5563;--color-border-medium:#6b7280;--color-border-dark:#9ca3af}}.theme-primary{color:#1e3a5f;color:var(--color-primary)}.theme-secondary{color:#6c757d;color:var(--color-secondary)}.theme-danger{color:#dc3545;color:var(--color-danger)}.theme-success{color:#28a745;color:var(--color-success)}.theme-warning{color:#f59e0b;color:var(--color-warning)}.theme-info{color:#17a2b8;color:var(--color-info)}.theme-purple{color:#8b5cf6;color:var(--color-purple)}.truncate-tab-label{display:inline-block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error,.error-input,input.error-input,select.error-input,textarea.error-input{border-color:#dc3545!important;border-color:var(--color-danger)!important}input.error,input.error-input,select.error,select.error-input,textarea.error,textarea.error-input{box-shadow:0 0 0 2px #dc354533}input.error-input:focus,input.error:focus,select.error-input:focus,select.error:focus,textarea.error-input:focus,textarea.error:focus{box-shadow:0 0 0 2px #dc354533;outline:none}.error-message,.field-error{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#dc3545;color:var(--color-danger);display:-webkit-box;font-size:13px;line-height:1.3;margin-left:0;margin-top:5px;max-width:100%;overflow:hidden;position:static;text-overflow:ellipsis}.general-error-container{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;border-radius:var(--radius-md);margin-bottom:20px;margin-bottom:var(--spacing-2xl);padding:16px;padding:var(--spacing-xl)}.general-error{color:#721c24;font-size:14px;font-size:var(--font-size-sm);line-height:1.4;margin-bottom:8px;margin-bottom:var(--spacing-md)}.action-buttons-container{align-items:center;display:flex;gap:var(--spacing-md)}.action-buttons-icon{gap:var(--spacing-sm)}.action-buttons-labeled{gap:var(--spacing-lg)}.action-button{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);display:inline-flex;font-family:inherit;font-weight:var(--font-weight-medium);justify-content:center;outline:none;text-decoration:none;transition:var(--transition-normal)}.action-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.action-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.action-button-icon{background:#0000;border:none;height:var(--icon-size-lg);padding:0;width:var(--icon-size-lg)}.action-button-icon:hover{background-color:var(--color-gray-100)}.action-button-labeled{gap:var(--spacing-sm);min-height:var(--button-height-md);padding:var(--spacing-md) var(--spacing-xl)}.action-button-labeled .action-icon{font-size:var(--font-size-lg)}.action-button-labeled .action-label{font-size:var(--font-size-sm);line-height:1.2}.action-button-sm{font-size:var(--font-size-xs);min-height:var(--button-height-sm);padding:var(--spacing-sm) var(--spacing-lg)}.action-button-sm .action-icon{font-size:var(--font-size-md)}.action-button-md{font-size:var(--font-size-sm);min-height:var(--button-height-md);padding:var(--spacing-md) var(--spacing-xl)}.action-button-md .action-icon{font-size:var(--font-size-lg)}.action-button-lg{font-size:var(--font-size-md);min-height:var(--button-height-lg);padding:var(--spacing-lg) var(--spacing-2xl)}.action-button-lg .action-icon{font-size:var(--font-size-xl)}.action-button-default{background-color:var(--color-bg-secondary);border-color:var(--color-border-light);color:var(--color-text-primary)}.action-button-default:hover:not(:disabled){background-color:var(--color-gray-200);border-color:var(--color-border-medium)}.action-button-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.action-button-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.action-button-secondary{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-text-inverse)}.action-button-secondary:hover:not(:disabled){background-color:var(--color-secondary-hover);border-color:var(--color-secondary-hover)}.action-button-danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-inverse)}.action-button-danger:hover:not(:disabled){background-color:var(--color-danger-hover);border-color:var(--color-danger-hover)}.action-button-disabled{cursor:not-allowed;opacity:.6}.action-button-disabled:hover{background-color:inherit!important;border-color:inherit!important;color:inherit!important}@media (max-width:768px){.action-buttons-labeled{flex-direction:column;gap:var(--spacing-md);width:100%}.action-button-labeled{justify-content:center;width:100%}}.confirmation-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirmation-modal-content{animation:slideUp .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-width:480px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirmation-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.confirmation-modal-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.confirmation-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.confirmation-modal-close:hover:not(:disabled){background:#f3f4f6}.confirmation-modal-close:disabled{cursor:not-allowed;opacity:.5}.confirmation-modal-body{padding:20px}.confirmation-modal-body p{color:#374151;font-size:14px;line-height:1.5;margin:0}.confirmation-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px}.confirmation-modal-button{border:1px solid;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;transition:all .2s}.confirmation-modal-button:disabled{cursor:not-allowed;opacity:.6}.confirmation-modal-button.cancel-button{background:#fff;border-color:#d1d5db;color:#374151}.confirmation-modal-button.cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.confirmation-modal-button.confirm-button.danger{background:#dc3545;border-color:#dc3545;color:#fff}.confirmation-modal-button.confirm-button.danger:hover:not(:disabled){background:#c82333;border-color:#bd2130}.confirmation-modal-button.confirm-button.warning{background:#ffc107;border-color:#ffc107;color:#212529}.confirmation-modal-button.confirm-button.warning:hover:not(:disabled){background:#e0a800;border-color:#d39e00}.confirmation-modal-button.confirm-button.info{background:#007bff;border-color:#007bff;color:#fff}.confirmation-modal-button.confirm-button.info:hover:not(:disabled){background:#0056b3;border-color:#004085}.login-container{align-items:center;background-color:#f4f7fb;display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;padding:2rem;width:100%}.login-box h1{color:#1e3a5f;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#555;display:block;font-size:.9rem;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#1e3a5f;box-shadow:0 0 0 2px #1e3a5f1a;outline:none}.login-button{background-color:#1e3a5f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s;width:100%}.login-button:hover{background-color:#152a45}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.login-box .general-error-container{align-items:center;animation:slideDown .3s ease-out;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;display:flex;gap:10px;margin-bottom:1rem;padding:12px 16px}.login-box .general-error-container:before{color:var(--color-danger);content:"⚠";flex-shrink:0;font-size:18px}.login-box .general-error{color:#991b1b;flex:1 1;font-size:14px;line-height:1.4;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color:#2196f3;--secondary-color:#4caf50;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--border-color:#e5e5e5;--background-light:#f5f5f5;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius:8px;--shadow-sm:0 1px 3px #0000001a;--header-height:60px;--left-menu-width:240px;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"SF Mono",SFMono-Regular,Consolas,monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700}body{color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:16px;font-size:var(--text-base);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;font-weight:var(--font-semibold);margin:0}.heading-1{font-size:24px;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-bold)}.heading-2{font-size:20px;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold)}.text-sm{font-size:14px;font-size:var(--text-sm)}.text-muted{color:var(--text-muted)}.moments-list-container{background-color:#fafafa;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0}.moment-id-with-status{align-items:center;display:flex;gap:8px;width:100%}.status-dot{border-radius:50%;flex-shrink:0;height:8px;transition:all .2s ease;width:8px}.status-dot.active{background-color:#10b981;box-shadow:0 0 0 2px #10b98133}.status-dot.inactive{background-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.search-list-item-wrapper.inactive{background-color:#ef444405}.search-list-item-wrapper.inactive:hover{background-color:#ef44440d}.moment-category,.moment-language,.moment-occurrence,.moment-sentiment,.moment-speaker{align-items:center;display:flex;font-size:13px;gap:6px}.language-icon,.occurrence-icon,.sentiment-icon,.speaker-icon{background:#f3f4f6;border-radius:3px;color:#6b7280;flex-shrink:0;font-size:12px;font-weight:600;min-width:13px;padding:2px 4px;text-align:center}.category-name{color:#374151;font-size:13px;font-weight:500}.sentiment-icon{font-size:14px}.language-name,.occurrence-name,.sentiment-name,.speaker-name{color:#374151;font-weight:500}.moments-list-container .moment-name{color:#111827;font-size:14px;font-weight:600}.moments-list-container .moment-name span{background:#eef2ff;border-radius:6px;color:#3730a3;display:inline-block;font-size:13px;line-height:1.4;padding:2px 8px}.moment-prompt{color:#6b7280;font-size:13px;line-height:1.4}.moment-id{color:#9ca3af;font-family:Courier New,monospace;font-size:12px;font-weight:600}.moment-search-method{color:#374151;font-size:13px;font-weight:500}.inline-edit-container{align-items:stretch;display:flex;flex-direction:column;gap:0;height:100%;min-width:0;position:relative;width:100%}.inline-edit-input,.inline-edit-select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;flex-shrink:1;font-size:13px;height:28px;line-height:1.2;max-height:28px;min-height:20px;min-width:0;padding:4px 6px;transition:all .2s ease;width:100%}.inline-edit-input.error-input,.inline-edit-select.error-input,.inline-edit-textarea.error-input{background-color:#fff5f5;border-color:#dc3545}.inline-edit-input:focus,.inline-edit-select:focus,.inline-edit-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.inline-edit-textarea{word-wrap:break-word;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:13px;line-height:1.4;max-width:100%;min-width:0;overflow:hidden;padding:4px 6px;position:relative;resize:none;transition:all .2s ease;width:100%}.inline-edit-select{-webkit-appearance:none;appearance:none;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%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:24px}.inline-edit-error{background-color:#dc2626f2;border-radius:3px;color:#fff;font-size:10px;left:0;line-height:1.2;max-width:100%;overflow:hidden;padding:2px 6px;pointer-events:none;position:absolute;right:0;text-overflow:ellipsis;top:100%;white-space:nowrap;z-index:1000}.moments-list-container .list-item-cell{min-width:0;overflow:hidden}.list-item-cell .inline-edit-container{max-width:100%;min-width:0;width:100%}.expand-button:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.edit-button:hover{background:#fef3c7;border-color:#f59e0b;color:#d97706}.view-button:hover{background:#ecfdf5;border-color:#10b981;color:#059669}.copy-button:hover{background:#f3e8ff;border-color:#8b5cf6;color:#7c3aed}.delete-button:hover{background:#fef2f2;border-color:#ef4444;color:#dc2626}.moment-prompt.full-height{line-height:1.4;overflow:visible;white-space:pre-line}.moment-examples{background:#f9fafb;border-radius:0 0 4px 4px;border-top:1px solid #e5e7eb;margin-left:4px;padding:12px}.examples-header{align-items:center;color:#374151;display:flex;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.examples-title{font-size:11px}.examples-list{display:flex;flex-direction:column;gap:6px}.example-item{background:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;gap:8px;padding:6px 8px;transition:all .2s ease}.example-item:hover{background:#f9fafb;border-color:#d1d5db}.example-number{color:#9ca3af;font-size:11px;font-weight:600;min-width:16px}.example-text{color:#374151;font-size:12px;line-height:1.4}.no-examples{color:#9ca3af;font-size:12px;font-style:italic;padding:16px;text-align:center}@media (max-width:768px){.moments-list-container{padding:10px}.moment-examples{padding:8px}.example-item{padding:4px 6px}}.moment-view-container{background-color:#eaeaea;display:flex;flex-direction:column;font-family:Arial,sans-serif;padding:2px}.moment-header-section{margin-bottom:4px}.header-row{align-items:center;display:flex;margin-bottom:2px}.field-label{display:inline-block;padding:10px;width:15%}.name-value{flex:1 1;font-size:16px;font-weight:500}.moment-actions{gap:10px}.action-button{background:#0000;border:1px solid #007aff;border-radius:4px;color:#007aff;cursor:pointer;font-size:13px;padding:5px 10px}.action-button:hover{background-color:#007aff;color:#fff}.edit-button[disabled]{cursor:not-allowed;opacity:.5}.moment-content{display:flex;flex-direction:column;gap:1px;margin-bottom:2px}.field-row{align-items:center;background-color:#fff;border-radius:2px;display:flex;justify-content:left}.prompt-container{align-items:flex-start;display:flex;flex:1 1;justify-content:space-between}.prompt-text{background-color:#eaeaea;border-radius:4px;flex:1 1;line-height:1.5;padding:2px}.search-button{background-color:#1e3a5f;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 15px}.examples-section{background-color:#f0f4f8;border-radius:4px;margin-bottom:10px;margin-left:120px;padding:10px}.examples-label{display:block;font-weight:500;margin-bottom:8px}.examples-container{display:flex;flex-wrap:wrap;gap:8px}.example-chip{background-color:#e6e6e6;border-radius:15px;font-size:13px;padding:5px 10px}.channel-options,.language-options{display:flex;gap:20px}.dropdown-container select{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;min-width:150px;padding:6px 8px}.search-results-section{margin-top:30px}.search-results-header{align-items:center;display:flex;margin-bottom:15px}.search-count{color:#666;font-size:14px;margin-left:20px}.search-results-list{border-top:1px solid #eaeaea}.result-item{border:1px solid #eaeaea;border-radius:4px;margin-bottom:15px;overflow:hidden}.result-header{background-color:#f8f9fa;border-bottom:1px solid #eaeaea;padding:8px 12px}.speaker-name{font-size:14px;font-weight:500}.speech-text{line-height:1.5;padding:12px}.agent-speech{background-color:#f0f9ff;border-left:4px solid #1e3a5f}.customer-speech{background-color:#fff4e6;border-left:4px solid #ff9f43}.no-results{color:#6c757d;font-style:italic;padding:20px;text-align:center}.loading{align-items:center;color:#666;display:flex;font-size:16px;height:200px;justify-content:center}.autocomplete-dropdown{position:relative;width:100%}.autocomplete-dropdown .input-container{align-items:center;display:flex;position:relative}.autocomplete-dropdown .autocomplete-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.autocomplete-dropdown .autocomplete-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.autocomplete-dropdown .autocomplete-input.error-input{border-color:#dc3545}.autocomplete-dropdown .autocomplete-input.error-input:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.autocomplete-dropdown .autocomplete-input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.autocomplete-dropdown .autocomplete-input.empty-message{color:#6c757d;font-style:italic}.autocomplete-dropdown .dropdown-arrow{color:#6c757d;font-size:12px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform .2s ease}.autocomplete-dropdown .dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.autocomplete-dropdown .dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;min-height:auto;padding:10px 12px;transition:background-color .2s ease}.autocomplete-dropdown .dropdown-item.highlighted,.autocomplete-dropdown .dropdown-menu.mouse-mode .dropdown-item:hover{background-color:#f8f9fa}.autocomplete-dropdown .dropdown-menu.keyboard-mode .dropdown-item:hover{background-color:initial}.autocomplete-dropdown .dropdown-item:last-child{border-bottom:none}.autocomplete-dropdown .dropdown-item:hover{background-color:#f8f9fa}.autocomplete-dropdown .dropdown-item.selected{color:#1976d2;font-weight:500}.autocomplete-dropdown .dropdown-item.selected .item-description,.autocomplete-dropdown .dropdown-item.selected .item-name{color:#1976d2}.autocomplete-dropdown .item-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.autocomplete-dropdown .selected-tick{color:#1976d2;font-size:16px;font-weight:700;margin-left:8px}.autocomplete-dropdown .dropdown-item.loading,.autocomplete-dropdown .dropdown-item.no-results{color:#6c757d;cursor:default;font-style:italic}.autocomplete-dropdown .dropdown-item.loading:hover,.autocomplete-dropdown .dropdown-item.no-results:hover{background-color:initial}.autocomplete-dropdown .item-name{font-weight:500;line-height:1.4;margin-bottom:2px}.autocomplete-dropdown .item-description{color:#6c757d;font-size:12px;line-height:1.3;margin-top:0}.autocomplete-dropdown .field-error{color:#dc3545;font-size:12px;margin-top:4px}.autocomplete-dropdown .field-error div{margin-bottom:2px}.autocomplete-dropdown .field-error div:last-child{margin-bottom:0}.moment-form-container{background-color:#fff;font-family:Arial,sans-serif;padding:20px}.form-content,.moment-form,.moment-form-container{display:flex;flex-direction:column}.form-content{gap:25px}.form-row{align-items:flex-start;border-bottom:1px solid #eaeaea;display:flex;flex-direction:row;gap:10px;margin-bottom:5px;padding-bottom:20px;position:relative}.form-row:after{clear:both;content:"";display:table}.field-label{align-self:flex-start;color:#333;font-weight:500;padding-top:8px}.input-container{display:flex;flex-direction:column;max-width:100%;position:relative;width:100%}.examples-container{position:relative}.input-container input[type=text],.input-container textarea{font-family:Arial,sans-serif;padding:8px 30px 8px 10px;width:100%}.input-container input[type=text],.input-container textarea,select{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;font-size:14px}select{max-width:300px;min-width:200px;padding:8px 10px;width:auto}.error-actions{display:flex;gap:12px;margin-top:12px}.error-action-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:background-color .2s}.error-action-button:hover{background-color:#0056b3}.clear-input-button,.undo-button-container{position:absolute;right:8px;top:8px;z-index:2}.clear-input-button{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;width:20px}.clear-input-button:hover{background-color:#f1f1f1;color:#666}.undo-button{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;width:20px}.undo-button:hover{background-color:#f1f1f1;color:#666}.undo-label{display:none}.genai-container{display:flex;flex:1 1;flex-direction:column;gap:15px}.prompt-section{display:flex;flex-direction:column;gap:10px}.prompt-description{color:#495057;font-family:Arial,sans-serif;font-size:14px;margin-bottom:8px}.prompt-input-wrapper{align-items:flex-start;display:flex;flex-direction:row}.test-button{background-color:#1e3a5f;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:8px 15px}.unified-examples-container{display:flex;flex-direction:column;margin-top:15px}.examples-editor{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;display:flex;flex-direction:column;min-height:120px;padding:10px;position:relative;width:100%}.examples-editor.error-input{border-color:#dc3545!important}.example-blocks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0;margin-bottom:var(--example-blocks-margin,0);min-height:0}.has-examples .example-blocks{--example-blocks-margin:10px;min-height:28px}.example-block{align-items:center;background-color:#e9ecef;border-radius:4px;display:flex;margin-bottom:4px;max-width:100%;padding:4px 8px}.example-text{cursor:pointer;flex:1 1;font-size:14px;line-height:1.2}.example-edit-input{background:#0000;border:none;font-size:14px;outline:none;width:100%}.remove-example-button{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-left:5px;padding:0 4px}.examples-input{background-color:initial!important;border:none!important;color:#333;flex-grow:1;font-family:Arial,sans-serif;font-size:14px;outline:none;padding:0!important;resize:none}.checkbox-group,.radio-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.checkbox-option,.radio-option{align-items:center;display:flex;gap:5px;margin-right:5px}.checkbox-group+.field-error,.radio-group+.field-error{clear:both;display:block;margin-left:10%;margin-top:10px;position:static;width:90%}.form-column{align-items:flex-start;display:flex;flex:1 1;flex-direction:row;position:relative}.form-column .field-label{width:30%}.form-column select{max-width:100%;min-width:0;width:100%}.form-column .field-error{left:24%;max-width:70%;top:calc(100% - 5px)}.three-column-row{display:flex;flex-direction:row;gap:30px;justify-content:flex-start}.three-column-row .form-column{flex:0 0 auto;max-width:250px}.form-column .field-label{margin-right:10px;min-width:80px;padding-top:8px;width:auto}.form-column select{max-width:140px;min-width:140px;width:140px}.form-column .field-error{color:#dc3545;font-size:13px;left:0;max-width:100%;position:absolute;top:calc(100% + 2px)}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.cancel-button,.save-button,.submit-button{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.cancel-button{background-color:#fff;border:1px solid #ced4da;color:#212529}.save-button{background-color:#28a745;border:none;color:#fff}.submit-button{background-color:#1e3a5f;border:none}.cancel-button:hover{background-color:#f8f9fa}.save-button:hover{background-color:#218838}.submit-button:hover{background-color:#162d49}.cancel-button:disabled,.save-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.65}.flash-messages{position:fixed;right:20px;top:20px;z-index:1000}.flash-message{animation:fadeInOut 3s forwards;background-color:#28a745;border-radius:4px;box-shadow:0 2px 5px #0000001a;color:#fff;margin-bottom:10px;padding:10px 15px}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.form-row .radio-group{display:flex;flex-direction:row;flex-wrap:nowrap;gap:30px;width:90%}.radio-option{flex-shrink:0;white-space:nowrap}.radio-group+.field-error{clear:both;left:10%;margin-left:0;margin-top:0;position:absolute;top:calc(100% - 30px);width:90%}.form-row .checkbox-group{display:flex;flex-direction:row;flex-wrap:nowrap;gap:30px;overflow-x:auto;width:90%}.checkbox-option{flex-shrink:0;white-space:nowrap}.checkbox-group+.field-error{clear:both;left:10%;margin-left:0;margin-top:0;position:absolute;top:calc(100% - 30px);width:90%}input:disabled,select:disabled,textarea:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#374151;cursor:default}input:disabled:focus,select:disabled:focus,textarea:disabled:focus{border-color:#e5e7eb;box-shadow:none;outline:none}input[type=checkbox]:disabled+label,input[type=radio]:disabled+label{color:#6b7280;cursor:not-allowed}.moment-form-container.view-mode .form-content{opacity:.9}.moment-form-container.view-mode .field-label{color:#374151;font-weight:600}button:disabled{cursor:not-allowed;opacity:.5}button:disabled:hover{box-shadow:none;transform:none}.evaluation-form{background-color:var(--board-bg-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.form-header{align-items:center;padding:8px 12px}.form-editor-header,.form-header{background-color:var(--card-bg-color);border-bottom:1px solid var(--card-border-color);display:flex;justify-content:space-between}.form-editor-header{margin:0 -12px;padding:12px var(--card-padding);position:sticky;top:0;z-index:2}.form-editor-header h2{color:#333;font-size:1.1rem;font-weight:500;margin:0}.left-content{align-items:center;display:flex}.client-logo{border-radius:4px;color:#333;font-weight:700;margin-right:1rem;padding:.5rem 1rem}.left-content h1{color:#333;font-size:1.2rem;font-weight:500}.right-content,.status{align-items:center;display:flex}.status{font-size:.9rem;margin-right:2rem}.status span{color:#555;margin-right:.5rem}.toggle-switch{display:inline-block;height:20px;margin-left:.5rem;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;width:14px}input:checked+.slider{background-color:#3a86ff}input:checked+.slider:before{transform:translateX(20px)}.user-info{align-items:center;display:flex;font-size:.9rem}.user-info span{color:#555}.user-avatar{align-items:center;background-color:#f1f3f5;border-radius:50%;color:#555;display:flex;font-size:.8rem;font-weight:700;height:28px;justify-content:center;margin-left:.5rem;width:28px}.form-main-content{background-color:var(--board-bg-color);display:flex;flex:1 1;flex-direction:row;gap:0;height:calc(100vh - 130px);min-height:0;overflow:hidden;padding:0}.form-editor{border-right:1px solid var(--card-border-color);flex:2 1;min-width:0;padding:0 12px}.form-editor,.form-preview{background-color:var(--board-bg-color);border-radius:0;height:100%;overflow-y:auto}.form-preview{display:flex;flex:1 1;flex-direction:column;max-width:360px;min-width:320px}.preview-header{background-color:var(--card-bg-color);border-bottom:1px solid var(--card-border-color);padding:12px var(--card-padding);position:sticky;top:0;z-index:2}.preview-header h2{color:#333;font-size:1.1rem;font-weight:500;margin:0}.preview-content{flex-grow:1;height:calc(100% - 50px);overflow-y:auto;padding:var(--card-padding);padding-bottom:24px}.preview-content,.preview-section{background-color:var(--board-bg-color)}.preview-section{border:none;border-bottom:1px solid var(--card-border-color);border-radius:0;margin:0;transition:all .3s ease}.preview-section:last-child{border-bottom:none}.preview-section:hover{background-color:#00000005}.preview-section-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;cursor:pointer;display:flex;justify-content:space-between;padding:10px 15px;transition:background-color .2s}.preview-section-header:hover{background-color:#f1f3f5}.preview-section-header h4{align-items:center;display:flex;flex:1 1;justify-content:space-between;margin:0}.section-toggle{background:none;border:none;color:#666;cursor:pointer;padding:0 8px;transition:transform .3s ease}.section-toggle:hover{color:#333}.preview-section-content{overflow:hidden;transition:max-height .3s ease}.preview-section.collapsed .preview-section-content{max-height:0}.preview-section.expanded .preview-section-content{max-height:2000px}.preview-section.expanded .section-toggle i{transform:rotate(0deg)}.preview-section.collapsed .section-toggle i{transform:rotate(-90deg)}.preview-section-points{color:#666;font-weight:400}.preview-questions{display:flex;flex-direction:column;gap:0;padding:0}.preview-question{background-color:var(--card-bg-color);border:none;border-bottom:1px solid var(--card-border-color);border-radius:0;box-shadow:none;cursor:pointer;margin:0;overflow:hidden;transition:background-color .2s}.preview-question:last-child{border-bottom:none}.preview-question:hover{background-color:#00000005}.preview-question-header{align-items:center;background-color:var(--card-header-bg);border-bottom:1px solid var(--card-border-color);display:flex;font-weight:500;padding:8px 12px}.preview-question-header .question-number{color:#495057;margin-right:.5rem}.preview-question-header .question-text{color:#495057;font-weight:500}.preview-question-content{background-color:var(--card-bg-color);display:flex;gap:12px;padding:8px 12px}.preview-question-description{border-right:1px solid var(--card-border-color);color:#495057;flex:1 1;font-size:.85rem;padding-right:12px}.preview-options{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding-left:12px}.preview-option{align-items:center;cursor:default;display:flex;margin-bottom:.5rem;padding:.2rem 0}.preview-option input[type=radio]{cursor:default;pointer-events:none}.preview-option label{color:#333;cursor:default;font-size:.85rem}.preview-option-selected{font-weight:500}.preview-option-selected label{color:#000}.preview-option input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid #ccc;border-radius:50%;height:16px;margin-right:8px;outline:none;position:relative;transition:border-color .2s;width:16px}.preview-option input[type=radio]:checked{border-color:#3a86ff}.preview-option input[type=radio]:checked:before{background-color:#3a86ff;border-radius:50%;content:"";height:6px;left:3px;position:absolute;top:3px;width:6px}.form-footer{background-color:var(--card-bg-color);border-top:1px solid var(--card-border-color);display:flex;justify-content:space-between;padding:8px 12px}.right-buttons{display:flex;gap:.8rem}.delete-button{background-color:#fff;border:1px solid #dc3545;border-radius:var(--card-border-radius);color:#dc3545;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .8rem;transition:all .15s ease}.delete-button:hover{background-color:#dc3545;color:#fff}.save-button{background-color:#fff;border:1px solid #ced4da;border-radius:var(--card-border-radius);color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem 1rem;transition:all .15s ease}.save-button:hover{background-color:#f8f9fa;border-color:#adb5bd}.submit-button{background-color:#3a86ff;border:1px solid #3a86ff;border-radius:var(--card-border-radius);color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem 1rem;transition:all .15s ease}.submit-button:hover{background-color:#2876f9}.add-section-button{background-color:var(--card-bg-color);border:2px dashed var(--card-border-color);border-radius:var(--card-border-radius);box-shadow:0 1px 2px #0000000d;color:#6c757d;cursor:pointer;font-size:.9rem;font-weight:500;margin:12px 0;padding:10px 16px;text-align:center;transition:all .2s;width:100%}.add-section-button:hover{background-color:#f8f9fa;border-color:#3a86ff;border-style:solid;box-shadow:0 2px 4px #0000001a;color:#3a86ff;transform:translateY(-1px)}.add-question-button{background-color:#f8f9fa;border:2px dashed var(--card-border-color);border-radius:var(--card-border-radius);box-shadow:0 1px 2px #0000000d;color:#6c757d;cursor:pointer;font-size:.9rem;font-weight:500;margin:12px 0;padding:10px 16px;text-align:center;transition:all .2s;width:100%}.add-question-button:hover{background-color:#f0f7ff;border-color:#3a86ff;border-style:solid;box-shadow:0 2px 4px #0000001a;color:#3a86ff;transform:translateY(-1px)}.section{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px #0000000d;margin:0 0 16px;overflow:hidden;transition:all .2s}.section:last-child{margin-bottom:0}.section:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000001a}.section-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e5e7eb;display:flex;font-size:14px;justify-content:space-between;padding:14px 16px;position:relative}.section-number{color:#333;font-size:.9rem;font-weight:500;margin-right:1rem;min-width:40px}.section-header input{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;flex:1 1;font-size:16px;margin-right:0;padding:8px 12px}.section-name-container{display:flex;flex:1 1;flex-direction:column;gap:4px;margin-right:16px;position:relative}.section-name-container input{position:relative;width:100%}.section-name-container .save-cancel-buttons-inline{align-items:center;display:flex;gap:4px;pointer-events:none;position:absolute;right:4px;top:50%;transform:translateY(-50%);z-index:10}.section-name-container .save-cancel-buttons-inline button{pointer-events:auto}.section-name-container .error-message{font-size:12px;left:0;margin-top:4px;position:absolute;top:100%}.section-actions{align-items:center;display:flex}.points{background-color:#f0f7ff;border:1px solid #cfe2ff;border-radius:12px;color:#007bff;font-size:12px;font-weight:600;margin-right:1rem;padding:4px 10px;white-space:nowrap}.icon-button{align-items:center;background:none;border:none;border-radius:3px;color:#666;cursor:pointer;display:flex;font-size:.9rem;height:24px;justify-content:center;margin-left:.3rem;width:24px}.icon-button:hover{background-color:#f1f3f5}.questions-container{padding:12px 16px}.question{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px #0000000d;cursor:pointer;margin:0 0 12px;overflow:hidden;transition:all .2s;width:100%}.question:last-child{margin-bottom:0}.question:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000001a}.question.active{border:2px solid #0d6efd;box-shadow:0 0 8px #0d6efd33;transform:translateY(-1px)}.question-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e5e7eb;display:flex;font-size:14px;padding:12px 16px}.question-type-selectors{gap:1rem;margin-right:auto}.question-type-selectors,.type-selector{align-items:center;display:flex}.type-selector label{color:#555;font-size:.8rem;margin-right:.5rem}.type-selector select{background-color:#fff;border:1px solid #ddd;border-radius:3px;color:#333;font-size:.8rem;padding:.15rem .5rem}.type-selector-controls{align-items:center;display:flex}.type-selector-controls .modal-selection-card{font-size:.8rem;margin:0;min-width:auto;padding:6px 16px}.question-actions{display:flex}.question-content{padding:8px 12px}.question-content-compact{color:#333;font-size:14px;line-height:1.5;padding:12px 16px}.question-main-info{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.question-description-compact{color:#333;flex:1 1;font-size:14px;font-weight:500}.question-points-badge{background-color:#f0f7ff;border:1px solid #cfe2ff;border-radius:12px;color:#007bff;flex-shrink:0;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.question-moment-compact,.question-options-compact,.question-prompt-compact{align-items:flex-start;color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin-top:8px}.question-meta-label{color:#666;flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.question-prompt-text{color:#495057;flex:1 1;font-style:italic}.question-examples-indicator{color:#6c757d;font-size:12px;font-style:italic}.question-moment-compact .preview-moments-expression{flex:1 1}.options-compact-list{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.option-compact-item{align-items:center;color:#495057;display:inline-flex;gap:4px}.option-points-compact{color:#6c757d;font-size:12px;font-weight:500}.option-separator{color:#dee2e6;font-weight:300;margin:0 4px}.points-indicator{color:#555;font-size:.85rem;position:absolute;right:.5rem;top:.5rem}.options-table{border-collapse:collapse;display:block;margin-top:16px;overflow-x:auto;overflow-y:visible;position:relative;width:100%}.options-header{grid-gap:16px;background-color:#f5f5f5;border-radius:4px;display:grid;gap:16px;grid-template-columns:minmax(200px,1fr) minmax(200px,1fr) minmax(200px,1fr);margin-bottom:8px;min-width:min-content;padding:8px 16px}.options-header>div{color:#333;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.options-list{display:flex;flex-direction:column;gap:8px}.option-item,.options-list{min-width:min-content;overflow:visible}.option-item{grid-gap:16px;align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:4px;display:grid;gap:16px;grid-template-columns:minmax(200px,1fr) minmax(200px,1fr) minmax(200px,1fr);padding:8px 16px}.option-details{min-width:0;position:relative}.option-details,.option-details .autocomplete-dropdown{overflow:visible}.option-description-input{min-width:0;width:100%}.option-points{align-items:center;display:flex;justify-content:center;max-width:150px;min-width:100px}.option-points input{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.option-fail{align-items:center;display:flex;justify-content:space-between;max-width:150px;min-width:100px}.option-actions{display:flex;gap:8px;margin-left:auto;min-width:fit-content}.option-actions button{background:none;border:none;color:#666;cursor:pointer;height:24px;padding:0;transition:color .2s;width:24px}.option-actions button:hover{color:#1890ff}.option-actions button:disabled{cursor:not-allowed;opacity:.5}.option-item.header-row{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:3px 3px 0 0;color:#495057;font-size:.85rem;font-weight:500;margin-bottom:8px}.option-item.empty-row{background-color:#ffffffb3;border:1px dashed #ced4da;cursor:pointer;padding:12px var(--card-padding);transition:all .2s}.option-item.empty-row:hover{background-color:var(--card-bg-color);border-color:#adb5bd}.option-item:hover{background-color:#f8f9fa}.option-item:hover .option-description-input{border-color:#ced4da}.option-description-input:focus,.option-description-input:hover{background-color:#fff;border-color:#ced4da;outline:none}.option-points input{border:1px solid #ddd;border-radius:3px;font-size:.85rem;padding:.2rem;text-align:center;width:40px}.fail-toggle{display:inline-block;height:20px;position:relative;width:40px}.options-footer{background-color:#f9fafb;border-top:1px solid var(--card-border-color);display:flex;flex-direction:column;gap:8px;padding:12px var(--card-padding)}.expression-content{align-items:center;display:flex;gap:12px;padding:4px 8px}.expression-label{color:#495057;flex-shrink:0;font-size:.9rem;font-weight:600}.expression-formula{align-items:center;background-color:#fff;border:1px solid var(--card-border-color);border-radius:4px;display:flex;flex-grow:1;flex-wrap:wrap;font-size:.9rem;gap:.4rem;line-height:1.6;min-height:32px;padding:6px 10px}.moment-link-container{border:none;border-bottom:1px solid var(--card-border-color);border-radius:0;display:flex;flex-direction:column;gap:8px;margin:0;overflow-x:hidden;overflow-y:visible;width:100%}.moment-link-description{color:#666;font-size:.9rem;margin:0 0 8px;padding:8px 12px}.moment-header-card{grid-gap:12px;background-color:var(--card-bg-color);border:var(--card-border-width) solid var(--card-border-color);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);box-sizing:border-box;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr 60px;margin-bottom:4px;padding:8px 12px;width:100%}.moment-header-label{color:#495057;font-size:.85rem;font-weight:500;padding:4px;text-align:left}.moment-selector-rows{display:flex;flex-direction:column;gap:4px;overflow-x:hidden;padding:0;width:100%}.moment-selector-row{grid-gap:12px;align-items:start;background-color:var(--card-bg-color);border:var(--card-border-width) solid var(--card-border-color);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);box-sizing:border-box;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr 60px;margin:0;padding:8px 12px;position:relative;transition:all .15s ease;width:100%}.moment-selector-row:hover{border-color:#ced4da;box-shadow:0 2px 4px #0000000d}.moment-selector-row.new-row{animation:fadeIn .3s ease-out}.moment-selector{display:flex;flex-direction:column;min-width:0;position:relative;width:100%}.moment-selector .form-select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:.85rem;margin:0;min-width:0;padding:6px 8px;width:100%}.moment-selector .error-message{margin-top:4px;padding:0 2px}.moment-actions{align-items:flex-start;display:flex;gap:4px;justify-content:flex-end;margin-top:0;min-width:60px;padding-left:8px;position:relative}.moment-actions .icon-button{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.moment-actions .icon-button.add:hover{background-color:#e7f5ff;border-color:#1971c2;color:#1971c2}.moment-actions .icon-button.delete:hover{background-color:#fff5f5;border-color:#e03131;color:#e03131}.moment-selector-row.new-moment-row{background-color:#ffffffb3;border:1px dashed var(--card-border-color);box-sizing:border-box;cursor:pointer;padding:12px;transition:all .2s;width:100%}.moment-selector-row.new-moment-row:hover{background-color:var(--card-bg-color);border-color:#adb5bd}.empty-moments-message{color:#6c757d;font-size:.9rem;font-style:italic;text-align:center}.question-content .question-text{position:relative}.question-content .question-text input{border:1px solid #ced4da;border-radius:4px;font-size:.9rem;margin-bottom:8px;padding:6px 8px;transition:border-color .15s ease-in-out;width:100%}.question-content .question-text input:focus{border-color:#3a86ff;box-shadow:0 0 0 2px #3a86ff26;outline:none}.question-header .question-number{color:#333;font-size:.9rem;font-weight:500;margin-right:1rem}.preview-question-header .question-number{font-size:.85rem;font-weight:500;margin-right:.4rem}.preview-question-header .question-text{color:#333;flex-grow:1;font-size:.85rem}.preview-section:last-child{margin-bottom:0}.preview-section .preview-section-header{background-color:var(--card-header-bg);border-bottom:1px solid var(--card-border-color);padding:8px var(--card-padding)}.preview-question:last-child{margin-bottom:0}.expression-formula .moment-name{background-color:#e7f5ff;border-radius:3px;color:#1971c2;cursor:pointer;font-style:italic;padding:.2rem .3rem;transition:all .2s}.expression-formula .moment-name:hover{background-color:#d0ebff;text-decoration:underline}.expression-formula .moment-name.undefined-moment{background-color:#f8f9fa;border:1px dashed #ced4da;color:#868e96;cursor:default;font-style:italic}.expression-formula .moment-name.undefined-moment:hover{background-color:#f8f9fa;text-decoration:none}.expression-formula .operation-name{color:#495057;font-weight:600;padding:.2rem .3rem;text-transform:uppercase}.preview-question:last-child,.preview-section h3:last-child,.preview-section:last-child{margin-bottom:0}.editable-form-name{border-radius:4px;cursor:pointer;padding:0 8px;transition:background-color .2s}.editable-form-name:hover{background-color:#0000000d}.form-name-input{background-color:#fff;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:16px;font-weight:600;line-height:1.5;max-width:500px;min-height:40px;padding:8px 12px;position:relative;width:100%}.form-name-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.form-name-input-container{display:flex;flex-direction:column;gap:4px;max-width:500px;position:relative;width:100%}.form-name-input-container .save-cancel-buttons-inline{align-items:center;display:flex;gap:4px;pointer-events:none;position:absolute;right:4px;top:8px;z-index:10}.form-name-input-container .save-cancel-buttons-inline button{pointer-events:auto}.cancel-button-icon,.save-button-icon{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.save-button-icon{background-color:#007bff;border-color:#007bff;color:#fff}.save-button-icon:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}.save-button-icon:disabled{cursor:not-allowed;opacity:.6}.cancel-button-icon{color:#495057}.cancel-button-icon:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.cancel-button-icon:disabled{cursor:not-allowed;opacity:.6}.form-name-input.with-actions{padding-right:60px}.form-name-input-container .error-message{font-size:12px;margin-top:0}.section-name-container input.with-actions{padding-right:60px}.save-cancel-buttons{align-items:center;display:flex;gap:8px;margin-top:4px}.cancel-button-small,.save-button-small{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;padding:4px 12px;transition:all .2s ease}.save-button-small{background-color:#007bff;border-color:#007bff;color:#fff}.save-button-small:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}.save-button-small:disabled{cursor:not-allowed;opacity:.6}.cancel-button-small:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.cancel-button-small:disabled{cursor:not-allowed;opacity:.6}.question-save-actions{align-items:center;border-top:1px solid #e9ecef;display:flex;gap:8px;margin-top:12px;padding-top:12px}.editable-form-name.error{border:1px solid var(--color-danger);border-radius:4px;padding:8px}.section-card.error{border-color:var(--color-danger)}.section-header.error{border-bottom-color:var(--color-danger)}.question-card.error{border-color:var(--color-danger)}.question-header.error{border-bottom-color:var(--color-danger)}.option-row.error{border-color:var(--color-danger)}.error-container{border:1px solid #ffccc7;border-radius:4px;margin-top:4px;padding:4px 8px}.question-text{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr auto;margin-bottom:16px}.question-text-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px}.question-description-container{display:flex;flex:1 1;flex-direction:column}.question-description-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.question-description-input:focus{border-color:#1890ff;outline:none}.question-points-container{align-items:flex-end;display:flex;flex-direction:column;min-width:80px}.question-points-value{background:#f0f7ff;border-radius:4px;color:#1890ff;font-size:14px;font-weight:500;min-width:60px;padding:8px 12px;text-align:center}.option-details{align-items:center;display:flex;gap:8px}.option-details input[type=checkbox],.option-details input[type=radio]{cursor:pointer;height:16px;margin:0;width:16px}.option-details input[type=radio]{appearance:none;-webkit-appearance:none;background-color:#fff;border:2px solid #d9d9d9;border-radius:50%;transition:all .2s}.option-details input[type=radio]:checked{background-color:#1890ff;border-color:#1890ff;box-shadow:inset 0 0 0 2px #fff}.option-details input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:#fff;border:2px solid #d9d9d9;border-radius:4px;transition:all .2s}.option-details input[type=checkbox]:checked{background-color:#1890ff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px;border-color:#1890ff}.option-description-input{border:1px solid #d9d9d9;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px;transition:border-color .2s}.option-description-input:focus{border-color:#1890ff;outline:none}.preview-moments{background-color:#f8f9fa;border-radius:4px;margin-top:8px;padding:8px}.preview-moments-label{color:#495057;font-size:.85rem;font-weight:500;margin-bottom:6px}.preview-moments-expression{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;display:flex;flex-wrap:wrap;gap:4px;line-height:1.4;padding:6px}.preview-moment{background-color:#e9ecef;border-radius:3px;color:#495057;cursor:pointer;font-size:.85rem;padding:2px 6px;transition:background-color .2s;white-space:nowrap}.preview-moment:hover{background-color:#dee2e6}.preview-moment.undefined-moment{background-color:#f8d7da;color:#721c24}.preview-moment.undefined-moment:hover{background-color:#f5c6cb}.preview-operation{background-color:#e9ecef;border-radius:3px;color:#495057;font-size:.85rem;font-weight:500;padding:2px 4px;white-space:nowrap}@media screen and (max-width:768px){.option-item,.options-header{gap:8px;grid-template-columns:minmax(150px,1fr) minmax(100px,1fr) minmax(100px,1fr)}.option-fail,.option-points{max-width:120px;min-width:80px}}@media screen and (max-width:480px){.option-item,.options-header{gap:4px;grid-template-columns:minmax(120px,1fr) minmax(80px,1fr) minmax(80px,1fr);padding:8px}.option-fail,.option-points{max-width:100px;min-width:60px}.option-description-input,.option-points input{font-size:12px;padding:6px 8px}}.question-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.question-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.question-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.question-modal-header h2{font-size:20px;font-weight:600;margin:0}.question-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.question-modal-close:hover:not(:disabled){background:#f3f4f6}.question-modal-close:disabled{cursor:not-allowed;opacity:.5}.question-modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-form-group{margin-bottom:20px}.modal-form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.modal-form-group input,.modal-form-group select,.modal-form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.modal-form-group-inline{align-items:center;display:flex;gap:16px}.modal-form-group-inline label{flex-shrink:0;margin-bottom:0;min-width:120px}.modal-selection-cards{display:flex;flex-wrap:wrap;gap:8px}.modal-selection-card{background:#fff;border:2px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:10px 20px;text-align:center;transition:all .2s ease}.modal-selection-card.selected{background:#f0f7ff;border-color:#007bff;color:#007bff}.modal-selection-card:hover:not(:disabled):not(.disabled):not(.selected){border-color:#007bff}.modal-selection-card.selected:hover:not(:disabled):not(.disabled){background:#e0efff;border-color:#0056b3;color:#0056b3}.modal-selection-card.disabled,.modal-selection-card:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.5}.modal-form-group textarea{min-height:80px;resize:vertical}.modal-moments-container{margin-top:12px}.modal-moments-table{border:1px solid #e5e7eb;border-radius:4px;overflow:hidden}.modal-moments-header{grid-gap:8px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid;font-size:14px;font-weight:600;gap:8px;grid-template-columns:1fr 1fr 1fr 120px;padding:12px}.modal-moments-list{max-height:400px;overflow-y:auto}.modal-moment-row{grid-gap:8px;align-items:center;border-bottom:1px solid #e5e7eb;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 120px;padding:12px}.modal-moment-row:last-child{border-bottom:none}.modal-moment-column{display:flex;flex-direction:column;gap:4px}.modal-moment-actions{display:flex;gap:4px;justify-content:center}.modal-moment-expression{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-top:16px;padding:12px}.modal-moment-expression label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.modal-options-container{margin-top:12px}.modal-options-table{border:1px solid #e5e7eb;border-radius:4px;margin-bottom:12px;overflow:hidden}.modal-options-header{grid-gap:8px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid;font-size:14px;font-weight:600;gap:8px;grid-template-columns:1fr 120px 120px;padding:12px}.modal-options-list{max-height:300px;overflow-y:auto}.modal-option-row{grid-gap:8px;align-items:start;border-bottom:1px solid #e5e7eb;display:grid;gap:8px;grid-template-columns:1fr 120px 120px;padding:12px}.modal-option-row:last-child{border-bottom:none}.modal-option-column{display:flex;flex-direction:column;gap:4px}.modal-option-column input[type=number],.modal-option-column input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 8px;width:100%}.modal-option-column input:disabled{background-color:#f8f9fa;cursor:not-allowed}.modal-selection-card.read-only{cursor:default}.icon-button.delete:disabled{cursor:not-allowed;opacity:.5}.modal-form-group-inline.with-margin{margin-bottom:12px}.modal-option-actions{align-items:center;display:flex;gap:4px;height:100%;justify-content:center}.modal-add-option-button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px}.modal-add-option-button:hover{background:#e5e7eb}.modal-simple-note{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:14px;padding:12px}.question-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px}.question-modal-footer .cancel-button,.question-modal-footer .save-button{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.question-modal-footer .cancel-button{background:#fff;color:#333}.question-modal-footer .cancel-button:hover:not(:disabled){background:#f9fafb}.question-modal-footer .save-button{background:#007bff;border-color:#007bff;color:#fff}.question-modal-footer .save-button:hover:not(:disabled){background:#0056b3}.question-modal-footer button:disabled{cursor:not-allowed;opacity:.6}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:120px 0 80px;position:relative}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.hero-text{max-width:600px}.hero-title{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:24px}.hero-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,orange);-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:40px;opacity:.9}.hero-actions{align-items:center;display:flex;gap:20px}.hero-cta-primary{background:gold;border:none;border-radius:12px;box-shadow:0 4px 20px #ffd7004d;color:#333;cursor:pointer;font-size:18px;font-weight:600;padding:16px 32px;transition:all .3s ease}.hero-cta-primary:hover{box-shadow:0 8px 30px #ffd70066;transform:translateY(-3px)}.hero-cta-secondary{background:#0000;border:2px solid #fff;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:14px 30px;transition:all .3s ease}.hero-cta-secondary:hover{background:#fff;color:#667eea;transform:translateY(-3px)}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-dashboard-preview{perspective:1000px}.dashboard-mockup{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;height:300px;overflow:hidden;transform:rotateY(-5deg) rotateX(5deg);transition:transform .3s ease;width:400px}.dashboard-mockup:hover{transform:rotateY(0deg) rotateX(0deg)}.mockup-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:12px;padding:16px 20px}.mockup-dots{display:flex;gap:6px}.mockup-dots span{background:#dee2e6;border-radius:50%;height:12px;width:12px}.mockup-dots span:first-child{background:#ff5f57}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:last-child{background:#28ca42}.mockup-title{color:#333;font-size:14px;font-weight:600}.mockup-content{display:flex;flex-direction:column;gap:20px;height:calc(100% - 60px);padding:24px}.mockup-chart{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:8px;height:120px;overflow:hidden;position:relative}.mockup-chart:after{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path stroke="%23fff" stroke-width="2" fill="none" opacity=".7" d="m10 80 20-20 20-20 20-20 20-10"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.mockup-metrics{display:flex;gap:20px}.metric-item{flex:1 1;text-align:center}.metric-value{color:#333;font-size:24px;font-weight:700;margin-bottom:4px}.metric-label{color:#666;font-size:12px;font-weight:500}.hero-pillars{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;margin-top:80px;padding:60px 0;position:relative;z-index:1}.pillars-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0 20px}.pillar-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:32px;text-align:center;transition:all .3s ease}.pillar-card:hover{background:#ffffff26;box-shadow:0 20px 40px #0000001a;transform:translateY(-8px)}.pillar-icon{align-items:center;display:flex;font-size:3rem;height:80px;justify-content:center;margin-bottom:20px}.pillar-icon-svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s ease}.pillar-card:hover .pillar-icon-svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));filter:drop-shadow(0 4px 8px rgba(0,0,0,.2)) drop-shadow(0 0 12px rgba(255,215,0,.3));transform:scale(1.1)}.pillar-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:16px}.pillar-description{color:#fff;font-size:1rem;line-height:1.6;opacity:.9}@media (max-width:1024px){.hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.hero-title{font-size:3rem}.dashboard-mockup{height:260px;width:350px}}@media (max-width:768px){.hero-section{padding:100px 0 60px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-actions{align-items:stretch;flex-direction:column;gap:16px}.hero-cta-primary,.hero-cta-secondary{text-align:center;width:100%}.dashboard-mockup{height:220px;width:300px}.pillars-container{gap:24px;grid-template-columns:1fr}.pillar-card{padding:24px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.dashboard-mockup{height:200px;width:280px}.pillar-card{padding:20px}.pillar-icon{font-size:2.5rem}.pillar-title{font-size:1.25rem}}.products-section{background:#fff;padding:100px 0;position:relative}.products-container{margin:0 auto;max-width:1200px;padding:0 20px}.products-header{margin-bottom:80px;text-align:center}.products-title{color:#333;font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:20px}.products-subtitle{color:#666;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.products-grid{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.product-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;transition:all .3s ease}.product-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-10px)}.product-image-container{height:250px;overflow:hidden;position:relative}.product-image-placeholder{align-items:center;background:linear-gradient(135deg,#4caf50,#ffffff1a);background:linear-gradient(135deg,var(--color,#4caf50) 0,#ffffff1a 100%);display:flex;height:100%;justify-content:center;position:relative;width:100%}.product-image-placeholder:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='%23fff' opacity='.3'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.product-image-content{color:#fff;position:relative;text-align:center;z-index:1}.product-icon{display:block;font-size:4rem;margin-bottom:16px}.product-image-text{font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px #0000004d}.product-content{padding:40px}.product-name{color:#333;font-size:2rem;font-weight:700;margin-bottom:16px}.product-description{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:32px}.product-highlights{margin-bottom:32px}.highlights-title{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:16px}.highlight-item{align-items:center;font-size:1rem;margin-bottom:12px}.highlight-icon{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.product-actions{align-items:center;display:flex;gap:16px}.product-learn-more{background:#333;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.product-learn-more:hover{background:#555;transform:translateY(-2px)}.product-demo{background:#0000;border:2px solid #333;border-radius:10px;color:#333;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 26px;transition:all .3s ease}.product-demo:hover{background:#333;color:#fff;transform:translateY(-2px)}@media (max-width:1024px){.products-grid{gap:40px;grid-template-columns:1fr}.products-title{font-size:2.5rem}}@media (max-width:768px){.products-section{padding:80px 0}.products-header{margin-bottom:60px}.products-title{font-size:2rem}.products-subtitle{font-size:1.1rem}.product-content{padding:30px}.product-name{font-size:1.75rem}.product-description{font-size:1rem}.product-actions{flex-direction:column}.product-demo,.product-learn-more{text-align:center;width:100%}}@media (max-width:480px){.products-section{padding:60px 0}.products-header{margin-bottom:40px}.products-title{font-size:1.75rem}.product-image-container{height:200px}.product-icon{font-size:3rem}.product-image-text{font-size:1.25rem}.product-content{padding:24px}.product-name{font-size:1.5rem}}.features-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:100px 0;position:relative}.features-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 0H0v20' fill='none' stroke='rgba(0,0,0,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.features-container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.features-header{margin-bottom:80px;text-align:center}.features-title{color:#333;font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:20px}.features-subtitle{color:#666;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.feature-card-with-image{grid-column:1/-1;overflow:visible;padding:0}.feature-content-wrapper{align-items:stretch;display:flex;height:auto;min-height:400px}.feature-text-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-height:400px;padding:40px;position:relative;z-index:1}.feature-image-container{align-items:center;background:#0000;border-radius:0 16px 16px 0;display:flex;flex:1 1;justify-content:center;overflow:visible;padding:20px;position:relative;z-index:1}.feature-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.feature-image-container:hover .feature-image{transform:scale(1.05)}.feature-image-placeholder{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#6c757d;display:flex;flex-direction:column;height:100%;justify-content:center}.placeholder-icon{font-size:4rem;margin-bottom:16px;opacity:.7}.placeholder-text{font-size:1.25rem;font-weight:600;opacity:.8;text-align:center}.image-pattern-single{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.image-pattern-single .feature-image{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:8px;transition:transform .3s ease}.image-pattern-single:hover .feature-image{transform:scale(1.05)}.image-item{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:center;overflow:hidden;transition:all .3s ease}.image-item .feature-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;padding:8px;transition:transform .3s ease;width:auto}.image-item:hover .feature-image{transform:scale(1.05)}.image-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.image-pattern-two-horizontal{align-items:center;display:flex;gap:12px;height:100%;padding:12px;width:100%}.image-pattern-two-horizontal .image-item{flex:1 1;height:100%}.image-pattern-two-vertical{display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;padding:12px;width:100%}.image-pattern-two-vertical .image-item{flex:1 1;width:100%}.image-pattern-three-stacked{display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;padding:12px;width:100%}.image-pattern-three-stacked .image-item{border-radius:10px;box-shadow:0 3px 15px #0000001a;flex:1 1;position:relative;width:100%}.image-pattern-three-stacked .image-item:first-child{flex:1.3 1}.image-pattern-three-stacked .image-item:nth-child(2),.image-pattern-three-stacked .image-item:nth-child(3){flex:1 1}.image-pattern-three-stacked .image-item:hover{z-index:2}.feature-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease;z-index:10}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{box-shadow:0 16px 48px #00000026;transform:translateY(-8px)}.feature-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.feature-icon-container{align-items:center;border-radius:16px;box-shadow:0 4px 16px #0000001a;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.feature-icon{font-size:2rem}.feature-name{color:#333;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.feature-content{margin-bottom:24px}.feature-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:20px}.feature-highlights{margin-top:20px}.highlights-list{list-style:none;margin:0;padding:0}.highlight-item{align-items:flex-start;color:#555;display:flex;font-size:.95rem;gap:12px;line-height:1.5;margin-bottom:8px}.highlight-bullet{color:#667eea;flex-shrink:0;font-size:1.2rem;font-weight:700;line-height:1;margin-top:2px}.feature-actions{margin-top:24px}.feature-explore{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.feature-explore:hover{box-shadow:0 8px 24px #667eea4d;transform:translateY(-2px)}@media (max-width:1024px){.features-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.features-title{font-size:2.5rem}}@media (max-width:768px){.features-section{padding:80px 0}.features-header{margin-bottom:60px}.features-title{font-size:2rem}.features-subtitle{font-size:1.1rem}.features-grid{gap:20px;grid-template-columns:1fr}.feature-card{padding:24px}.feature-card-with-image{grid-column:1}.feature-content-wrapper{align-items:stretch;flex-direction:column;min-height:auto}.feature-text-content{padding:24px}.feature-image-container{border-radius:0 0 16px 16px;height:250px;min-height:250px}.image-pattern-two-horizontal{flex-direction:column;gap:8px;padding:8px}.image-pattern-two-horizontal .image-item{height:50%;min-height:50%}.image-pattern-three-stacked{gap:8px;padding:8px}.image-pattern-three-stacked .image-item:first-child{flex:1.2 1}.image-pattern-three-stacked .image-item:nth-child(2),.image-pattern-three-stacked .image-item:nth-child(3){flex:1 1}.feature-header{gap:12px}.feature-icon-container{height:50px;width:50px}.feature-icon{font-size:1.5rem}.feature-name{font-size:1.25rem}}@media (max-width:480px){.features-section{padding:60px 0}.features-header{margin-bottom:40px}.features-title{font-size:1.75rem}.feature-card,.feature-text-content{padding:20px}.feature-image-container{height:200px;min-height:200px}.image-pattern-three-stacked,.image-pattern-two-horizontal,.image-pattern-two-vertical{gap:6px;padding:6px}.feature-header{align-items:flex-start;flex-direction:column;gap:16px}.feature-icon-container{height:45px;width:45px}.feature-icon{font-size:1.25rem}.feature-name{font-size:1.1rem}.feature-description{font-size:.95rem}.highlight-item{font-size:.9rem}}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;left:0;padding:16px 0;position:fixed;right:0;top:0;z-index:1000}.landing-header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.landing-header-content,.landing-logo{align-items:center;display:flex}.landing-logo-img{height:40px;width:auto}.landing-nav{align-items:center;display:flex;gap:32px}.landing-nav-link{color:#333;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s ease}.landing-nav-link:hover{color:#2196f3}.landing-cta-button{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.landing-cta-button:hover{background:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}@media (max-width:768px){.landing-header-content{padding:0 16px}.landing-nav{gap:16px}.landing-nav-link{font-size:14px}.landing-cta-button{font-size:14px;padding:10px 20px}}@media (max-width:480px){.landing-nav{gap:12px}.landing-nav-link{display:none}}.landing-footer{background:#1a1a1a;color:#fff;padding:60px 0 0}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto 40px;max-width:1200px;padding:0 20px}.footer-section{display:flex;flex-direction:column}.footer-logo{margin-bottom:20px}.footer-logo-img{filter:brightness(0) invert(1);height:40px;width:auto}.footer-description{color:#ccc;font-size:14px;line-height:1.6;max-width:300px}.footer-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:20px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#ccc;font-size:14px;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#2196f3}.footer-bottom{border-top:1px solid #333;padding:20px 0}.footer-bottom-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-copyright{color:#999;font-size:14px;margin:0}.footer-social{display:flex;gap:20px}.social-link{color:#ccc;font-size:14px;text-decoration:none;transition:color .3s ease}.social-link:hover{color:#2196f3}@media (max-width:1024px){.footer-content{gap:30px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.landing-footer{padding:40px 0 0}.footer-content{gap:30px;grid-template-columns:1fr;text-align:center}.footer-description{max-width:none}.footer-bottom-content{flex-direction:column;gap:16px;text-align:center}}@media (max-width:480px){.footer-content{gap:24px}.footer-social{gap:16px}}.landing-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}html{scroll-behavior:smooth}.landing-section{margin:0 auto;max-width:1200px;padding:80px 20px}@media (max-width:768px){.landing-section{padding:60px 16px}}@media (max-width:480px){.landing-section{padding:40px 12px}}.execution-list-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.execution-list-container .summary-table-widget{box-sizing:border-box;flex:1 1;min-width:0;overflow:hidden;padding:16px}.execution-tabs{border-bottom:1px solid var(--color-border-light);padding:16px}.execution-tab,.execution-tabs{background:#fff;display:flex;gap:8px}.execution-tab{align-items:center;border:1px solid var(--color-border-light);border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:8px 16px;transition:all .2s}.execution-tab:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.execution-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.execution-tab .material-symbols-outlined{font-size:18px}.execution-tab-content{color:var(--color-text-secondary);padding:24px;text-align:center}
/*# sourceMappingURL=main.8867d567.css.map*/