.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.page-title{font-size:24px;font-weight:600;color:var(--text-primary)}.btn{padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-light)}.btn:hover{background:var(--bg-tertiary);border-color:var(--primary-purple)}.btn:active{transform:translateY(1px)}.btn svg{width:16px;height:16px}.btn-primary{background:linear-gradient(135deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);color:#fff;border:none;box-shadow:var(--shadow-purple)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-light) 100%);transform:translateY(-1px);box-shadow:0 6px 16px #8a2be24d}.btn-primary:active{transform:translateY(0)}.funnel-tabs-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:0;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);overflow:hidden}.funnel-tabs{display:flex;border-bottom:1px solid var(--border-light)}.funnel-tab{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);position:relative}.funnel-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.funnel-tab.active{color:var(--primary-purple);border-bottom-color:var(--primary-purple);background:var(--bg-secondary)}.funnel-tab-content{padding:var(--spacing-lg);display:none}.funnel-tab-content.active{display:block}.funnel-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);transition:all var(--transition-fast);cursor:pointer}.funnel-list-item:hover{background:var(--bg-secondary);border-color:var(--primary-purple)}.funnel-item-info{display:flex;align-items:center;gap:var(--spacing-md)}.funnel-item-number{width:30px;height:30px;background:var(--primary-purple);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.funnel-item-details{display:flex;flex-direction:column}.funnel-item-meta{font-size:11px;color:var(--text-secondary);display:flex;gap:var(--spacing-md)}.funnel-item-actions{display:flex;gap:var(--spacing-sm)}.new-funnel-form{display:flex;gap:var(--spacing-md);flex-direction:column}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.form-input{padding:10px 14px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:13px;font-family:inherit;background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}.form-input:hover{border-color:var(--border-medium);background:var(--bg-secondary)}.form-input:focus{outline:none;border-color:var(--primary-purple);background:var(--bg-primary);box-shadow:0 0 0 3px #8a2be21a}.step-input-group{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.step-number{width:30px;height:30px;background:var(--bg-secondary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-secondary)}.add-step-btn{padding:6px 12px;background:transparent;border:1px dashed var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:12px;transition:all var(--transition-fast)}.add-step-btn:hover{border-color:var(--primary-purple);color:var(--primary-purple);background:var(--primary-purple-pale)}#funnelStepsList::-webkit-scrollbar{width:4px}#funnelStepsList::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:2px}#funnelStepsList::-webkit-scrollbar-thumb{background:var(--primary-purple);border-radius:2px;opacity:.5}.data-source-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid transparent;transition:all var(--transition-fast)}.data-source-card:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-md)}.section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.select-wrapper{position:relative;display:inline-block;min-width:200px}.select{width:100%;padding:10px 36px 10px 14px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all var(--transition-fast)}.select:hover{border-color:var(--border-medium);background:var(--bg-secondary)}.select:focus{outline:none;border-color:var(--primary-purple);background:var(--bg-primary);box-shadow:0 0 0 3px #8a2be21a}.select option{padding:10px;background:var(--bg-primary);color:var(--text-primary)}.select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary);font-size:12px;transition:color var(--transition-fast)}.select:hover+.select-arrow,.select-wrapper:hover .select-arrow{color:var(--primary-purple)}.chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:500;background:var(--bg-secondary);color:var(--primary-purple);border:1px solid var(--primary-purple);margin-left:var(--spacing-sm)}.funnel-analysis-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);width:100%}.funnel-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid transparent;transition:all var(--transition-fast);min-height:400px;width:100%;max-width:100%;overflow:hidden}.funnel-container:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-md)}.funnel-chart{position:relative;padding:56px 0 0;display:flex;flex-direction:column;gap:0}.funnel-stage{position:relative;margin:0 0 6px;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;width:100%}.funnel-stage:last-child{margin-bottom:0}.funnel-stage:hover{transform:translate(5px);filter:brightness(1.1)}.funnel-stage-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--funnel-purple-1) 0%,var(--funnel-purple-3) 50%,var(--funnel-purple-5) 100%);clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%,15px 50%);opacity:.95;box-shadow:0 2px 8px #8a2be24d}.funnel-stage:first-child .funnel-stage-bg{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%);background:linear-gradient(135deg,var(--funnel-purple-1) 0%,var(--funnel-purple-2) 100%)}.funnel-stage:last-child .funnel-stage-bg{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,15px 50%);background:linear-gradient(135deg,var(--funnel-purple-4) 0%,var(--funnel-purple-5) 100%)}.funnel-stage-content{position:relative;z-index:2;color:#fff;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.funnel-step-badge{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.funnel-stage-name{font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.funnel-stage-value{font-size:13px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.funnel-stage-percent{font-size:10px;opacity:.95}.delete-stage-btn{position:absolute;right:-25px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:var(--error-red);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:none;align-items:center;justify-content:center;font-size:12px;transition:all var(--transition-fast);z-index:10}.funnel-stage:hover .delete-stage-btn{display:flex}.delete-stage-btn:hover{background:#d32f2f;transform:translateY(-50%) scale(1.1)}.performance-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid transparent;transition:all var(--transition-fast);min-height:400px;max-height:800px;width:100%;max-width:100%;overflow:hidden;display:flex;flex-direction:column}.performance-container:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-md)}.performance-header{background:linear-gradient(90deg,var(--primary-purple-pale) 0%,transparent 100%);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);flex-shrink:0}.performance-items-container{overflow-x:auto;overflow-y:auto;flex:1;min-height:0}.performance-items-container::-webkit-scrollbar{width:8px;height:8px}.performance-items-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.performance-items-container::-webkit-scrollbar-thumb{background:var(--primary-purple);border-radius:4px}.performance-items-container::-webkit-scrollbar-thumb:hover{background:var(--primary-purple-dark)}.performance-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light)}.performance-table thead{background:var(--bg-secondary)}.performance-table thead th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-light)}.performance-table tbody tr{border-bottom:1px solid var(--border-light);transition:all var(--transition-fast)}.performance-table tbody tr:last-child{border-bottom:none}.performance-table tbody tr:hover{background:var(--bg-secondary)}.performance-table td{padding:14px 16px;font-size:13px;font-weight:500;color:var(--text-primary);vertical-align:middle}.performance-table .col-step{min-width:180px}.step-cell-content{display:flex;align-items:center;gap:var(--spacing-sm)}.step-badge{background:var(--primary-purple);color:#fff;padding:3px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;white-space:nowrap;flex-shrink:0}.step-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.performance-table .col-users,.performance-table .col-conversion,.performance-table .col-dropoff,.performance-table .col-dropoff-rate,.performance-table .col-time{text-align:right;font-variant-numeric:tabular-nums;min-width:100px}.performance-table .col-users{font-weight:600}.performance-table .col-conversion{color:var(--success-green);font-weight:600}.performance-table .negative{color:var(--error-red);font-weight:600}.performance-table .col-time{color:var(--info-blue);font-weight:500;min-width:120px}.performance-table .col-time.has-data{font-weight:600}.performance-table .col-actions{text-align:right;min-width:200px}.actions-container{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.btn-optimize{padding:6px 12px;background:var(--bg-primary);border:1px solid var(--primary-purple);color:var(--primary-purple);font-size:11px;font-weight:600;white-space:nowrap;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-optimize:hover{background:var(--primary-purple);color:#fff}.delete-step-btn{width:28px;height:28px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.delete-step-btn:hover{background:var(--error-red);color:#fff;border-color:var(--error-red)}.ab-tests-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid transparent;transition:all var(--transition-fast);display:none}.ab-tests-section:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-md)}.ab-tests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-light)}.table th{background:var(--bg-secondary);font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.table td{font-size:13px;color:var(--text-primary)}.table tbody tr{transition:all var(--transition-fast)}.table tbody tr:hover{background:var(--bg-secondary)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600}.status-badge.draft{background:var(--bg-secondary);color:var(--text-secondary)}.status-badge.running{background:#2196f31a;color:var(--info-blue)}.status-badge.completed{background:#4caf501a;color:var(--success-green)}.impact-value{font-weight:600}.impact-value.positive{color:var(--success-green)}.impact-value.negative{color:var(--error-red)}.action-btn{padding:4px 8px;margin:0 2px;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.action-btn:hover{color:var(--primary-purple);background:var(--bg-secondary);border-radius:var(--radius-sm)}.animate-slide{animation:slideDown .3s ease-out}.animate-fade{animation:fadeIn .3s ease-out}.optimizer-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.optimizer-dialog{background:var(--bg-primary);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;animation:slideDown .3s ease-out}.optimizer-header{padding:24px;border-bottom:1px solid var(--border-color)}.optimizer-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.optimizer-title-group{display:flex;align-items:center;gap:12px}.optimizer-title-group svg{color:var(--primary-purple)}.optimizer-title-group h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.optimizer-metrics{display:flex;gap:12px;flex-wrap:wrap}.optimizer-content{padding:24px;overflow-y:auto;flex:1}.optimizer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.optimizer-loading .spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite}.optimizer-parameters{display:flex;flex-direction:column;gap:20px}.optimizer-parameter{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;transition:all var(--transition-normal)}.optimizer-parameter:hover{border-color:var(--primary-purple);box-shadow:0 2px 8px #8a2be21a}.parameter-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.parameter-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.parameter-description{font-size:12px;color:var(--text-secondary)}.parameter-values{display:flex;justify-content:space-between;margin-bottom:12px;font-size:13px}.parameter-value-label{color:var(--text-secondary)}.parameter-value-new{color:var(--primary-purple);font-weight:600}.parameter-slider{margin:16px 0}.slider{width:100%;height:6px;border-radius:3px;background:var(--border-color);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-purple);cursor:pointer;transition:all var(--transition-fast)}.slider::-webkit-slider-thumb:hover{background:var(--funnel-purple-4);transform:scale(1.2)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-purple);cursor:pointer;border:none;transition:all var(--transition-fast)}.slider::-moz-range-thumb:hover{background:var(--funnel-purple-4);transform:scale(1.2)}.slider-marks{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--text-secondary)}.slider-mark-current{color:var(--primary-purple);font-weight:600}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.chip-outline{border:1px solid var(--border-color);background:transparent;color:var(--text-secondary)}.chip-success{background:#10b9811a;color:var(--success-green)}.chip-primary{background:#8a2be21a;color:var(--primary-purple)}.chip-info{background:#3b82f61a;color:#3b82f6}.chip-warning{background:#fb923c1a;color:#fb923c}.chip-error{background:#ef44441a;color:var(--error-red)}.optimizer-impact{margin-top:24px;padding:20px;background:linear-gradient(135deg,#8a2be20d,#c282ff0d);border:1px solid var(--primary-purple);border-radius:var(--radius-md)}.optimizer-impact h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.impact-summary{display:flex;align-items:center;justify-content:space-around;gap:20px;margin-bottom:16px}.impact-metric{display:flex;flex-direction:column;align-items:center;gap:8px}.impact-label{font-size:12px;color:var(--text-secondary)}.impact-value{font-size:24px;font-weight:700;color:var(--text-primary)}.impact-arrow{font-size:24px;color:var(--primary-purple)}.impact-details{display:flex;justify-content:space-around;padding-top:16px;border-top:1px solid var(--border-color)}.impact-detail{display:flex;flex-direction:column;gap:4px;text-align:center}.impact-detail span:first-child{font-size:12px;color:var(--text-secondary)}.impact-detail span:last-child{font-size:16px;font-weight:600;color:var(--text-primary)}.impact-change.positive{color:var(--success-green)}.impact-change.negative{color:var(--error-red)}.optimizer-footer{padding:20px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:16px}.optimizer-footer-left{display:flex;align-items:center;gap:12px;flex:1}.optimizer-footer-right{display:flex;gap:12px}.ab-test-name{flex:1;max-width:300px}.ab-test-name .input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:14px}.ab-test-name .input:focus{outline:none;border-color:var(--primary-purple)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-secondary);color:var(--text-primary)}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:16px}.alert-warning{background:#fb923c1a;border:1px solid #FB923C;color:#fb923c}.alert svg{flex-shrink:0}.alert span{flex:1;font-size:14px}.ab-test-manager{width:100%}.ab-test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.ab-test-title{display:flex;align-items:center;gap:12px}.ab-test-title svg{color:var(--primary-purple)}.ab-test-title h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.ab-test-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.ab-test-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;background:var(--bg-secondary);border-radius:var(--radius-md)}.ab-test-empty svg{color:var(--text-secondary)}.ab-test-empty h4{margin:0;color:var(--text-secondary);font-size:18px;font-weight:600}.ab-test-empty p{margin:0;color:var(--text-secondary);font-size:14px}.ab-test-table{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.ab-test-table-header{display:flex;padding:16px;background:var(--bg-primary);border-bottom:2px solid var(--border-color)}.ab-test-cell{padding:0 8px;font-size:14px;color:var(--text-primary)}.header-cell{font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.ab-test-table-body{display:flex;flex-direction:column}.ab-test-row{border-bottom:1px solid var(--border-color);transition:all var(--transition-fast)}.ab-test-row:last-child{border-bottom:none}.ab-test-row:hover{background:var(--bg-primary)}.ab-test-row-main{display:flex;padding:16px;align-items:center}.ab-test-row-details{padding:0 16px 16px;border-top:1px solid var(--border-color)}.test-details{padding:16px;background:var(--bg-primary);border-radius:var(--radius-md)}.test-details h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.test-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.test-details-section h5{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color)}.detail-item:last-child{border-bottom:none}.detail-label{font-size:13px;color:var(--text-secondary)}.detail-value{font-size:13px;color:var(--text-primary);font-weight:500;text-align:right}.detail-value.positive{color:var(--success-green)}.detail-value.negative{color:var(--error-red)}.parameter-change{padding:12px;background:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:8px}.parameter-change:last-child{margin-bottom:0}.parameter-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.parameter-values{display:flex;align-items:center;gap:12px;font-size:13px}.param-old{color:var(--text-secondary)}.param-new{color:var(--primary-purple);font-weight:600}.parameter-values svg{color:var(--text-secondary)}.parameter-impact{margin-top:8px;font-size:12px;color:var(--success-green)}.impact-display{display:inline-flex;align-items:center;gap:4px;font-weight:600}.impact-display.impact-success{color:var(--success-green)}.impact-display.impact-error{color:var(--error-red)}.impact-display.impact-default{color:var(--text-secondary)}.expand-btn{width:24px;height:24px;padding:0}.btn-danger{background:transparent;color:var(--error-red)}.btn-danger:hover{background:#ef44441a}.ab-test-delete-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1001;display:flex;align-items:center;justify-content:center;padding:20px}.ab-test-delete-dialog .dialog-content{background:var(--bg-primary);border-radius:var(--radius-md);padding:24px;max-width:400px;width:100%;box-shadow:0 8px 32px #0000004d}.ab-test-delete-dialog h3{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--text-primary)}.ab-test-delete-dialog p{margin:0 0 20px;font-size:14px;color:var(--text-secondary)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}.alert-error{background:#ef44441a;border:1px solid var(--error-red);color:var(--error-red)}.text-secondary{color:var(--text-secondary)}.ab-tests-section{display:none;margin-top:24px;padding-top:24px;border-top:2px solid var(--border-color);animation:slideDown .3s ease-out}.ab-tests-section.show{display:block}.time-between-steps{margin-top:24px;background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;animation:slideDown .3s ease-out}.time-between-steps-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,var(--primary-purple),var(--funnel-purple-4));color:#fff}.time-between-steps-header svg{flex-shrink:0}.time-between-steps-header h4{margin:0;font-size:16px;font-weight:600}.time-between-steps-body{display:flex;flex-direction:column}.time-step-item{padding:16px 20px;border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.time-step-item:last-child{border-bottom:none}.time-step-item:hover{background:var(--bg-primary)}.time-step-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.time-step-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--primary-purple);color:#fff;border-radius:12px;font-size:12px;font-weight:600}.time-step-names{font-size:14px;font-weight:600;color:var(--text-primary)}.time-step-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.time-metric{display:flex;flex-direction:column;gap:4px}.time-metric .metric-label{font-size:12px;color:var(--text-secondary)}.time-metric .metric-value{font-size:15px;font-weight:600;color:var(--text-primary)}.funnel-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;background:var(--bg-secondary);border-radius:var(--radius-md)}.funnel-empty-state svg{color:var(--text-secondary)}.funnel-empty-state h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.funnel-empty-state p{margin:0;font-size:14px;color:var(--text-secondary)}.empty-state-actions{display:flex;gap:12px;margin-top:8px}.funnel-selector-container{padding:20px;background:var(--bg-secondary);border-radius:var(--radius-md)}.funnel-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.funnel-selector-label{font-size:14px;font-weight:600;color:var(--text-primary)}.funnel-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border-color)}.btn-sm{padding:6px 12px;font-size:13px}.analysis-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;background:var(--bg-secondary);border-radius:var(--radius-md)}.analysis-loading .spinner{width:64px;height:64px;border:6px solid var(--border-color);border-top-color:var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite}.analysis-loading p{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.loading-subtext{font-size:13px!important;font-weight:400!important;color:var(--text-secondary)!important}.analysis-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;background:var(--bg-secondary);border-radius:var(--radius-md)}.analysis-error svg{color:var(--error-red)}.analysis-error h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.analysis-error p{margin:0;font-size:14px;color:var(--text-secondary);text-align:center;max-width:500px}.analysis-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;background:var(--bg-secondary);border-radius:var(--radius-md)}.analysis-empty svg{color:var(--text-secondary);opacity:.6}.analysis-empty h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.analysis-empty>p{margin:0;font-size:14px;color:var(--text-secondary);text-align:center;max-width:500px}.empty-suggestions{margin-top:24px;padding:20px;background:var(--bg-primary);border-radius:var(--radius-sm);border-left:3px solid var(--primary-purple);max-width:500px}.empty-suggestions strong{display:block;margin-bottom:12px;font-size:14px;font-weight:600;color:var(--text-primary)}.empty-suggestions ul{margin:0;padding-left:24px;list-style-type:disc}.empty-suggestions li{margin-bottom:8px;font-size:14px;color:var(--text-secondary);line-height:1.5}.empty-suggestions li:last-child{margin-bottom:0}@media (max-width: 1200px){.funnel-analysis-section{flex-direction:column;gap:24px}.funnel-container,.performance-container{width:100%;max-width:none}.optimizer-dialog,.ab-test-manager-container{padding:20px}}@media (max-width: 768px){.funnel-tabs{flex-direction:column;gap:8px}.funnel-tab{width:100%;justify-content:center}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header>div{width:100%}.btn{width:100%;justify-content:center}.page-title{font-size:24px}.section-title{font-size:18px}.funnel-stage{padding:12px}.stage-number{width:28px;height:28px;font-size:12px}.stage-label{font-size:12px}.stage-stats{flex-direction:column;gap:4px;font-size:11px}.param-sliders-grid{grid-template-columns:1fr}.ab-test-row-main{grid-template-columns:1fr;gap:12px}.optimizer-dialog,.ab-test-manager-container{max-width:95vw;padding:16px;margin:20px auto}.data-source-card>div{flex-direction:column;align-items:flex-start!important}}@media (max-width: 480px){.funnel-tabs-container,.funnel-tab-content{padding:12px}.stage-metric{font-size:18px}.metric-label-text{font-size:10px}.btn{padding:8px 12px;font-size:13px}.btn svg{width:14px;height:14px}.performance-item{padding:12px}.perf-metric{font-size:16px}.perf-label{font-size:11px}}@media (prefers-contrast: high){.funnel-stage,.performance-item,.data-source-card{border-width:2px}.btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.animate-slide,.animate-fade,.funnel-stage,.performance-item,.spinner,.optimizer-dialog{animation:none!important;transition:none!important}.funnel-stage:hover,.performance-item:hover{transform:none!important}}@media print{.funnel-tabs,.btn,.page-header button,.ab-tests-section{display:none}.funnel-analysis-section{page-break-inside:avoid}.funnel-stage{break-inside:avoid}}.funnel-steps-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding:4px}.funnel-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.funnel-list-item:hover{background:var(--bg-tertiary);border-color:var(--primary-purple);box-shadow:var(--shadow-sm)}.funnel-item-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.funnel-item-number{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--primary-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.funnel-item-details{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.funnel-item-name{font-size:14px;font-weight:600;color:var(--text-primary)}.funnel-item-meta{display:flex;flex-wrap:wrap;gap:6px}.meta-tag{font-size:11px;color:var(--text-secondary);background:var(--bg-primary);padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.funnel-item-actions{display:flex;gap:6px;flex-shrink:0}.btn-sm{padding:6px 8px;font-size:12px;min-width:unset}.funnel-steps-list::-webkit-scrollbar{width:6px}.funnel-steps-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.funnel-steps-list::-webkit-scrollbar-thumb{background:var(--primary-purple);border-radius:3px}.funnel-steps-list::-webkit-scrollbar-thumb:hover{background:var(--primary-purple-dark)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.modal-dialog{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:var(--spacing-lg);border-top:1px solid var(--border-light)}.parameters-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.parameter-item{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.parameter-item .form-input{margin-bottom:0}.parameter-item .btn-danger{background:var(--error-red);border-color:var(--error-red);color:#fff}.parameter-item .btn-danger:hover{background:#d32f2f;border-color:#d32f2f}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-purple: #8A2BE2;--primary-purple-dark: #7D25D5;--primary-purple-light: #9B3FE8;--primary-purple-pale: #E6D8FF;--primary-purple-ultra-light: #F5EFFF;--funnel-purple-1: #8A2BE2;--funnel-purple-2: #9B3FE8;--funnel-purple-3: #A854F0;--funnel-purple-4: #B56BF8;--funnel-purple-5: #C282FF;--success-green: #4CAF50;--warning-yellow: #FFC107;--error-red: #F44336;--info-blue: #2196F3;--text-primary: #2C3E50;--text-secondary: #7F8C8D;--text-light: #95A5A6;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F0F2F5;--bg-sidebar: #FFFFFF;--border-light: #E0E0E0;--border-medium: #D0D0D0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15);--shadow-purple: 0 4px 12px rgba(138, 43, 226, .2);--spacing-xs: 3.4px;--spacing-sm: 6.8px;--spacing-md: 13.6px;--spacing-lg: 20.4px;--spacing-xl: 27.2px;--spacing-xxl: 40.8px;--radius-xs: 1.7px;--radius-sm: 3.4px;--radius-md: 6.8px;--radius-lg: 10.2px;--radius-xl: 13.6px;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13.6px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.sidebar-logo-img{height:40px;width:auto;object-fit:contain}.game-selector-main-logo{height:72px;width:auto;object-fit:contain}.nav-section-divider{height:1px;background:var(--border-light);margin:var(--spacing-md) var(--spacing-lg)}.nav-section-title{padding:var(--spacing-sm) var(--spacing-lg);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);opacity:.7}.nav-item-admin{color:var(--primary-purple)}.nav-item-admin:hover{background:#8a2be21a}.nav-item-admin.active{background:linear-gradient(90deg,rgba(138,43,226,.2) 0%,transparent 100%)}.date-picker-wrapper{position:relative;display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:8px 12px;transition:all var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none}.date-picker-wrapper:hover{border-color:var(--primary-purple);background:var(--bg-secondary)}.date-picker-wrapper.active{border-color:var(--primary-purple);box-shadow:0 0 0 3px #8a2be21a}.date-picker-wrapper .calendar-icon{width:14px;height:14px;opacity:.6;flex-shrink:0;margin-right:8px}.date-display{color:var(--text-primary);font-size:11.05px;font-weight:500}.calendar-popup{position:absolute;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:16px;z-index:2000;min-width:280px;animation:calendarSlideIn .25s ease-out}@keyframes calendarSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--bg-tertiary)}.calendar-nav-btn{background:transparent;border:none;width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--text-secondary)}.calendar-nav-btn:hover{background:var(--primary-purple-pale);color:var(--primary-purple)}.calendar-month-year{font-size:12.75px;font-weight:600;color:var(--primary-purple)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.calendar-weekday{text-align:center;font-size:9.35px;font-weight:600;color:var(--text-secondary);padding:8px 0;text-transform:uppercase}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:11.05px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);font-weight:500;position:relative}.calendar-day:hover:not(.disabled):not(.other-month){background:var(--primary-purple-pale);color:var(--primary-purple);transform:scale(1.05)}.calendar-day.selected{background:var(--primary-purple);color:#fff;font-weight:600;box-shadow:0 2px 8px #8a2be24d}.calendar-day.today:not(.selected){border:2px solid var(--primary-purple);color:var(--primary-purple);font-weight:600}.calendar-day.other-month{color:var(--text-light);opacity:.4}.calendar-day.disabled{color:var(--text-light);cursor:not-allowed;opacity:.3}.calendar-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--bg-tertiary);display:flex;gap:8px;justify-content:flex-end}.calendar-btn{padding:6px 12px;font-size:10.2px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.calendar-btn-clear{background:var(--bg-secondary);color:var(--text-secondary)}.calendar-btn-clear:hover{background:var(--bg-tertiary)}.calendar-btn-today{background:var(--primary-purple);color:#fff}.calendar-btn-today:hover{background:var(--primary-purple-dark);box-shadow:var(--shadow-purple)}.dropdown-menu{position:absolute;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:300px;overflow-y:auto;overflow-x:hidden;margin-top:4px;animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:10px 12px;cursor:pointer;font-size:11.05px;color:var(--text-primary);transition:all var(--transition-fast);border-bottom:1px solid var(--bg-tertiary);white-space:nowrap;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:10px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-secondary);color:var(--primary-purple)}.dropdown-item.selected{background:var(--primary-purple-pale);color:var(--primary-purple);font-weight:600}.dropdown-item.selected:hover{background:var(--primary-purple-pale)}.dropdown-item .checkbox{width:18px;height:18px;border:2px solid var(--border-medium);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10.2px;font-weight:700;color:#fff;transition:all var(--transition-fast);background:#fff}.dropdown-item .checkbox.checked{background:var(--primary-purple);border-color:var(--primary-purple)}.dropdown-item:hover .checkbox{border-color:var(--primary-purple)}.dropdown-item .item-text{flex:1}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--primary-purple-light)}#tab-calculator .metric-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden;border:2px solid transparent}#tab-calculator .metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-purple) 0%,var(--primary-purple-light) 100%)}#tab-calculator .metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border:2px solid rgba(138,43,226,.3);background:linear-gradient(135deg,rgba(138,43,226,.02) 0%,transparent 100%)}#tab-calculator .metric-label{font-size:10.2px;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:500}#tab-calculator .metric-value{font-size:27.2px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}#tab-calculator .section-title{font-size:15.3px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}#tab-calculator .chart-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);min-height:400px;position:relative}#tab-calculator .chart-title{font-size:13.6px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.placeholder{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}#tab-calculator .accordion{background:var(--bg-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal);border:2px solid transparent}#tab-calculator .accordion:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-md)}#tab-calculator .accordion-header{padding:var(--spacing-lg);cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);transition:all var(--transition-fast)}#tab-calculator .accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal);padding:0 var(--spacing-lg)}.accordion.expanded .accordion-content{max-height:500px;padding:0 var(--spacing-lg) var(--spacing-lg)}.awaiting-analysis-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:425px;padding:51px 34px;text-align:center;animation:fadeInUp .6s ease-out}.awaiting-analysis-icon-wrapper{position:relative;width:119px;height:119px;margin-bottom:27.2px}.awaiting-analysis-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8a2be21a,#8a2be20d);border-radius:50%;animation:pulse-soft 3s ease-in-out infinite}.awaiting-analysis-icon-bg:before{content:"";position:absolute;top:-8.5px;right:-8.5px;bottom:-8.5px;left:-8.5px;background:linear-gradient(135deg,rgba(138,43,226,.05) 0%,transparent 100%);border-radius:50%;animation:pulse-soft 3s ease-in-out infinite reverse}.awaiting-analysis-icon{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:54.4px}.awaiting-analysis-icon svg{width:68px;height:68px;stroke:var(--primary-purple);animation:float 3s ease-in-out infinite}.awaiting-analysis-content{max-width:408px}.awaiting-analysis-title{font-size:23.8px;font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:13.6px}.awaiting-analysis-subtitle{font-size:13.6px;color:var(--text-secondary);margin-bottom:27.2px;line-height:1.6}.awaiting-analysis-cta{display:inline-flex;align-items:center;gap:10.2px;padding:13.6px 27.2px;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);color:#fff;font-size:13.6px;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 6.8px 20.4px #8a2be24d;transition:all var(--transition-normal);animation:glow 2s ease-in-out infinite}.awaiting-analysis-cta:hover{transform:translateY(-1.7px);box-shadow:0 10.2px 27.2px #8a2be266}.awaiting-analysis-cta svg{width:17px;height:17px}.awaiting-analysis-steps{margin-top:40.8px;display:flex;gap:20.4px;justify-content:center;flex-wrap:wrap}.awaiting-analysis-step{flex:1;min-width:119px;max-width:153px;padding:13.6px;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.awaiting-analysis-step:hover{border-color:var(--primary-purple);transform:translateY(-3.4px);box-shadow:var(--shadow-md)}.awaiting-analysis-step-number{width:27.2px;height:27.2px;margin:0 auto 10.2px;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11.9px}.awaiting-analysis-step-title{font-size:11.9px;font-weight:600;color:var(--text-primary);margin-bottom:3.4px}.awaiting-analysis-step-desc{font-size:10.2px;color:var(--text-secondary);line-height:1.4}@keyframes pulse-soft{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes glow{0%,to{box-shadow:0 8px 24px #8a2be24d}50%{box-shadow:0 8px 32px #8a2be280}}.data-table-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow:hidden}.table-wrapper{overflow-x:auto;overflow-y:auto}.retention-table table th:first-child,.retention-table table td:first-child{position:sticky;left:0;background:var(--bg-primary);z-index:10;box-shadow:2px 0 5px #0000000d;border-right:1px solid var(--border-light)}.retention-table table thead th:first-child{z-index:11;background:var(--bg-primary);font-weight:600}.retention-table table tbody tr:hover td:first-child{background:var(--bg-secondary)}.data-table{width:100%;border-collapse:collapse;font-size:11.05px}.data-table thead{position:sticky;top:0;z-index:10;background:var(--bg-secondary)}.data-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-light);background:var(--bg-secondary)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.data-table tbody tr{transition:all var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.cell-center{text-align:center}.cell-right{text-align:right}.cell-number{font-family:Courier New,monospace;font-weight:500}.progress-bar-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.progress-title{font-size:11.9px;font-weight:600;color:var(--text-primary)}.progress-value{font-size:11.9px;font-weight:700;color:var(--primary-purple)}#tab-calculator .progress-bar{width:100%;height:24px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative}#tab-calculator .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);border-radius:var(--radius-full);transition:width var(--transition-slow);display:flex;align-items:center;justify-content:flex-end;padding-right:12px}.progress-text{color:#fff;font-size:9.35px;font-weight:600}.donut-chart-container{display:flex;justify-content:center;align-items:center;min-height:300px;position:relative}.donut-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-center-value{font-size:27.2px;font-weight:700;color:var(--text-primary)}.donut-center-label{font-size:10.2px;color:var(--text-secondary);margin-top:4px}.country-predictions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.country-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:2px solid transparent;position:relative;overflow:hidden}.country-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-purple) 0%,var(--primary-purple-light) 100%)}.country-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-purple)}.country-card.predicted{border-left:4px solid var(--info-blue)}.country-card.actual{border-left:4px solid var(--success-green)}.country-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.country-name{font-size:15.3px;font-weight:700;color:var(--text-primary)}.country-flag{font-size:20.4px}.country-metrics{display:flex;flex-direction:column;gap:var(--spacing-sm)}.country-metric{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-light)}.country-metric:last-child{border-bottom:none}.country-metric-label{font-size:10.2px;color:var(--text-secondary)}.country-metric-value{font-size:11.9px;font-weight:600;color:var(--text-primary)}.prediction-badge{display:inline-block;padding:4px 8px;border-radius:var(--radius-sm);font-size:8.5px;font-weight:600;text-transform:uppercase}.prediction-badge.actual{background:var(--success-green);color:#fff}.prediction-badge.predicted{background:var(--info-blue);color:#fff}.version-selector-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.version-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.version-selector-title{font-size:13.6px;font-weight:600;color:var(--text-primary)}.version-dropdown{padding:8px 16px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:11.9px;cursor:pointer;transition:all var(--transition-fast)}.version-dropdown:hover{border-color:var(--primary-purple);background:var(--bg-secondary)}.suggestion-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal);border:2px solid transparent}.suggestion-card:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-md)}.suggestion-card.expanded{box-shadow:var(--shadow-lg)}.suggestion-header{padding:var(--spacing-lg);cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);transition:all var(--transition-fast)}.suggestion-header:hover{background:var(--primary-purple-pale)}.suggestion-main-info{flex:1}.suggestion-title-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.suggestion-number{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11.9px}.suggestion-title{font-size:13.6px;font-weight:600;color:var(--text-primary)}.suggestion-summary{font-size:11.05px;color:var(--text-secondary);margin-left:44px}.suggestion-impact{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-right:var(--spacing-md)}.impact-value{font-size:17px;font-weight:700;color:var(--success-green)}.impact-label{font-size:9.35px;color:var(--text-secondary);text-transform:uppercase}.expand-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast);color:var(--text-secondary)}.suggestion-card.expanded .expand-icon{transform:rotate(180deg)}.suggestion-body{max-height:0;overflow:hidden;transition:max-height var(--transition-slow);background:var(--bg-secondary)}.suggestion-card.expanded .suggestion-body{max-height:2000px}.suggestion-content{padding:var(--spacing-lg)}.suggestion-section{margin-bottom:var(--spacing-lg)}.suggestion-section:last-child{margin-bottom:0}.suggestion-section-title{font-size:11.9px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.suggestion-section-content{font-size:11.05px;color:var(--text-secondary);line-height:1.6}.suggestion-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-light);background:var(--bg-primary)}.btn-action{flex:1;padding:10px 16px;border-radius:var(--radius-md);font-size:11.05px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-move{background:var(--info-blue);color:#fff}.btn-move:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.btn-refresh{background:var(--warning-yellow);color:#fff}.btn-refresh:hover{background:#ffa000;transform:translateY(-1px);box-shadow:0 4px 12px #ffc1074d}.btn-delete{background:var(--error-red);color:#fff}.btn-delete:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 12px #f443364d}.version-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;border-radius:var(--radius-full);font-size:10.2px;font-weight:600}.version-status.pending{background:#ffc1071a;color:var(--warning-yellow)}.version-status.active{background:#4caf501a;color:var(--success-green)}.version-status.completed{background:#2196f31a;color:var(--info-blue)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:currentColor}.grid-2-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.grid-3-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.campaign-table-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.campaign-table{width:100%;border-collapse:collapse;font-size:11.05px}.campaign-table thead{background:var(--bg-secondary)}.campaign-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-light)}.campaign-table td{padding:12px 16px;border-bottom:1px solid var(--border-light)}.campaign-table tbody tr{cursor:pointer;transition:all var(--transition-fast)}.campaign-table tbody tr:hover{background:var(--primary-purple-pale)}.campaign-table tbody tr.selected{background:linear-gradient(90deg,#8a2be226,#8a2be20d);border-left:3px solid var(--primary-purple)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);font-size:11.9px}.loading:before{content:"";width:20px;height:20px;border:3px solid var(--border-light);border-top-color:var(--primary-purple);border-radius:var(--radius-full);animation:spin .8s linear infinite;margin-right:var(--spacing-sm)}.error-state{background:#f443361a;border-left:3px solid var(--error-red);border-radius:var(--radius-md);padding:var(--spacing-lg);color:var(--error-red);font-size:11.9px}.red-flag-item{background:var(--bg-primary);border-left:4px solid var(--error-red);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.red-flag-item:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.red-flag-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.red-flag-title{font-size:13.6px;font-weight:600;color:var(--text-primary)}.red-flag-severity{padding:4px 8px;border-radius:var(--radius-sm);font-size:9.35px;font-weight:600;text-transform:uppercase}.red-flag-severity.critical{background:var(--error-red);color:#fff}.red-flag-severity.high{background:var(--warning-yellow);color:#fff}.red-flag-severity.medium{background:var(--info-blue);color:#fff}.red-flag-description{font-size:11.05px;color:var(--text-secondary);line-height:1.6}@media (max-width: 1200px){.metrics-row,.grid-3-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.metrics-row,.grid-2-cols,.grid-3-cols{grid-template-columns:1fr}.sidebar{width:200px}.country-predictions-grid{grid-template-columns:1fr}}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:10.2px}.text-md{font-size:11.9px}.text-lg{font-size:13.6px}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border:2px solid rgba(138,43,226,.3);background:linear-gradient(135deg,rgba(138,43,226,.02) 0%,transparent 100%)}.metric-label{font-size:10.2px;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:500}.metric-value{font-size:27.2px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.metric-change{display:flex;align-items:center;gap:var(--spacing-xs);font-size:11.9px}.metric-change.positive{color:var(--success-green)}.metric-change.negative{color:var(--error-red)}.retention-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-title{font-size:15.3px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.section-title svg{flex-shrink:0}.section-actions{display:flex;gap:var(--spacing-sm)}.btn{padding:8px 16px;border-radius:var(--radius-md);font-size:11.05px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-primary{background:linear-gradient(135deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-purple)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-tertiary)}.retention-table{width:100%;overflow-x:auto;overflow-y:auto;max-height:600px;position:relative;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary)}.retention-table:after{content:"→ Scroll for more days";position:absolute;right:20px;top:15px;font-size:9.35px;color:var(--text-light);background:var(--bg-primary);padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-light);pointer-events:none;z-index:15}.retention-table::-webkit-scrollbar{height:8px}.retention-table::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.retention-table::-webkit-scrollbar-thumb{background:var(--primary-purple);border-radius:4px}.retention-table::-webkit-scrollbar-thumb:hover{background:var(--primary-purple-dark)}.retention-table table{width:100%;min-width:2400px;border-collapse:collapse}.retention-table th{background:var(--bg-secondary);padding:12px 8px;text-align:center;font-size:9.35px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border-light);position:sticky;top:0;z-index:10}.retention-table td{padding:10px 8px;text-align:center;font-size:11.05px;border:1px solid var(--border-light);transition:all var(--transition-fast);white-space:nowrap}.retention-table tbody tr:hover{background:#8a2be208}.date-cell{font-weight:600;color:var(--text-primary);background:var(--bg-secondary);position:sticky;left:0;z-index:5}.installs-cell{background:#8a2be20d!important;font-weight:700;color:var(--primary-purple)!important;font-size:11.9px}.installs-cell .sub-value{display:block;font-size:8.5px;color:var(--text-secondary);font-weight:400;margin-top:2px}.retention-cell{position:relative}.retention-high{background:#4caf501a;color:var(--success-green);font-weight:600}.retention-medium{background:#ffc1071a;color:var(--warning-yellow)}.retention-low{background:#f443361a;color:var(--error-red)}.sub-value{font-size:8.5px;color:var(--text-light);display:block;margin-top:2px}.no-data{color:var(--text-light);background:var(--bg-tertiary);font-style:italic;opacity:.5}.total-row{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);font-weight:700;position:sticky;bottom:0;z-index:5}.total-row td{color:var(--text-primary);border-top:2px solid var(--primary-purple);font-size:11.9px}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.chart-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);min-height:400px;position:relative}.chart-title{font-size:13.6px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.chart-title svg{flex-shrink:0}.chart-subtitle{font-size:10.2px;color:var(--text-secondary)}.chart-canvas{position:relative;width:100%!important;height:300px!important}.date-range-slider{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.slider-label{font-size:10.2px;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.slider-track{height:6px;background:var(--border-light);border-radius:var(--radius-full);position:relative;margin:var(--spacing-md) 0}.slider-fill{position:absolute;height:100%;background:linear-gradient(90deg,var(--primary-purple) 0%,var(--primary-purple-light) 100%);border-radius:var(--radius-full);width:40%;left:30%}.slider-handle{position:absolute;width:16px;height:16px;background:#fff;border:2px solid var(--primary-purple);border-radius:var(--radius-full);top:50%;transform:translate(-50%,-50%);cursor:grab;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);z-index:10}.slider-handle:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:var(--shadow-md);border-width:3px}.slider-handle:active{transform:translate(-50%,-50%) scale(1.1);background:var(--primary-purple-pale)}.slider-dates{display:flex;justify-content:space-between;font-size:9.35px;color:var(--text-secondary)}.info-box{background:linear-gradient(135deg,#8a2be20d,#8a2be205);border-left:3px solid var(--primary-purple);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.info-icon{display:inline-block;width:16px;height:16px;background:var(--primary-purple);color:#fff;border-radius:var(--radius-full);text-align:center;line-height:16px;font-size:8.5px;margin-right:var(--spacing-sm)}.info-text{font-size:11.05px;color:var(--text-secondary)}.content-area{flex:1;padding:var(--spacing-lg);overflow-y:auto;background:var(--bg-secondary)}.page-title{font-size:20.4px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.main-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.metrics-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.metric-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden;border:2px solid transparent}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-purple) 0%,var(--primary-purple-light) 100%)}.metric-label{font-size:10.2px;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:27.2px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-subtitle{font-size:11.05px;color:var(--text-secondary);line-height:1.4}.accordion{background:var(--bg-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal);border:2px solid transparent}.accordion:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-md)}.accordion-header{padding:var(--spacing-lg);cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);transition:all var(--transition-fast)}.accordion-header:hover{background:var(--primary-purple-pale)}.accordion-title{font-size:13.6px;font-weight:600;color:var(--text-primary)}.accordion-icon{width:20px;height:20px;transition:transform var(--transition-fast)}.accordion.expanded .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal);padding:0 var(--spacing-lg)}.accordion.expanded .accordion-content{max-height:500px;padding:0 var(--spacing-lg) var(--spacing-lg);overflow-y:auto}.skipped-flags-section .accordion.expanded .accordion-content{max-height:400px;overflow-y:auto}.skipped-flags-section .accordion-content::-webkit-scrollbar{width:6px}.skipped-flags-section .accordion-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.skipped-flags-section .accordion-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.skipped-flags-section .accordion-content::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.detailed-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.metric-group{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.metric-group-title{font-size:11.9px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-purple)}.metric-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light)}.metric-row:last-child{border-bottom:none}.metric-name{font-size:11.05px;color:var(--text-secondary)}.metric-detail-value{font-size:11.05px;font-weight:600;color:var(--text-primary)}.tabs-section{background:var(--bg-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal);border:2px solid transparent}.tabs-section:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-md)}.tabs-header{display:flex;border-bottom:2px solid var(--border-light);background:var(--bg-secondary)}.tab-button{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;color:var(--text-secondary);font-size:11.9px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);position:relative}.tab-button:hover{background:var(--bg-primary);color:var(--primary-purple)}.tab-button.active{color:var(--primary-purple);background:var(--bg-primary)}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary-purple)}.tab-content{padding:var(--spacing-lg);min-height:400px}.tab-pane{display:none}.tab-pane.active{display:block}.chart-container{width:100%;height:350px;position:relative;padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md)}.chart-title{font-size:11.9px;color:var(--text-secondary);margin-bottom:var(--spacing-md);text-align:center}.chart-canvas{width:100%;height:300px}.distribution-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:2px solid transparent}.distribution-section:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-md)}.section-header{font-size:15.3px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center}.no-data-icon{width:80px;height:80px;background:var(--bg-tertiary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.no-data-title{font-size:15.3px;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.no-data-text{font-size:11.9px;color:var(--text-secondary)}.chart-legend{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:10.2px;color:var(--text-secondary)}.section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001f;border:1px solid #E0E0E0;transition:all .2s ease}.section:hover{border-color:#8a2be24d}.section-title{font-size:17px;font-weight:600;margin-bottom:24px;color:#2c3e50}.metrics-grid,.metrics-grid-6{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.metric-card{background-color:#f8f9fa;padding:16px;border-radius:8px;border:1px solid #E0E0E0;transition:all .2s ease;cursor:pointer}.metric-card:hover{border:2px solid #8A2BE2;transform:translateY(-2px);box-shadow:0 4px 12px #8a2be226}.metric-card:hover .metric-label{color:#8a2be2}.metric-label{font-size:9.35px;color:#7f8c8d;margin-bottom:4px;transition:color .2s ease}.metric-value{font-size:20.4px;font-weight:700;color:#2c3e50;margin-bottom:4px}.metric-subtitle{font-size:8.5px;color:#95a5a6}.table-container{overflow-x:auto}.roas-badge{color:#fff;font-weight:600;border-radius:6px;padding:6px 12px;display:inline-block}.roas-high{background-color:#5e35b1}.roas-good{background-color:#7e57c2}.roas-medium{background-color:#9575cd}.roas-low{background-color:#b39ddb}.tab-navigation{display:flex;border-bottom:2px solid #E0E0E0;margin-bottom:24px;gap:4px}.tab-button{padding:12px 24px;border:none;background:transparent;border-bottom:3px solid transparent;color:#7f8c8d;font-size:11.9px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.tab-button:hover{background:#8a2be20d;color:#5e35b1}.tab-button.active{border-bottom-color:#8a2be2;color:#8a2be2;font-weight:600}.tab-content{display:block;min-height:400px}.chart-container{position:relative;height:400px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.chart-title{font-size:11.9px;font-weight:600;margin-bottom:24px;text-align:center;color:#2c3e50}.chart-legend{display:flex;justify-content:center;gap:32px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:16px;height:16px;border-radius:3px}.legend-text{font-size:11.05px;color:#2c3e50;font-weight:600}.country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.country-card{background:#fff;border:1px solid #E0E0E0;border-radius:12px;padding:16px;position:relative;transition:all .2s ease;cursor:pointer}.country-card:hover{border:2px solid #8A2BE2;transform:translateY(-4px);box-shadow:0 8px 16px #8a2be233}.country-badge{position:absolute;top:12px;right:12px;color:#fff;padding:4px 8px;border-radius:12px;font-size:8.5px;font-weight:600}.badge-actual{background-color:#5e35b1}.badge-predicted{background-color:#8a2be2}.country-header{display:flex;align-items:center;margin-bottom:12px}.country-code{width:40px;height:40px;background:#f0f2f5;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15.3px;font-weight:700;color:#8a2be2;margin-right:12px}.country-name{font-size:11.9px;font-weight:600;color:#2c3e50}.country-region{font-size:9.35px;color:#7f8c8d}.country-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.metric-item{background:#f8f9fa;padding:8px;border-radius:6px}.metric-item.highlight{background:#8a2be20d}.metric-item-label{font-size:8.5px;color:#7f8c8d;margin-bottom:2px}.metric-item-value{font-size:11.05px;font-weight:600;color:#2c3e50}.metric-item.highlight .metric-item-value{color:#8a2be2}.confidence-bar{margin-top:12px;padding-top:12px;border-top:1px solid #E0E0E0}.confidence-label{font-size:8.5px;color:#7f8c8d;margin-bottom:4px}.confidence-track{width:100%;height:6px;background:#f0f2f5;border-radius:3px;overflow:hidden}.confidence-fill{height:100%;background:#8a2be2;border-radius:3px;transition:width .8s ease-out}.confidence-value{font-size:9.35px;font-weight:600;color:#8a2be2;margin-top:4px;text-align:right}.btn{padding:10px 24px;border:none;border-radius:8px;font-size:11.9px;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary{background:#8a2be2;color:#fff}.btn-primary:hover{background:#7d25d5}.btn-secondary{background:#5e35b1;color:#fff}.btn-secondary:hover{background:#512da8}.prediction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.prediction-title{font-size:15.3px;font-weight:600;color:#2c3e50;margin-bottom:4px}.prediction-subtitle{font-size:11.05px;color:#7f8c8d}.prediction-controls{display:flex;align-items:center;gap:12px}.target-country-label{font-size:11.05px;color:#7f8c8d;margin-right:8px}.info-text{font-size:10.2px;color:#7f8c8d;margin-bottom:16px;padding:8px 12px;background:#f8f9fa;border-radius:6px;display:flex;align-items:center;gap:8px}.info-icon{color:#8a2be2;font-size:13.6px}.prediction-placeholder{text-align:center;padding:32px;background:#f8f9fa;border-radius:8px;border:2px dashed #E0E0E0}.placeholder-icon{font-size:40.8px;margin-bottom:12px;color:#8a2be2}.section-header{font-size:11.9px;font-weight:600;margin-bottom:8px;color:#2c3e50}.section-description{font-size:10.2px;color:#7f8c8d;margin-bottom:16px}.hidden{display:none!important}.actual-data-grid{display:flex;justify-content:flex-start;margin-bottom:24px}.actual-data-grid .country-card{width:220px}.nav-menu{flex:1;padding:var(--spacing-md) 0;overflow-y:auto;overflow-x:hidden;position:relative;z-index:200}.nav-item{display:flex;align-items:center;padding:14px 24px;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);position:relative;cursor:pointer;overflow:hidden}.dashboard-content{flex:1;padding:var(--spacing-lg) var(--spacing-xl);overflow-y:auto;transition:opacity var(--transition-normal)}.roas-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.roas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.roas-title{display:flex;align-items:center;gap:var(--spacing-md)}.roas-value{font-size:11.9px;font-weight:700;color:var(--error-red);transition:transform var(--transition-normal)}.roas-label{font-size:13.6px;color:var(--text-secondary);margin-left:var(--spacing-sm)}.roas-kpi-cards{display:flex;gap:var(--spacing-sm)}.roas-kpi-mini{background:var(--bg-secondary);border-radius:var(--radius-md);padding:10px 14px;min-width:120px;border-left:3px solid var(--primary-purple)}.roas-kpi-mini.retention{border-left-color:#2196f3}.roas-kpi-mini.engagement{border-left-color:#ffc107}.roas-kpi-mini.monetization{border-left-color:#4caf50}.roas-kpi-category{font-size:8.5px;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.roas-kpi-value{font-size:15.3px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.roas-kpi-subtitle{font-size:7.65px;color:var(--text-secondary);margin-top:2px}.progress-container{position:relative;margin-top:var(--spacing-xl)}.progress-bar{height:40px;background:var(--bg-secondary);border-radius:var(--radius-full);position:relative;overflow:visible}.progress-fill{height:100%;background:linear-gradient(90deg,#f44336,#ff9800,#ffc107);border-radius:var(--radius-full);width:68%;position:relative;transition:width 1.5s ease-out}.progress-dots{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 20px;pointer-events:none}.progress-dot{width:10px;height:10px;background:gold;border-radius:50%;opacity:.7;box-shadow:0 0 8px #ffd70080}.progress-markers{position:absolute;top:-10px;width:100%;height:60px;display:flex;align-items:center}.marker{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.marker-badge{padding:8px 16px;border-radius:var(--radius-full);font-weight:600;font-size:11.9px;color:#fff;margin-bottom:8px;box-shadow:var(--shadow-md);transition:transform var(--transition-normal)}.marker-badge.current{background:var(--error-red)}.marker-badge.after-fixes{background:var(--warning-yellow);color:var(--text-primary)}.marker-badge.goal{background:var(--success-green)}.marker-line{width:2px;height:20px;background:var(--text-light);margin:4px auto;opacity:.5}.progress-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-md);padding:0 var(--spacing-md)}.progress-label{font-size:11.9px;color:var(--text-secondary)}.roas-section.roas-unavailable{opacity:.7}.roas-section.roas-unavailable .roas-section-title:after{content:" (N/A)";font-size:12px;color:var(--text-secondary);font-weight:400}.progress-container.roas-progress-unavailable{opacity:.5}.progress-container.roas-progress-unavailable .progress-bar{border:2px dashed var(--border-light);background:#ffffff08}.progress-container.roas-progress-unavailable .progress-fill-ghost{opacity:.2}.roas-unavailable-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:10}.roas-unavailable-label{font-size:24px;font-weight:600;color:var(--text-secondary);opacity:.7}.roas-unavailable-subtitle{font-size:12px;color:var(--text-secondary);opacity:.6;margin-top:4px}.chart-card.chart-card-unavailable{opacity:.7;border-style:dashed}.chart-card.chart-card-unavailable .chart-title:after{content:" (N/A)";font-size:11px;color:var(--text-secondary);font-weight:400}.chart-card.chart-card-unavailable .donut-loading{background:#ffffff08;border-radius:var(--radius-md)}.view-toggle-btn.toggle-btn-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.view-toggle-btn.toggle-btn-disabled:hover{background:transparent;color:var(--text-secondary)}.performance-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.performance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.performance-header .section-title{margin-bottom:0}.performance-view-toggle{display:flex;gap:4px;background:var(--bg-secondary);padding:4px;border-radius:var(--radius-md)}.view-toggle-btn{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{color:var(--text-primary);background:#7c3aed1a}.view-toggle-btn.active{background:var(--primary-purple);color:#fff;box-shadow:0 2px 4px #7c3aed4d}.section-title{font-size:15.3px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.metric-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);position:relative}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-purple)}.metric-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.metric-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:17px;transition:transform var(--transition-normal)}.metric-icon.retention{background:#2196f31a;color:#2196f3}.metric-icon.session{background:#ffc1071a;color:#ffc107}.metric-icon.arpu{background:#ff57221a;color:#ff5722}.metric-icon.conversion{background:#8a2be21a;color:var(--primary-purple)}.metric-name{font-size:11.9px;color:var(--text-secondary);font-weight:500}.metric-main{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.metric-value{font-size:23.8px;font-weight:700;color:var(--text-primary);transition:all var(--transition-normal)}.metric-change{font-size:11.9px;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm)}.metric-change.positive{color:var(--success-green);background:#4caf501a}.metric-change.negative{color:var(--error-red);background:#f443361a}.metric-benchmark{font-size:10.2px;color:var(--text-light)}.chart-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.chart-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);max-width:50%}.chart-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.chart-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-purple)}.chart-header{margin-bottom:var(--spacing-lg)}.chart-title{font-size:13.6px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.chart-subtitle{font-size:11.05px;color:var(--text-secondary)}.donut-container{position:relative;width:280px;height:280px;margin:0 auto}.donut-chart{width:100%;height:100%;transform:rotate(-90deg)}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:130px;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.donut-value{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.2}.donut-label{font-size:11px;color:var(--text-secondary);line-height:1.3;word-wrap:break-word;white-space:normal;max-height:2.6em}.legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg);justify-content:center}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:11.05px;color:var(--text-secondary)}.legend-color{width:12px;height:12px;border-radius:2px}.insights-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.insight-card{background:var(--bg-secondary);border-left:3px solid var(--primary-purple);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.insight-card:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.insight-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.insight-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);color:#fff;font-weight:700;font-size:11.9px}.insight-title{font-size:11.9px;font-weight:600;color:var(--text-primary)}.insight-description{font-size:11.05px;color:var(--text-secondary);line-height:1.5}.insight-metrics{display:flex;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-sm)}.insight-metric{font-size:10.2px;color:var(--text-light)}.insight-value{font-weight:600;color:var(--primary-purple)}.insights-list{display:flex;flex-direction:column;gap:12px;max-height:380px;overflow-y:auto;padding-right:8px}.insights-list::-webkit-scrollbar{width:6px}.insights-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.insights-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.insights-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.insight-card-new{background:var(--bg-secondary);border-radius:var(--radius-md);padding:14px 16px;border-left:3px solid var(--primary-purple);transition:all var(--transition-fast)}.insight-card-new:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.insight-header-new{display:flex;align-items:center;gap:10px;margin-bottom:10px}.insight-rank{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;background:linear-gradient(135deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);color:#fff;font-weight:700;font-size:11px;border-radius:4px;padding:0 6px}.insight-metric-name{font-size:13px;font-weight:600;color:var(--text-primary);flex:1}.insight-progress-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:10px}.insight-progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.insight-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.insight-gap-text{font-size:11px;font-weight:600;white-space:nowrap;min-width:85px;text-align:right}.insight-values{display:flex;align-items:center;gap:8px}.insight-value-item{display:flex;flex-direction:column;gap:2px}.insight-value-label{font-size:10px;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.insight-value-number{font-size:14px;font-weight:700;color:var(--text-primary)}.insight-arrow{font-size:16px;color:var(--text-secondary);margin:0 8px;padding-top:12px}.insight-color-indicator{width:10px;height:10px;border-radius:50%;margin-left:auto;margin-top:12px}.insights-loading{display:flex;align-items:center;justify-content:center;min-height:200px}#metric-weight-chart-card{height:520px;display:flex;flex-direction:column}#metric-weight-chart-card .donut-container{flex:1;overflow:hidden}.dashboard-columns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important;background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.dashboard-columns .red-flags-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000014;height:600px;overflow:hidden;margin-top:0!important;display:flex;flex-direction:column}.dashboard-columns .red-flags-section #red-flags-container{flex:1;overflow-y:auto}.dashboard-columns .ai-suggestions-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000014;height:600px;overflow:hidden;display:flex;flex-direction:column}.dashboard-columns .ai-suggestions-section #ai-suggestions-container{flex:1;overflow-y:auto}.red-flag-category{border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden;transition:all var(--transition-fast)}.red-flag-category:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-sm)}.category-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast)}.category-header:hover{background:var(--primary-purple-pale)}.category-info{display:flex;align-items:center;gap:var(--spacing-md)}.category-name{font-size:11.9px;font-weight:600;color:var(--text-primary)}.category-count{background:var(--error-red);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:10.2px;font-weight:600}.category-count.severity-critical{background:#dc2626}.category-count.severity-high{background:#ea580c}.category-count.severity-medium{background:#f59e0b}.category-count.severity-low{background:#16a34a}.kpi-impact-value.severity-critical{color:#dc2626}.kpi-impact-value.severity-high{color:#ea580c}.kpi-impact-value.severity-medium{color:#f59e0b}.kpi-impact-value.severity-low{color:#16a34a}.expand-icon{width:16px;height:16px;transition:transform var(--transition-fast)}.category-header.expanded .expand-icon{transform:rotate(180deg)}.category-content{padding:var(--spacing-md);background:#fff;display:none}.category-content.show{display:block}.kpi-impact-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.kpi-impact-item{background:var(--bg-secondary);padding:6px 12px;border-radius:var(--radius-md);font-size:10.2px;display:flex;align-items:center;gap:var(--spacing-xs)}.kpi-impact-value{font-weight:600;color:var(--primary-purple)}.kpi-impact-name{color:var(--text-secondary)}.red-flags-list{display:flex;flex-direction:column;gap:8px}.red-flag-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fafafa;border-radius:8px;border-left:3px solid #94a3b8;transition:all .15s ease}.red-flag-item:hover{background:#f1f5f9;transform:translate(2px)}.red-flag-item.severity-critical{border-left-color:#dc2626;background:#fef2f2}.red-flag-item.severity-critical:hover{background:#fee2e2}.red-flag-item.severity-high{border-left-color:#ea580c;background:#fff7ed}.red-flag-item.severity-high:hover{background:#ffedd5}.red-flag-item.severity-medium{border-left-color:#f59e0b;background:#fffbeb}.red-flag-item.severity-medium:hover{background:#fef3c7}.red-flag-item.severity-low{border-left-color:#16a34a;background:#f0fdf4}.red-flag-item.severity-low:hover{background:#dcfce7}.red-flag-metric{display:flex;flex-direction:column;gap:2px}.red-flag-metric .metric-name{font-size:12px;font-weight:600;color:var(--text-primary)}.red-flag-metric .metric-scope{font-size:10px;color:var(--text-secondary);background:#0000000d;padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content}.red-flag-values{display:flex;align-items:center;gap:6px;font-size:12px}.red-flag-values .current-value{font-weight:700;color:#dc2626;background:#dc26261a;padding:3px 8px;border-radius:4px}.red-flag-values .value-separator{color:var(--text-secondary);font-size:10px}.red-flag-values .threshold-value{font-weight:600;color:#16a34a;background:#16a34a1a;padding:3px 8px;border-radius:4px}.red-flag-more{text-align:center;padding:8px;font-size:11px;color:var(--text-secondary);font-weight:500;background:#f1f5f9;border-radius:6px;cursor:pointer}.red-flag-more:hover{background:#e2e8f0;color:var(--text-primary)}.suggestion-item{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all var(--transition-fast);cursor:pointer;max-height:80px;overflow:hidden}.suggestion-item:hover{background:var(--bg-secondary);transform:translate(4px)}.suggestion-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.suggestion-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.suggestion-checkbox{width:20px;height:20px;border:2px solid var(--border-medium);border-radius:var(--radius-sm);margin-top:2px;cursor:pointer;transition:all var(--transition-fast);position:relative}.suggestion-text{flex:1}.suggestion-title{font-size:11.9px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.suggestion-impact{font-size:10.2px;font-weight:600;color:var(--success-green);background:#4caf501a;padding:4px 8px;border-radius:var(--radius-sm)}.dashboard-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;background:var(--bg-sidebar);border-right:1px solid var(--border-light);display:flex;flex-direction:column;box-shadow:2px 0 5px #0000000d;position:relative;z-index:100;overflow:hidden}.sidebar-header{height:56px;padding:0 var(--spacing-lg);border-bottom:2px solid var(--primary-purple);display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-primary)}.logo-container{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13.6px;box-shadow:var(--shadow-purple)}.logo-text{font-size:17px;font-weight:700;background:linear-gradient(135deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{flex:1;padding:var(--spacing-md) 0;overflow-y:auto;overflow-x:hidden}.nav-item{display:flex;align-items:center;padding:14px 24px;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);position:relative;cursor:pointer}.nav-item:hover{background:var(--bg-secondary);color:var(--primary-purple)}.nav-item.active{background:linear-gradient(90deg,rgba(138,43,226,.1) 0%,transparent 100%);color:var(--primary-purple)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-purple)}.nav-icon{width:24px;height:24px;margin-right:var(--spacing-md);display:flex;align-items:center;justify-content:center}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-header{background:var(--bg-primary);padding:0 var(--spacing-lg);border-bottom:2px solid var(--primary-purple);display:flex;align-items:center;gap:var(--spacing-sm);min-height:56px;white-space:nowrap}.filters-container{display:flex;align-items:center;gap:10px;flex:1;padding:8px 0}.filters-label{font-size:10.2px;font-weight:600;color:var(--text-secondary);margin-right:8px;flex-shrink:0}.filter-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.filter-label{font-size:9.35px;color:var(--text-light);white-space:nowrap}.date-input{display:flex;align-items:center;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:10.2px;gap:6px;cursor:pointer;transition:all var(--transition-fast);min-width:95px;height:32px}.date-input:hover{border-color:var(--primary-purple);background:var(--bg-secondary)}.calendar-icon{width:12px;height:12px;opacity:.5;flex-shrink:0}.dropdown-filter{position:relative;display:flex;align-items:center;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:10.2px;gap:6px;cursor:pointer;transition:all var(--transition-fast);min-width:85px;height:32px;flex-shrink:0}.dropdown-filter:hover{border-color:var(--primary-purple);background:var(--bg-secondary)}.dropdown-filter.active{border-color:var(--primary-purple);background:var(--primary-purple-pale);color:var(--primary-purple)}.dropdown-filter .chevron{margin-left:auto;width:10px;height:10px;opacity:.5;transition:transform var(--transition-fast)}.badge-count{background:var(--primary-purple);color:#fff;padding:2px 6px;border-radius:var(--radius-full);font-size:8.5px;font-weight:600;margin-left:4px}.dashboard-content{flex:1;padding:var(--spacing-lg) var(--spacing-xl);overflow-y:auto}.btn{padding:6px 12px;border-radius:var(--radius-md);font-size:10.2px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn svg{width:14px;height:14px}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary-purple);color:var(--primary-purple)}.btn-outline{background:var(--bg-primary);color:var(--primary-purple);border:1px solid var(--primary-purple)}.btn-outline:hover{background:var(--primary-purple);color:#fff}.btn-success{background:var(--success-green);color:#fff;border:1px solid var(--success-green)}.btn-success:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.btn-danger{background:var(--bg-primary);color:var(--error-red);border:1px solid var(--error-red)}.btn-danger:hover{background:var(--error-red);color:#fff;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);color:#fff;border:1px solid var(--primary-purple)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-purple)}.info-banner-icon{width:20px;height:20px;color:var(--primary-purple);flex-shrink:0;margin-top:2px}.section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.section-icon{width:24px;height:24px;color:var(--primary-purple)}.version-dropdown{width:100%;padding:10px 16px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:11.9px;color:var(--text-primary);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast)}.version-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;background:#8a2be21a;color:var(--primary-purple);border:1px solid rgba(138,43,226,.3);border-radius:var(--radius-full);font-size:10.2px;font-weight:600;margin-left:var(--spacing-md)}.badge-count-large{background:var(--primary-purple);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:11.05px;font-weight:600}.action-btn{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.info-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 10px;background:var(--bg-secondary);border-radius:var(--radius-full);font-size:9.35px;font-weight:600;color:var(--text-secondary)}.current-version-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px;background:#8a2be21a;color:var(--primary-purple);border:1px solid rgba(138,43,226,.3);border-radius:var(--radius-sm);font-size:9.35px;font-weight:600;margin-left:var(--spacing-sm)}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light);background:var(--bg-secondary)}.user-profile{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.user-profile:hover{background:var(--bg-primary)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.user-info{flex:1}.user-name{font-size:11.9px;font-weight:600;color:var(--text-primary)}.user-role{font-size:10.2px;color:var(--text-secondary)}.performance-table-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);overflow-x:auto;border:1px solid var(--border-light)}.status-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:9.35px;font-weight:600}.health-dot{width:8px;height:8px;border-radius:50%}.game-selector-main-wrapper{max-width:810px;margin:0 auto;padding:var(--spacing-xxl) var(--spacing-xl);animation:fadeInUp .6s ease-out}.game-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:0;position:relative;z-index:10}.game-selector-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.game-selector-main-avatar{width:43.2px;height:43.2px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18.7px;font-weight:700;box-shadow:0 7.2px 21.6px #8a2be240;transition:transform var(--transition-normal)}.game-selector-header-title h1{font-size:27.2px;font-weight:800;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.45px}.game-selector-profile-section{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border-radius:9999px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-normal);position:relative}.game-selector-profile-section:hover{box-shadow:var(--shadow-md);transform:translateY(-1.8px)}.game-selector-profile-info{text-align:right}.game-selector-profile-name{font-size:11.9px;font-weight:600;color:var(--text-primary)}.game-selector-profile-role{font-size:10.2px;color:var(--text-secondary)}.game-selector-profile-avatar{width:36px;height:36px;border-radius:9999px;background:linear-gradient(135deg,var(--primary-purple-light) 0%,var(--primary-purple) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.game-selector-main-card{background:var(--bg-primary);border-radius:21.6px;padding:var(--spacing-xl) var(--spacing-xxl);box-shadow:0 7.2px 21.6px #0000001f;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden;margin:0 auto;max-width:100%}.game-selector-main-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--primary-purple-pale) 0%,transparent 70%);opacity:.1;pointer-events:none}.game-selector-welcome-section{text-align:center;margin-bottom:var(--spacing-lg);position:relative;z-index:1}.game-selector-welcome-section h2{font-size:23.8px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.game-selector-welcome-section p{font-size:13.6px;color:var(--text-secondary);max-width:540px;margin:0 auto}.game-selector-fancy-divider{height:1.8px;background:linear-gradient(90deg,transparent 0%,var(--primary-purple-pale) 20%,var(--primary-purple) 50%,var(--primary-purple-pale) 80%,transparent 100%);margin:var(--spacing-lg) 0;position:relative}.game-selector-fancy-divider:after{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg-primary);color:var(--primary-purple);padding:0 var(--spacing-md);font-size:10.2px}.game-selector-games-container{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);position:relative;z-index:1}.game-selector-game-card{background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(138,43,226,.02) 100%);border:1.8px solid var(--border-light);border-radius:18px;padding:var(--spacing-lg);transition:all var(--transition-normal);position:relative;overflow:hidden;cursor:pointer}.game-selector-game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3.6px;background:linear-gradient(90deg,var(--primary-purple) 0%,var(--primary-purple-light) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.game-selector-game-card:hover{border-color:var(--primary-purple);background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(138,43,226,.05) 100%);box-shadow:0 10.8px 28.8px #8a2be226;transform:translateY(-3.6px)}.game-selector-game-card:hover:before{transform:scaleX(1)}.game-selector-game-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.game-selector-game-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.game-selector-game-icon-wrapper{width:39.6px;height:39.6px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 3.6px 10.8px #667eea4d;transition:all var(--transition-normal);flex-shrink:0}.game-selector-game-card:hover .game-selector-game-icon-wrapper{transform:scale(1.05);box-shadow:0 5.4px 18px #667eea66}.game-selector-game-info{flex:1;min-width:0}.game-selector-game-title-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);flex-wrap:wrap}.game-selector-game-name{font-size:13.6px;font-weight:700;color:var(--text-primary);letter-spacing:-.27px}.game-selector-badge-group{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.game-selector-status-badge{display:inline-flex;align-items:center;gap:3.6px;padding:4.5px 9px;border-radius:9999px;font-size:9.35px;font-weight:600;text-transform:uppercase;letter-spacing:.45px;transition:all var(--transition-fast)}.game-selector-status-badge.active{background:#4caf501a;color:var(--success-green);border:1px solid var(--success-green)}.game-selector-status-badge.active:hover{background:var(--success-green);color:#fff;transform:scale(1.05)}.game-selector-status-badge.platform{background:linear-gradient(135deg,#8a2be21a,#8a2be20d);color:var(--primary-purple);border:1px solid var(--primary-purple)}.game-selector-status-badge.platform:hover{background:var(--primary-purple);color:#fff;transform:scale(1.05)}.game-selector-status-badge.pending{background:#ff98001a;color:#f57c00;border:1px solid #f57c00}.game-selector-status-badge.pending:hover{background:#f57c00;color:#fff;transform:scale(1.05)}.game-selector-status-badge.in-progress{background:#2196f31a;color:#1976d2;border:1px solid #1976d2;animation:pulse-badge 2s ease-in-out infinite}.game-selector-status-badge.in-progress:hover{background:#1976d2;color:#fff;transform:scale(1.05)}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.game-selector-status-badge svg{width:10.8px;height:10.8px}.game-selector-game-meta-info{display:grid;gap:3.6px}.game-selector-game-meta{font-size:11.05px;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-sm)}.game-selector-game-meta strong{color:var(--text-primary);font-weight:500}.game-selector-game-meta .meta-icon{width:12.6px;height:12.6px;opacity:.5;flex-shrink:0}.game-selector-game-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.game-selector-btn-delete{width:34.2px;height:34.2px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#f443361a;color:var(--error-red);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.game-selector-btn-delete:hover{background:var(--error-red);color:#fff;transform:scale(1.05);box-shadow:0 3.6px 10.8px #f443364d}.game-selector-action-section{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap;position:relative;z-index:1}#user-actions,#admin-actions{display:none;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;width:100%}#user-actions.visible,#admin-actions.visible{display:flex!important}#user-actions{justify-content:center}#admin-actions.visible{flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:12px!important;max-width:750px;margin:0 auto}#admin-actions>button:not(.game-selector-btn-mock){flex:0 0 auto}#admin-actions .game-selector-btn-mock{flex:0 0 100%!important;display:flex!important;justify-content:center!important;margin-top:4px;order:10}#admin-actions .game-selector-btn-mock.game-selector-btn-large{width:auto;margin:0 auto}@media (max-width: 640px){#admin-actions{gap:10px!important}#admin-actions>button:not(.game-selector-btn-mock){flex:1 1 45%;min-width:140px}}.game-selector-btn-large{padding:12.6px 25.2px;font-size:12.75px;border-radius:var(--radius-lg);font-weight:600;letter-spacing:-.27px}.game-selector-btn-success{background:linear-gradient(135deg,#00c853,#4caf50);color:#fff;box-shadow:0 5.4px 18px #4caf5059;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast);position:relative;overflow:hidden}.game-selector-btn-success:hover{background:linear-gradient(135deg,#00e676,#66bb6a);transform:translateY(-2.7px);box-shadow:0 7.2px 22.5px #4caf5073}.game-selector-btn-outlined{background:var(--bg-primary);color:var(--primary-purple);border:1.8px solid var(--primary-purple);box-shadow:0 3.6px 10.8px #8a2be21a;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast);position:relative;overflow:hidden}.game-selector-btn-outlined:hover{background:var(--primary-purple);color:#fff;transform:translateY(-1.8px);box-shadow:0 7.2px 21.6px #8a2be240}.game-selector-btn-mock{background:var(--bg-primary);color:#f59e0b;border:1.8px solid #f59e0b;box-shadow:0 3.6px 10.8px #f59e0b1a;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast)}.game-selector-btn-mock:hover{background:#f59e0b;color:#fff;transform:translateY(-1.8px);box-shadow:0 7.2px 21.6px #f59e0b40}.game-selector-empty-state{text-align:center;padding:57.6px var(--spacing-xl);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-radius:18px;border:1.8px dashed var(--border-medium)}.game-selector-empty-state-icon{width:72px;height:72px;margin:0 auto var(--spacing-lg);background:var(--primary-purple-pale);border-radius:9999px;display:flex;align-items:center;justify-content:center;color:var(--primary-purple)}.game-selector-empty-state h3{font-size:20.4px;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.game-selector-empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.game-selector-fade-in{animation:fadeInUp .5s ease-out forwards;opacity:0}.game-selector-delay-1{animation-delay:.1s}.game-selector-delay-2{animation-delay:.2s}.game-selector-delay-3{animation-delay:.3s}.game-selector-delay-4{animation-delay:.4s}.game-selector-delay-5{animation-delay:.5s}@media (max-width: 768px){.game-selector-main-wrapper{padding:var(--spacing-md)}.game-selector-header{flex-direction:column;gap:var(--spacing-lg);text-align:center}.game-selector-game-content{flex-direction:column;align-items:flex-start}.game-selector-game-actions{width:100%;justify-content:space-between}.game-selector-action-section{flex-direction:column}.game-selector-btn-large{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(27px)}to{opacity:1;transform:translateY(0)}}.game-selector-games-container{min-height:90px}.game-selector-game-card{animation:fadeInUp .5s ease-out forwards!important}.game-selector-status-badge.mock-available{background:linear-gradient(135deg,#6366f11f,#8b5cf61f);color:#6366f1;border:1px solid rgba(99,102,241,.2)}.game-selector-status-badge.mock-available:hover{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#6366f159}.game-selector-mock-data-section{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;background:linear-gradient(135deg,#6366f10f,#8b5cf60f);border:1px solid rgba(99,102,241,.15);border-radius:8px}.game-selector-mock-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.game-selector-mock-toggle input{position:absolute;opacity:0;width:0;height:0}.mock-toggle-slider{width:36px;height:20px;background:#cbd5e1;border-radius:20px;position:relative;transition:all .2s ease}.mock-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:all .2s ease;box-shadow:0 1px 3px #0003}.game-selector-mock-toggle input:checked+.mock-toggle-slider{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.game-selector-mock-toggle input:checked+.mock-toggle-slider:before{transform:translate(16px)}.mock-toggle-label{font-size:13px;font-weight:500;color:#475569}.game-selector-mock-toggle input:checked~.mock-toggle-label{color:#6366f1}.game-selector-mock-dropdown{padding:6px 10px;font-size:12px;border:1px solid rgba(99,102,241,.25);border-radius:6px;background:#fff;color:#334155;cursor:pointer;min-width:120px;transition:all .2s ease}.game-selector-mock-dropdown:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.game-selector-mock-dropdown:not(:disabled):hover{border-color:#6366f180}.game-selector-mock-dropdown:not(:disabled):focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.controls-panel{background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);align-items:end}.control-group{position:relative;display:flex;flex-direction:column;gap:var(--spacing-xs)}.control-label{font-size:10.2px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.control-select{position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:11.05px;cursor:pointer;transition:all var(--transition-fast);min-height:42px;gap:8px}.control-select:hover{border-color:var(--primary-purple);background:var(--bg-secondary)}.control-select.active{border-color:var(--primary-purple);box-shadow:0 0 0 3px #8a2be21a}.control-select .selected-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-select .chevron-icon{width:12px;height:12px;opacity:.6;transition:transform var(--transition-fast);flex-shrink:0}.control-select.active .chevron-icon{transform:rotate(180deg)}.control-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:300px;overflow-y:auto;z-index:1000;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.control-dropdown-item{padding:10px 12px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:8px;font-size:11.05px}.control-dropdown-item:hover{background:var(--bg-secondary);color:var(--primary-purple)}.control-dropdown-item.selected{background:var(--primary-purple-pale);color:var(--primary-purple);font-weight:600}.control-dropdown-item.selected:before{content:"✓";font-weight:700}.heatmap-legend{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.legend-label{font-size:10.2px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.legend-color{width:20px;height:20px;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.legend-text{font-size:11.05px;color:var(--text-secondary)}.cohort-table-container{width:100%;overflow-x:auto;overflow-y:auto;max-height:600px}.page-header{margin-bottom:var(--spacing-xl)}.page-title-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.page-title{font-size:23.8px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;margin:0}.page-subtitle{font-size:11.9px;color:var(--text-secondary);margin:0}@media (max-width: 768px){.controls-panel{grid-template-columns:1fr}.heatmap-legend{flex-wrap:wrap}}.loading-overlay{position:fixed;top:56px;left:240px;right:0;bottom:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;gap:var(--spacing-md)}.spinner{width:50px;height:50px;border:4px solid var(--bg-secondary);border-top:4px solid var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite}.loading-overlay p{font-size:13.6px;color:var(--text-secondary);margin:0}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.empty-state svg{margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{font-size:15.3px;font-weight:600;color:var(--text-primary);margin:var(--spacing-md) 0}.empty-state p{font-size:11.9px;color:var(--text-secondary);margin:0}.algorithmic-improvement-content{padding:var(--spacing-lg)}#tab-algorithmic .analysis-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--primary-purple-pale)}#tab-algorithmic .header-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary-purple-dark),var(--primary-purple));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-purple);position:relative;overflow:hidden}#tab-algorithmic .header-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}#tab-algorithmic .header-icon svg{width:36px;height:36px;position:relative;z-index:1}#tab-algorithmic .header-content h1{font-size:27.2px;font-weight:700;margin-bottom:6px;background:linear-gradient(135deg,var(--primary-purple-dark),var(--primary-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#tab-algorithmic .header-content p{font-size:12.75px;color:var(--text-secondary);font-weight:500}#tab-algorithmic .method-selector-container{background:linear-gradient(135deg,#8a2be20d,#8a2be205);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-md);border:1px solid var(--primary-purple-pale);box-shadow:var(--shadow-sm)}#tab-algorithmic .method-selector{position:relative;min-width:220px}#tab-algorithmic .method-selector select{width:100%;padding:12px 40px 12px 16px;border:2px solid var(--border-light);border-radius:var(--radius-md);background:#fff;font-size:11.9px;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all var(--transition-fast);color:var(--text-primary)}#tab-algorithmic .method-selector select:hover,#tab-algorithmic .method-selector select:focus{border-color:var(--primary-purple);outline:none;box-shadow:0 0 0 3px #8a2be21a}#tab-algorithmic .method-selector:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--primary-purple);pointer-events:none}#tab-algorithmic .method-badge{background:var(--primary-purple);color:#fff;padding:8px 16px;border-radius:var(--radius-full);font-size:11.05px;font-weight:700;margin-left:auto;box-shadow:var(--shadow-purple)}#tab-algorithmic .info-icon{width:32px;height:32px;background:var(--info-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:help;font-size:11.9px;font-weight:700;box-shadow:0 2px 8px #2196f34d;transition:all var(--transition-fast)}#tab-algorithmic .info-icon:hover{transform:scale(1.1);box-shadow:0 4px 12px #2196f366}#tab-algorithmic .summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}#tab-algorithmic .stat-card{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center;transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}#tab-algorithmic .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-purple-dark),var(--primary-purple));transform:scaleX(0);transition:transform var(--transition-normal)}#tab-algorithmic .stat-card:hover:before{transform:scaleX(1)}#tab-algorithmic .stat-card:hover{border-color:var(--primary-purple);transform:translateY(-4px);box-shadow:var(--shadow-lg)}#tab-algorithmic .stat-card.stat-primary{background:linear-gradient(135deg,var(--primary-purple-dark),var(--primary-purple));color:#fff;border:none;box-shadow:var(--shadow-purple)}#tab-algorithmic .stat-card.stat-primary:hover{transform:translateY(-4px) scale(1.02)}#tab-algorithmic .stat-card label{font-size:9.35px;font-weight:600;margin-bottom:6px;opacity:.9;text-transform:uppercase;letter-spacing:.5px;display:block}#tab-algorithmic .stat-card.stat-primary label{color:#ffffffe6}#tab-algorithmic .stat-card .stat-value{font-size:23.8px;font-weight:800;margin-bottom:6px;letter-spacing:-1px}#tab-algorithmic .stat-card .stat-value.small{font-size:13.6px}#tab-algorithmic .stat-card .stat-sublabel{font-size:8.5px;color:var(--text-secondary);margin-top:2px;font-weight:600}#tab-algorithmic .stat-card .badge{display:inline-block;background:var(--success-green);color:#fff;padding:6px 12px;border-radius:var(--radius-md);font-size:10.2px;font-weight:700;box-shadow:0 2px 6px #4caf504d}#tab-algorithmic .stat-card .badge-success{background:var(--success-green)}#tab-algorithmic .charts-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}#tab-algorithmic .chart-card{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-normal);box-shadow:var(--shadow-md)}#tab-algorithmic .chart-card:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-xl);transform:translateY(-2px)}#tab-algorithmic .chart-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--bg-secondary)}#tab-algorithmic .chart-header h3{font-size:17px;font-weight:700;margin-bottom:6px;color:var(--text-primary)}#tab-algorithmic .chart-header p{font-size:11.05px;color:var(--text-secondary);font-weight:500}#tab-algorithmic .chart-container{position:relative;height:400px}#tab-algorithmic .custom-chart-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}#tab-algorithmic .legend-item{display:flex;align-items:center;gap:8px;font-size:9.35px;color:var(--text-primary)}#tab-algorithmic .legend-color{width:14px;height:14px;border-radius:3px;flex-shrink:0;border:2px solid #fff;box-shadow:0 1px 3px #0000001a}#tab-algorithmic .legend-label{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tab-algorithmic .legend-value{font-weight:700;color:var(--primary-purple);margin-left:auto}#tab-algorithmic .insight-item{background:linear-gradient(135deg,#8a2be214,#8a2be208);border-left:4px solid var(--primary-purple);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}#tab-algorithmic .insight-item:hover{background:linear-gradient(135deg,#8a2be21f,#8a2be20f);transform:translate(6px);box-shadow:var(--shadow-md)}#tab-algorithmic .insight-item.success{background:linear-gradient(135deg,#4caf5014,#4caf5008);border-left-color:var(--success-green)}#tab-algorithmic .insight-item.success:hover{background:linear-gradient(135deg,#4caf501f,#4caf500f)}#tab-algorithmic .insight-item h4{font-size:12.75px;font-weight:700;margin-bottom:6px;color:var(--text-primary)}#tab-algorithmic .insight-item p{font-size:11.9px;margin-bottom:6px;font-weight:500}#tab-algorithmic .insight-item .caption{font-size:10.2px;color:var(--text-secondary);font-weight:600}#tab-algorithmic .divider{height:2px;background:linear-gradient(90deg,transparent,var(--border-light),transparent);margin:var(--spacing-lg) 0}#tab-algorithmic .category-progress{margin-bottom:var(--spacing-md)}#tab-algorithmic .category-progress-header{display:flex;justify-content:space-between;margin-bottom:8px}#tab-algorithmic .category-progress-header span{font-size:11.05px;font-weight:600}#tab-algorithmic .category-progress-header .weight{font-weight:700;color:var(--primary-purple)}#tab-algorithmic .progress-bar{height:10px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}#tab-algorithmic .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-purple-dark),var(--primary-purple));border-radius:var(--radius-full);transition:width .6s ease-out;box-shadow:0 0 10px #8a2be266}#tab-algorithmic .phase-alert{background:linear-gradient(135deg,#2196f314,#2196f308);border:2px solid rgba(33,150,243,.3);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);position:relative;overflow:hidden}#tab-algorithmic .phase-alert:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--info-blue),#64B5F6)}#tab-algorithmic .phase-alert h3{font-size:15.3px;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--info-blue);display:flex;align-items:center;gap:var(--spacing-md)}#tab-algorithmic .phase-alert h3 svg{width:24px;height:24px}#tab-algorithmic .phase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}#tab-algorithmic .phase-grid p{font-size:11.05px;font-weight:500}#tab-algorithmic .phase-grid strong{color:var(--text-primary);font-weight:700}#tab-algorithmic .tier-strategy{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-top:var(--spacing-md)}#tab-algorithmic .tier-item{font-size:10.2px;padding:12px;background:var(--bg-primary);border-radius:var(--radius-md);font-weight:600;box-shadow:var(--shadow-sm);border:2px solid}#tab-algorithmic .tier-item:nth-child(1){border-color:var(--success-green);color:var(--success-green)}#tab-algorithmic .tier-item:nth-child(2){border-color:var(--primary-purple);color:var(--primary-purple)}#tab-algorithmic .tier-item:nth-child(3){border-color:var(--warning-yellow);color:var(--warning-yellow)}#tab-algorithmic .tier-item:nth-child(4){border-color:var(--text-secondary);color:var(--text-secondary)}#tab-algorithmic .table-section{margin-top:var(--spacing-lg)}#tab-algorithmic .table-section h2{font-size:18.7px;font-weight:800;margin-bottom:var(--spacing-md)}#tab-algorithmic .table-container{overflow-x:auto;border:2px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}#tab-algorithmic .analysis-table{width:100%;border-collapse:collapse;font-size:11.05px}#tab-algorithmic .analysis-table thead{background:linear-gradient(135deg,var(--primary-purple-dark),var(--primary-purple));color:#fff;position:sticky;top:0;z-index:10}#tab-algorithmic .analysis-table th{padding:16px 12px;text-align:left;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-size:10.2px;color:#fff}#tab-algorithmic .analysis-table th.text-center{text-align:center}#tab-algorithmic .analysis-table th.text-right{text-align:right}#tab-algorithmic .analysis-table tbody tr{border-bottom:1px solid var(--border-light);transition:all var(--transition-fast)}#tab-algorithmic .analysis-table tbody tr:hover{background:linear-gradient(90deg,rgba(138,43,226,.05),transparent)}#tab-algorithmic .analysis-table tbody tr.selected{background:linear-gradient(90deg,#8a2be21f,#8a2be20f)}#tab-algorithmic .analysis-table td{padding:16px 12px}#tab-algorithmic .analysis-table td.text-right{text-align:right}#tab-algorithmic .analysis-table td.text-center{text-align:center}#tab-algorithmic .checkbox-wrapper{display:flex;align-items:center;justify-content:center}#tab-algorithmic .checkbox-wrapper input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-purple)}#tab-algorithmic .rank-badges{display:flex;gap:6px;align-items:center}#tab-algorithmic .rank-badge{display:inline-block;padding:6px 10px;border-radius:var(--radius-md);font-size:9.35px;font-weight:700;box-shadow:var(--shadow-sm)}#tab-algorithmic .rank-badge.primary{background:var(--primary-purple);color:#fff}#tab-algorithmic .rank-badge.secondary{background:var(--info-blue);color:#fff}#tab-algorithmic .rank-badge.default{background:var(--bg-secondary);color:var(--text-secondary)}#tab-algorithmic .tier-badge{display:inline-block;padding:4px 8px;border-radius:var(--radius-sm);font-size:8.5px;font-weight:700;border:2px solid}#tab-algorithmic .tier-badge.t1{color:var(--success-green);border-color:var(--success-green);background:#4caf5026}#tab-algorithmic .tier-badge.t2{color:var(--primary-purple);border-color:var(--primary-purple);background:#8a2be226}#tab-algorithmic .tier-badge.t3{color:var(--warning-yellow);border-color:var(--warning-yellow);background:#ffc10726}#tab-algorithmic .tier-badge.t4{color:var(--text-secondary);border-color:var(--border-medium);background:var(--bg-secondary)}#tab-algorithmic .category-badge{display:inline-block;padding:6px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:9.35px;background:var(--bg-secondary);color:var(--text-secondary);font-weight:600}#tab-algorithmic .metric-value{font-weight:700;color:var(--primary-purple)}#tab-algorithmic .increase-indicator{color:var(--success-green);font-weight:700;display:flex;align-items:center;justify-content:flex-end;gap:4px}#tab-algorithmic .increase-indicator.t1{color:var(--success-green)}#tab-algorithmic .increase-indicator.t2{color:var(--primary-purple)}#tab-algorithmic .increase-indicator.t3{color:var(--warning-yellow)}#tab-algorithmic .increase-indicator.t4{color:var(--text-secondary)}#tab-algorithmic .weight-cell{display:flex;align-items:center;justify-content:flex-end;gap:8px}#tab-algorithmic .weight-bar-container{width:80px;height:10px;background:#e8e8e8;border-radius:var(--radius-full);overflow:hidden;border:1px solid #D0D0D0}#tab-algorithmic .weight-bar{height:100%;background:#8a2be2!important;border-radius:var(--radius-full);transition:width var(--transition-normal)}#tab-algorithmic .weight-bar.primary{background:#7b1fa2!important}#tab-algorithmic .weight-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-purple-dark),var(--primary-purple));border-radius:var(--radius-full);transition:width .3s ease-out}#tab-algorithmic .summary-row{background:linear-gradient(90deg,#8a2be226,#8a2be214);font-weight:700;border-top:3px solid var(--primary-purple)}#tab-algorithmic .summary-row td{padding:20px 12px;font-size:11.9px}#tab-algorithmic .selection-info{text-align:right;margin-top:var(--spacing-lg);font-size:11.05px;color:var(--text-secondary);font-weight:600}@media (max-width: 1200px){#tab-algorithmic .summary-stats{grid-template-columns:repeat(2,1fr)}#tab-algorithmic .charts-section{grid-template-columns:1fr}}@media (max-width: 768px){#tab-algorithmic .summary-stats,#tab-algorithmic .phase-grid,#tab-algorithmic .tier-strategy{grid-template-columns:1fr}#tab-algorithmic .method-selector-container{flex-direction:column;align-items:stretch}#tab-algorithmic .method-badge{margin-left:0;text-align:center}}.section-header-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.section-header-card .header-icon{flex-shrink:0;color:var(--primary-purple)}.section-header-card .header-text h2{font-size:20.4px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.section-header-card .header-text p{font-size:11.9px;color:var(--text-secondary);margin:0}.method-selector-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.method-selector-group{display:flex;align-items:center;gap:var(--spacing-sm)}.method-selector-group label{font-size:11.9px;font-weight:500;color:var(--text-primary);white-space:nowrap}.method-select{min-width:220px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-primary);font-size:11.9px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.method-select:hover{border-color:var(--primary-purple)}.method-select:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8a2be21a}.calculation-progress{display:flex;align-items:center;gap:var(--spacing-sm);font-size:11.05px;color:var(--text-secondary)}.calculation-progress .spinner{width:20px;height:20px;border-width:2px}.info-button{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.info-button:hover{background:#8a2be21a;color:var(--primary-purple)}.method-badge{margin-left:auto}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{background:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center}.stat-card.stat-primary{background:linear-gradient(135deg,var(--primary-purple),var(--primary-purple-light));color:#fff}.stat-card label{display:block;font-size:10.2px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.stat-card.stat-primary label{color:#ffffffe6}.stat-card .stat-value{font-size:23.8px;font-weight:700;color:var(--text-primary);margin:var(--spacing-xs) 0}.stat-card.stat-primary .stat-value{color:#fff}.stat-card .stat-value.small{font-size:15.3px}.stat-card .stat-sublabel{font-size:10.2px;color:var(--text-secondary)}.stat-card.stat-primary .stat-sublabel{color:#fffc}.charts-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.chart-card{background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.chart-card h3{font-size:15.3px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.chart-card .chart-description{font-size:11.05px;color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}#tab-algorithmic .chart-container{height:400px;position:relative}#tab-algorithmic .alert{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}#tab-algorithmic .alert-success{background:#4caf501a;border-left:4px solid var(--success-green)}#tab-algorithmic .alert-info{background:#2196f31a;border-left:4px solid var(--info-blue)}.alert-icon{font-size:17px;flex-shrink:0}.alert-content{flex:1}.alert-title{font-size:11.9px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.alert-text{font-size:11.05px;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.alert-subtext{font-size:10.2px;color:var(--text-secondary)}.divider{height:1px;background:var(--border-light);margin:var(--spacing-md) 0}.subsection-title{font-size:11.9px;font-weight:600;color:var(--text-primary);margin:var(--spacing-md) 0 var(--spacing-sm) 0}.categories-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.category-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.category-header{display:flex;justify-content:space-between;align-items:center}.category-name{font-size:11.05px;color:var(--text-primary)}.category-weight{font-size:11.05px;font-weight:600;color:var(--text-primary)}#tab-algorithmic .progress-bar{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}#tab-algorithmic .progress-fill{height:100%;background:var(--primary-purple);border-radius:var(--radius-full);transition:width var(--transition-normal)}.phase-roadmap{background:#2196f30d;border-left:4px solid var(--info-blue);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.phase-header h4{font-size:13.6px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.phase-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.phase-stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.phase-stat label{font-size:10.2px;font-weight:500;color:var(--text-secondary)}.phase-stat .stat-value{font-size:17px;font-weight:700;color:var(--text-primary)}.phase-stat .stat-value.primary{color:var(--primary-purple)}.tier-strategy-title{font-size:11.9px;font-weight:600;color:var(--text-primary);margin:var(--spacing-md) 0 var(--spacing-sm) 0}.tier-strategy{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.tier-item{font-size:10.2px;padding:var(--spacing-sm);border-radius:var(--radius-sm);background:var(--bg-tertiary)}.tier-item.tier-1{color:var(--success-green);background:#4caf501a}.tier-item.tier-2{color:var(--info-blue);background:#2196f31a}.tier-item.tier-3{color:var(--warning-yellow);background:#ffc1071a}.tier-item.tier-4{color:var(--text-secondary);background:var(--bg-tertiary)}.roadmap-content{display:flex;gap:var(--spacing-xl);align-items:stretch}.roadmap-left{flex:1}.roadmap-title{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.roadmap-icon{font-size:20.4px}.roadmap-title h4{font-size:13.6px;font-weight:700;color:var(--text-primary);margin:0}.roadmap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.roadmap-item{display:flex;flex-direction:column;gap:4px}.roadmap-label{font-size:9.35px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.roadmap-value{font-size:18.7px;font-weight:800;color:var(--text-primary)}.roadmap-value.current{color:var(--text-secondary)}.roadmap-value.target{color:var(--primary-purple)}.roadmap-value.improvement{color:var(--success-green)}.roadmap-value.goal{color:var(--info-blue);font-size:13.6px}.roadmap-divider{width:2px;background:linear-gradient(to bottom,transparent,var(--border-light),transparent);flex-shrink:0}.roadmap-right{flex:0 0 auto;min-width:280px}.tier-strategy-header{font-size:10.2px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--spacing-sm);letter-spacing:.5px;text-align:center}.tier-boxes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.tier-box{padding:var(--spacing-sm);border-radius:var(--radius-md);text-align:center;border:2px solid transparent;transition:all var(--transition-fast)}.tier-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tier-name{font-size:9.35px;font-weight:600;margin-bottom:4px}.tier-value{font-size:11.05px;font-weight:700}.tier-box.tier-1{background:#4caf501a;border-color:var(--success-green)}.tier-box.tier-1 .tier-name,.tier-box.tier-1 .tier-value{color:var(--success-green)}.tier-box.tier-2{background:#8a2be21a;border-color:var(--primary-purple)}.tier-box.tier-2 .tier-name,.tier-box.tier-2 .tier-value{color:var(--primary-purple)}.tier-box.tier-3{background:#ffc1071a;border-color:var(--warning-yellow)}.tier-box.tier-3 .tier-name,.tier-box.tier-3 .tier-value{color:var(--warning-yellow)}.tier-box.tier-4{background:#9e9e9e1a;border-color:var(--text-secondary)}.tier-box.tier-4 .tier-name,.tier-box.tier-4 .tier-value{color:var(--text-secondary)}.table-section{background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.table-header h3{font-size:15.3px;font-weight:600;color:var(--text-primary);margin:0}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-light)}.sensitivity-table{width:100%;border-collapse:collapse;background:var(--bg-primary)}.sensitivity-table thead{background:var(--primary-purple)}.sensitivity-table th{padding:var(--spacing-md);text-align:left;font-size:11.9px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--primary-purple-dark)}.sensitivity-table th.text-right,.sensitivity-table td.text-right{text-align:right}.sensitivity-table th.text-center,.sensitivity-table td.text-center{text-align:center}.sensitivity-table tbody tr{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast)}.sensitivity-table tbody tr:hover{background:var(--bg-tertiary)}.sensitivity-table tbody tr.selected{background:#8a2be20d}.sensitivity-table td{padding:var(--spacing-md);font-size:11.9px;color:var(--text-primary)}.sensitivity-table .table-summary{background:#8a2be20d;border-top:2px solid var(--primary-purple);font-weight:600}.rank-badges{display:flex;align-items:center;gap:var(--spacing-xs)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:9.35px;font-weight:600;white-space:nowrap}.badge-primary{background:var(--primary-purple);color:#fff}.badge-secondary{background:var(--info-blue);color:#fff}.badge-success{background:var(--success-green);color:#fff}.badge-warning{background:var(--warning-yellow);color:#fff}.badge-default{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-outline{background:transparent;border:1px solid currentColor}.badge-outline.badge-primary{color:var(--primary-purple)}.badge-outline.badge-secondary{color:var(--info-blue)}.badge-outline.badge-success{color:var(--success-green)}.badge-outline.badge-warning{color:var(--warning-yellow)}.badge-outline.badge-default{color:var(--text-secondary)}.metric-name-bold{font-weight:600}.roas-value{font-weight:600;color:var(--primary-purple)}.roas-value.secondary{color:var(--info-blue)}.increase-value{font-weight:500}.increase-value.tier-1{color:var(--success-green)}.increase-value.tier-2{color:var(--info-blue)}.increase-value.tier-3{color:var(--warning-yellow)}.increase-value.tier-4{color:var(--text-secondary)}.weight-cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.weight-bar-container{width:80px;height:10px;background:#e8e8e8;border-radius:var(--radius-full);overflow:hidden;border:1px solid #D0D0D0}.weight-bar{height:100%;background:#8a2be2!important;border-radius:var(--radius-full);transition:width var(--transition-normal)}.weight-bar.primary{background:#7b1fa2!important}.weight-value{font-weight:600;min-width:45px;text-align:right}.selected-count{margin-top:var(--spacing-md);text-align:right;font-size:11.05px;color:var(--text-secondary)}.loading-container .spinner.large{width:60px;height:60px;margin-bottom:var(--spacing-lg)}.loading-container h3{font-size:17px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.loading-container p{font-size:11.9px;color:var(--text-secondary);margin:0}@media (max-width: 1200px){.charts-section{grid-template-columns:1fr}}@media (max-width: 768px){.summary-stats,.phase-stats,.tier-strategy{grid-template-columns:1fr}.method-selector-card{flex-direction:column;align-items:flex-start}.method-badge{margin-left:0}.table-container{overflow-x:scroll}}.magic-optimization-content{padding:var(--spacing-lg)}.magic-header-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg)}.magic-header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.magic-header-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.magic-icon{display:flex;align-items:center;justify-content:center}.magic-title{font-size:23.8px;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.magic-chips{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.btn-magic{background:linear-gradient(45deg,#2196f3 30%,#21cbf3 90%);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md);font-size:13.6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:0 3px 5px 2px #21cbf34d;transition:all var(--transition-normal);white-space:nowrap}.btn-magic:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 10px 2px #21cbf366}.btn-magic:disabled{opacity:.6;cursor:not-allowed}.optimization-progress{margin-top:var(--spacing-lg)}.progress-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.progress-header span{flex:1}.progress-percent{font-weight:600;color:var(--info-blue)}#tab-algorithmic .progress-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#2196f3,#21cbf3);border-radius:var(--radius-full);transition:width var(--transition-normal)}.progress-info{margin-top:var(--spacing-sm);font-size:10.2px;color:var(--text-secondary)}.input-sections{display:grid;gap:var(--spacing-lg)}.input-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.section-header{margin-bottom:var(--spacing-md)}.section-header h3{font-size:15.3px;font-weight:600;color:var(--text-primary);margin:var(--spacing-sm) 0 var(--spacing-xs) 0}.section-header p{font-size:11.9px;color:var(--text-secondary);margin:0}#tab-algorithmic .input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}#tab-algorithmic .input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}#tab-algorithmic .input-label{font-size:11.9px;font-weight:500;color:var(--text-primary)}#tab-algorithmic .input-field{padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:11.9px;transition:border-color var(--transition-fast)}#tab-algorithmic .input-field:focus{outline:none;border-color:var(--info-blue)}.input-field:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.input-field-inline{padding:6px 8px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:11.05px;width:80px;text-align:right}.input-field-inline:focus{outline:none;border-color:var(--info-blue)}.input-improved{color:var(--success-green);font-weight:600;border-color:var(--success-green)}.input-readonly{padding:10px 12px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:11.9px;color:var(--text-primary)}.input-help{font-size:10.2px;color:var(--text-secondary);margin:0}.retention-table-container{max-height:500px;overflow-y:auto}.retention-table{width:100%;border-collapse:collapse}.retention-table thead{position:sticky;top:0;background:var(--bg-primary);z-index:1}.retention-table th{text-align:left;padding:12px;border-bottom:2px solid var(--border-medium);font-size:11.05px;font-weight:600;color:var(--text-primary)}.retention-table td{padding:12px;border-bottom:1px solid var(--border-light);font-size:11.9px}.retention-table tbody tr:hover{background-color:var(--bg-secondary)}.ad-formats-container{display:grid;gap:var(--spacing-lg)}.ad-format-group{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.ad-format-group h4{margin:0 0 var(--spacing-md) 0;font-size:13.6px;font-weight:600}.results-summary{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.milestone-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.milestone-card{background:linear-gradient(135deg,#f3e5f5,#fce4ec);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.milestone-card-success{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.milestone-day{font-size:15.3px;font-weight:700;margin-bottom:var(--spacing-xs)}.milestone-label{font-size:10.2px;color:inherit;opacity:.8;margin-bottom:var(--spacing-xs)}.milestone-value-primary{font-size:17px;font-weight:700;color:var(--info-blue)}.milestone-card-success .milestone-value-primary{color:#fff}.milestone-value{font-size:15.3px;font-weight:700}.detailed-metrics{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.detailed-table-container{overflow-x:auto;margin-top:var(--spacing-md)}.detailed-table{width:100%;border-collapse:collapse;font-size:11.05px}.detailed-table thead{background:var(--bg-secondary)}.detailed-table th{text-align:left;padding:12px;border-bottom:2px solid var(--border-medium);font-weight:600;color:var(--text-primary);white-space:nowrap}.detailed-table td{padding:10px 12px;border-bottom:1px solid var(--border-light)}.detailed-table tbody tr:hover{background-color:var(--bg-secondary)!important}.modal,.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.modal-close-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm);color:var(--text-light);transition:all .2s}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column}.modal-large{max-width:900px}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.modal-header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.modal-header h2{font-size:17px;font-weight:600;color:var(--text-primary);margin:0}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.btn-icon{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.btn-icon:hover:not(:disabled){background-color:var(--bg-tertiary)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.suggestions-content{font-family:Courier New,monospace}.suggestions-content pre{white-space:pre-wrap;word-wrap:break-word;font-size:11.05px;line-height:1.6;margin:0;color:var(--text-primary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center}.spinner,.spinner-large{animation:spin 1s linear infinite}.spinner-circle{stroke:var(--info-blue);stroke-linecap:round;stroke-dasharray:60,200;stroke-dashoffset:0;animation:spinner-dash 1.5s ease-in-out infinite}@keyframes spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35}to{stroke-dasharray:90,200;stroke-dashoffset:-125}}#tab-algorithmic .chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:10.2px;font-weight:500;white-space:nowrap}.chip-default{background-color:var(--bg-tertiary);color:var(--text-secondary)}.chip-success{background-color:#e8f5e9;color:var(--success-green)}.chip-warning{background-color:#fff3e0;color:#f57c00}.chip-error{background-color:#ffebee;color:var(--error-red)}.chip-info{background-color:#e3f2fd;color:var(--info-blue)}.text-success{color:var(--success-green)}.text-warning{color:#f57c00}.text-error{color:var(--error-red)}@media (max-width: 1024px){.magic-header-content{flex-direction:column;align-items:flex-start}.milestone-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.input-grid{grid-template-columns:1fr}}@media (max-width: 768px){.magic-optimization-content{padding:var(--spacing-md)}.magic-title{font-size:18.7px}.milestone-cards{grid-template-columns:1fr}.detailed-table-container{overflow-x:scroll}.modal{padding:var(--spacing-sm)}.modal-large{max-width:100%}}#tab-calculator .input-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}#tab-calculator .input-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:2px solid transparent;transition:all var(--transition-normal)}#tab-calculator .input-card:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-purple);transform:translateY(-2px)}#tab-calculator .card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}#tab-calculator .card-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}#tab-calculator .card-title{font-size:13.6px;font-weight:600;color:var(--text-primary)}#tab-calculator .toggle-group{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--primary-purple-ultra-light);border-radius:var(--radius-md)}#tab-calculator .toggle-switch{width:44px;height:24px;background:var(--border-medium);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:background var(--transition-fast)}#tab-calculator .toggle-switch.active{background:var(--primary-purple)}#tab-calculator .toggle-switch:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform var(--transition-fast)}#tab-calculator .toggle-switch.active:after{transform:translate(20px)}#tab-calculator .toggle-label{font-size:10.2px;color:var(--text-secondary)}#tab-calculator .input-group{margin-bottom:var(--spacing-md)}#tab-calculator .input-label{display:block;font-size:10.2px;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:500}#tab-calculator .input-field{width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:11.9px;transition:all var(--transition-fast);background:#fff}#tab-calculator .input-field:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8a2be21a}#tab-calculator .input-helper{font-size:9.35px;color:var(--text-light);margin-top:var(--spacing-xs)}#tab-calculator .chip{display:inline-flex;align-items:center;padding:4px 12px;background:var(--primary-purple-pale);color:var(--primary-purple);border-radius:var(--radius-full);font-size:10.2px;font-weight:600;margin:4px}#tab-calculator .alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:11.05px}#tab-calculator .alert-info{background:linear-gradient(135deg,#2196f31a,#2196f30d);border:1px solid rgba(33,150,243,.3);color:var(--info-blue)}#tab-calculator .alert-success{background:linear-gradient(135deg,#4caf501a,#4caf500d);border:1px solid rgba(76,175,80,.3);color:var(--success-green)}#tab-calculator .alert-warning{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border:1px solid rgba(255,193,7,.3);color:#f57c00}#tab-calculator .distribution-box{background:linear-gradient(135deg,#4caf501a,#4caf500d);border:1px solid rgba(76,175,80,.3);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}#tab-calculator .distribution-title{font-size:11.9px;font-weight:600;color:var(--success-green);margin-bottom:var(--spacing-sm)}#tab-calculator .distribution-item{display:flex;justify-content:space-between;font-size:10.2px;margin-bottom:4px}#tab-calculator .metrics-section{margin-bottom:var(--spacing-xl)}#tab-calculator .section-title{font-size:18.7px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}#tab-calculator .metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md)}#tab-calculator .metric-card{background:linear-gradient(135deg,var(--primary-purple-ultra-light) 0%,white 100%);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;border:2px solid transparent;transition:all var(--transition-normal);position:relative;overflow:hidden}#tab-calculator .metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-purple) 0%,var(--primary-purple-light) 100%)}#tab-calculator .metric-card:hover{transform:translateY(-4px);border-color:var(--primary-purple);box-shadow:var(--shadow-purple)}#tab-calculator .metric-day{font-size:15.3px;font-weight:700;color:var(--primary-purple);margin-bottom:var(--spacing-sm)}#tab-calculator .metric-label{font-size:9.35px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-xs)}#tab-calculator .metric-value{font-size:20.4px;font-weight:700;background:linear-gradient(135deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#tab-calculator .metric-roas{font-size:15.3px;font-weight:600;margin-top:var(--spacing-sm)}#tab-calculator .metric-target{font-size:8.5px;color:var(--text-light);margin-top:4px}#tab-calculator .revenue-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}#tab-calculator .revenue-card{background:linear-gradient(135deg,#8a2be20d,#fff);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:2px solid transparent;transition:all var(--transition-normal)}#tab-calculator .revenue-card:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-purple);transform:translateY(-2px)}#tab-calculator .chart-container{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);border:2px solid transparent;transition:all var(--transition-normal);height:300px}#tab-calculator .chart-container:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-purple)}#tab-calculator .chart-title{font-size:15.3px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}#tab-calculator .performance-table{width:100%;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:2px solid transparent;transition:all var(--transition-normal)}#tab-calculator .performance-table:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-purple)}#tab-calculator .performance-table thead{background:linear-gradient(135deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%)}#tab-calculator .performance-table th{padding:14px;text-align:left;color:#fff;font-size:10.2px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid rgba(255,255,255,.2)}#tab-calculator .performance-table th:last-child{border-right:none}#tab-calculator .performance-table td{padding:12px 14px;border-bottom:1px solid var(--border-light);font-size:11.05px;color:var(--text-primary)}#tab-calculator .performance-table tbody tr{transition:all var(--transition-fast)}#tab-calculator .performance-table tbody tr:hover{background:var(--primary-purple-ultra-light)}#tab-calculator .performance-table tbody tr:nth-child(2n){background:var(--bg-secondary)}#tab-calculator .accordion{background:#fff;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);overflow:hidden;border:1px solid var(--border-light);transition:all var(--transition-fast)}#tab-calculator .accordion:hover{border-color:var(--primary-purple)}#tab-calculator .accordion-header{padding:var(--spacing-md);background:var(--bg-secondary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-fast)}#tab-calculator .accordion-header:hover{background:var(--primary-purple-pale)}#tab-calculator .accordion-content{padding:var(--spacing-md);display:none}#tab-calculator .accordion-content.active{display:block}#tab-calculator .progress-bar{width:100%;height:8px;background:var(--border-light);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--spacing-sm)}#tab-calculator .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);transition:width .5s ease}#tab-calculator .optimization-card{background:linear-gradient(135deg,#ffc1070d,#fff);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(255,193,7,.2)}#tab-calculator .optimization-option{padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border-radius:var(--radius-md)}#tab-calculator .optimization-option.option-1{background:#2196f31a;border:1px solid rgba(33,150,243,.3)}#tab-calculator .optimization-option.option-2{background:#4caf501a;border:1px solid rgba(76,175,80,.3)}#tab-calculator .optimization-option.option-3{background:#ffc1071a;border:1px solid rgba(255,193,7,.3)}#tab-calculator .status-good{color:var(--success-green)}#tab-calculator .status-warning{color:var(--warning-yellow)}#tab-calculator .status-bad{color:var(--error-red)}#tab-calculator .input-card:nth-child(3){display:flex;flex-direction:column}#tab-calculator .input-card:nth-child(3) .card-header{width:100%;margin-bottom:var(--spacing-lg)}#tab-calculator{min-height:500px!important;display:block!important}#tab-calculator .input-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important;margin-bottom:32px!important}.tab-pane{display:none!important}.tab-pane.active{display:block!important;opacity:1!important;visibility:visible!important;height:auto!important}#tab-calculator:not(.active),#tab-magic:not(.active),#tab-algorithmic:not(.active){display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;left:-9999px!important}#tab-calculator.active,#tab-magic.active,#tab-algorithmic.active{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;left:auto!important}#tab-calculator .input-card{background:#fff!important;border:2px solid #E0E0E0!important;border-radius:12px!important;padding:24px!important;display:block!important;visibility:visible!important}#tab-calculator .card-header{display:flex!important;visibility:visible!important}#tab-calculator .card-title{display:block!important;font-size:13.6px!important;font-weight:600!important;visibility:visible!important}.roas-calculator-container .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#8a2be20d,#8a2be205);border-radius:var(--radius-lg);border:1px solid rgba(138,43,226,.1)}.roas-calculator-container .page-title{font-size:23.8px;font-weight:700;background:linear-gradient(135deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:var(--spacing-md)}.roas-calculator-container .export-btn{padding:10px 20px;background:linear-gradient(135deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:11.9px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm)}.roas-calculator-container .export-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-purple)}.roas-calculator-container .tabs-container{display:flex;gap:0;margin-bottom:var(--spacing-lg);background:#fff;border-radius:var(--radius-lg);padding:4px;box-shadow:var(--shadow-sm)}.roas-calculator-container .tab-button{flex:1;padding:12px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:11.9px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md);position:relative;display:flex;align-items:center;justify-content:center}.roas-calculator-container .tab-button:hover{color:var(--primary-purple)}.roas-calculator-container .tab-button.active{background:linear-gradient(135deg,var(--primary-purple-dark) 0%,var(--primary-purple) 100%);color:#fff;box-shadow:var(--shadow-purple)}.roas-calculator-container .tab-button.active:after{display:none}.red-flags-section{margin-top:var(--spacing-xl)}.red-flags-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1.7px solid #f44336}.red-flags-header h2{font-size:23.8px;font-weight:800;color:#f44336;margin:0}.red-flag-icon{width:40.8px;height:40.8px;background:linear-gradient(135deg,#f44336,#e53935);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 3.4px 10.2px #f443364d}.red-flag-icon svg{width:23.8px;height:23.8px;color:#fff}.category-buttons{display:flex;gap:6.8px;flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.category-button{padding:8.5px 17px;border:1.7px solid var(--border-light);background:#fff;border-radius:8500px;font-size:11.05px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.category-button:hover{border-color:var(--primary-color);background:#e6d8ff;transform:translateY(-1.7px);box-shadow:var(--shadow-md)}.category-button.active{background:linear-gradient(135deg,#7d25d5,#8a2be2);color:#fff;border-color:var(--primary-color);box-shadow:0 3.4px 10.2px #8a2be233}.flags-table-container{border:1.7px solid var(--border-light);border-radius:13.6px;overflow:hidden;box-shadow:var(--shadow-lg)}.flags-table{width:100%;border-collapse:collapse}.flags-table thead{background:linear-gradient(135deg,#f8f9fa,#e8eaf6)}.flags-table th{padding:13.6px;text-align:left;font-weight:700;font-size:11.05px;text-transform:uppercase;letter-spacing:.425px}.flags-table th.text-right{text-align:right}.flags-table tbody tr{border-bottom:1px solid var(--border-light);transition:all var(--transition-fast)}.flags-table tbody tr:hover{background:var(--bg-secondary)}.flags-table tbody tr.selected{background:#8a2be21a}.flags-table td{padding:13.6px;font-size:11.05px}.flags-table td.text-right{text-align:right}.severity-badge{display:inline-block;padding:5.1px 10.2px;border-radius:8500px;font-size:9.35px;font-weight:700;box-shadow:var(--shadow-sm)}.severity-badge.critical{background:#f44336;color:#fff}.severity-badge.high{background:#ffc107;color:#2c3e50}.severity-badge.medium{background:#2196f3;color:#fff}.flag-value{color:#f44336;font-weight:700}.flag-target{color:#4caf50;font-weight:700}.flag-revenue{color:#f44336;font-weight:600}.red-flags-actions{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.selection-count{flex:1;font-size:11.9px;font-weight:600;color:var(--text-primary)}.red-flags-actions .btn-primary,.red-flags-actions .btn-secondary{padding:8.5px 17px;font-size:11.9px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none}.red-flags-actions .btn-primary{background:var(--primary-color);color:#fff}.red-flags-actions .btn-primary:hover{background:var(--primary-hover)}.red-flags-actions .btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1.7px solid var(--border-color)}.red-flags-actions .btn-secondary:hover{background:var(--bg-hover)}.alert-success{background:#e8f5e9;border:1.7px solid #4caf50;border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;gap:var(--spacing-md)}.alert-success .alert-icon{font-size:20.4px}.alert-success .alert-content{flex:1}.alert-success .alert-title{font-size:13.6px;font-weight:700;color:#2e7d32;margin:0 0 var(--spacing-xs) 0}.alert-success .alert-text{font-size:11.9px;color:#388e3c;margin:0}.red-flags-editor-page{padding:var(--spacing-lg);max-width:100%}.red-flags-editor-page .page-header{margin-bottom:var(--spacing-lg)}.red-flags-editor-page .page-header h1{font-size:23.8px;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.red-flags-editor-page .page-header .subtitle{font-size:11.9px;color:var(--text-secondary);margin:0}.red-flags-editor-page .tab-navigation{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-light);padding-bottom:0}.red-flags-editor-page .tab-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:11.9px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);position:relative;top:2px}.red-flags-editor-page .tab-btn:hover{color:var(--primary-purple);background:var(--primary-purple-ultra-light)}.red-flags-editor-page .tab-btn.active{color:var(--primary-purple);border-bottom-color:var(--primary-purple);font-weight:600}.red-flags-editor-page .tab-icon{font-size:15.3px}.red-flags-editor-page .tab-label{white-space:nowrap}.red-flags-editor-page .tab-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-height:400px}.red-flags-editor-page .tab-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.red-flags-editor-page .tab-header h2{font-size:20.4px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.red-flags-editor-page .tab-header .description{font-size:11.9px;color:var(--text-secondary);margin:0}.red-flags-editor-page .header-right{display:flex;gap:var(--spacing-sm)}.red-flags-editor-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);min-height:400px}.red-flags-editor-page .spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top-color:var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite}.red-flags-editor-page .loading-container p{margin-top:var(--spacing-md);color:var(--text-secondary);font-size:11.9px}.red-flags-editor-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);min-height:400px}.red-flags-editor-page .error-icon{font-size:51px;margin-bottom:var(--spacing-md)}.red-flags-editor-page .error-container h3{font-size:17px;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.red-flags-editor-page .error-container p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.red-flags-editor-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);min-height:400px}.red-flags-editor-page .empty-icon{font-size:51px;margin-bottom:var(--spacing-md)}.red-flags-editor-page .empty-state h3{font-size:17px;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.red-flags-editor-page .empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.red-flags-editor-page .empty-state-small{padding:var(--spacing-xl);text-align:center}.red-flags-editor-page .empty-state-small p{color:var(--text-secondary);font-size:11.9px}.red-flags-editor-page .tab1-container{padding:0}.red-flags-editor-page .table-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);gap:var(--spacing-md);border-bottom:1px solid var(--border-light)}.red-flags-editor-page .search-box{flex:1;max-width:400px}.red-flags-editor-page .search-box input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:11.9px;transition:border-color var(--transition-fast)}.red-flags-editor-page .search-box input:focus{outline:none;border-color:var(--primary-purple)}.red-flags-editor-page .page-size-selector{display:flex;align-items:center;gap:var(--spacing-sm);font-size:11.9px}.red-flags-editor-page .page-size-selector label{color:var(--text-secondary)}.red-flags-editor-page .page-size-selector select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:11.9px;cursor:pointer}.red-flags-editor-page .rules-table-wrapper{max-height:600px;overflow-y:auto;overflow-x:auto;padding:0 var(--spacing-lg);border-bottom:1px solid var(--border-light)}.red-flags-editor-page .rules-table-container{padding:0 var(--spacing-lg) var(--spacing-lg);overflow-x:auto}.red-flags-editor-page .no-results{padding:var(--spacing-xxl);text-align:center;color:var(--text-secondary)}.red-flags-editor-page .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);gap:var(--spacing-md)}.red-flags-editor-page .pagination-info{color:var(--text-secondary);font-size:11.9px}.red-flags-editor-page .pagination-controls{display:flex;gap:var(--spacing-xs);align-items:center}.red-flags-editor-page .pagination-controls .page-indicator{padding:0 var(--spacing-md);font-size:11.9px;color:var(--text-primary);font-weight:500}.red-flags-editor-page .pagination-controls button:disabled{opacity:.4;cursor:not-allowed}.red-flags-editor-page .rules-table{width:100%;border-collapse:collapse;font-size:11.05px}.red-flags-editor-page .rules-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:10}.red-flags-editor-page .rules-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-medium);white-space:nowrap}.red-flags-editor-page .rules-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light)}.red-flags-editor-page .rules-table tr:hover{background:var(--bg-secondary)}.red-flags-editor-page .rules-table tr.selected{background:var(--primary-purple-ultra-light)}.red-flags-editor-page .rules-table code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:10.2px;font-family:Monaco,Courier New,monospace}.red-flags-editor-page .action-buttons{display:flex;gap:var(--spacing-xs)}.red-flags-editor-page .btn-icon{background:none;border:none;cursor:pointer;font-size:15.3px;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.red-flags-editor-page .btn-icon:hover{background:var(--bg-tertiary)}.red-flags-editor-page .status-active{color:var(--success-green);font-weight:500}.red-flags-editor-page .status-inactive{color:var(--text-light)}.red-flags-editor-page .threshold-value,.red-flags-editor-page .threshold-percentile{font-weight:500}.red-flags-editor-page .tab2-container{padding:0}.red-flags-editor-page .benchmark-config-section{padding:var(--spacing-lg)}.red-flags-editor-page .current-game-card,.red-flags-editor-page .current-mapping-card,.red-flags-editor-page .auto-match-section,.red-flags-editor-page .manual-selection-section{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.red-flags-editor-page .current-game-card h3,.red-flags-editor-page .current-mapping-card h4,.red-flags-editor-page .auto-match-section h4,.red-flags-editor-page .manual-selection-section h4{margin:0 0 var(--spacing-md) 0;font-size:15.3px;color:var(--text-primary)}.red-flags-editor-page .game-details,.red-flags-editor-page .mapping-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.red-flags-editor-page .detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.red-flags-editor-page .detail-item .label{font-size:10.2px;color:var(--text-secondary);text-transform:uppercase;font-weight:500}.red-flags-editor-page .detail-item .value{font-size:11.9px;color:var(--text-primary);font-weight:500}.red-flags-editor-page .benchmarks-table-container{overflow-x:auto;margin-top:var(--spacing-md)}.red-flags-editor-page .benchmarks-table{width:100%;border-collapse:collapse;font-size:11.05px}.red-flags-editor-page .benchmarks-table thead{background:var(--bg-tertiary)}.red-flags-editor-page .benchmarks-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-medium)}.red-flags-editor-page .benchmarks-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light)}.red-flags-editor-page .benchmarks-table tr:hover{background:var(--bg-secondary)}.red-flags-editor-page .benchmarks-table tr.current-benchmark{background:var(--primary-purple-ultra-light)}.red-flags-editor-page .tab3-container{padding:0}.red-flags-editor-page .missing-data-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.red-flags-editor-page .summary-card{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.red-flags-editor-page .summary-label{font-size:10.2px;color:var(--text-secondary);text-transform:uppercase;font-weight:500;margin-bottom:var(--spacing-sm)}.red-flags-editor-page .summary-value{font-size:27.2px;font-weight:700;color:var(--text-primary)}.red-flags-editor-page .summary-value.text-danger{color:var(--error-red)}.red-flags-editor-page .summary-value.text-success{color:var(--success-green)}.red-flags-editor-page .summary-value.text-warning{color:var(--warning-yellow)}.red-flags-editor-page .missing-data-details{padding:0 var(--spacing-lg) var(--spacing-lg)}.red-flags-editor-page .missing-data-details h4{margin:0 0 var(--spacing-md) 0;font-size:15.3px}.red-flags-editor-page .missing-data-table{width:100%;border-collapse:collapse;font-size:11.05px}.red-flags-editor-page .missing-data-table thead{background:var(--bg-tertiary)}.red-flags-editor-page .missing-data-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-medium)}.red-flags-editor-page .missing-data-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light)}.red-flags-editor-page .tab4-container{padding:0}.red-flags-editor-page .detection-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);min-height:400px}.red-flags-editor-page .placeholder-icon{font-size:68px;margin-bottom:var(--spacing-md)}.red-flags-editor-page .detection-placeholder h3{font-size:17px;margin:0 0 var(--spacing-sm) 0}.red-flags-editor-page .detection-results{padding:var(--spacing-lg)}.red-flags-editor-page .detection-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.red-flags-editor-page .detection-summary .summary-card{border-left:4px solid}.red-flags-editor-page .summary-card.severity-critical{border-left-color:var(--error-red)}.red-flags-editor-page .summary-card.severity-high{border-left-color:var(--warning-yellow)}.red-flags-editor-page .summary-card.severity-medium{border-left-color:var(--info-blue)}.red-flags-editor-page .summary-card.severity-low{border-left-color:var(--text-light)}.red-flags-editor-page .flags-table-container{margin-top:var(--spacing-lg)}.red-flags-editor-page .flags-table-container h4{margin:0 0 var(--spacing-md) 0;font-size:15.3px}.red-flags-editor-page .flags-table{width:100%;border-collapse:collapse;font-size:11.05px}.red-flags-editor-page .flags-table thead{background:var(--bg-tertiary)}.red-flags-editor-page .flags-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-medium)}.red-flags-editor-page .flags-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light)}.red-flags-editor-page .flags-table .text-danger{color:var(--error-red)}.red-flags-editor-page .flags-table .text-success{color:var(--success-green)}.red-flags-editor-page .badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:10.2px;font-weight:500;white-space:nowrap}.red-flags-editor-page .badge-outline{background:transparent;border:1px solid var(--border-medium);color:var(--text-secondary)}.red-flags-editor-page .badge-danger{background:var(--error-red);color:#fff}.red-flags-editor-page .badge-warning{background:var(--warning-yellow);color:#000}.red-flags-editor-page .badge-info{background:var(--info-blue);color:#fff}.red-flags-editor-page .badge-secondary{background:var(--text-light);color:#fff}.red-flags-editor-page .badge-success{background:var(--success-green);color:#fff}.red-flags-editor-page .alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:11.9px}.red-flags-editor-page .alert strong{display:block;margin-bottom:var(--spacing-xs)}.red-flags-editor-page .alert-info{background:#e3f2fd;color:#1976d2}.red-flags-editor-page .alert-success{background:#e8f5e9;color:#2e7d32}.red-flags-editor-page .alert-warning{background:#fff3e0;color:#e65100}.red-flags-editor-page .btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:none;cursor:pointer;font-size:11.9px;font-weight:500;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.red-flags-editor-page .btn-primary{background:var(--primary-purple);color:#fff}.red-flags-editor-page .btn-primary:hover{background:var(--primary-purple-dark);box-shadow:var(--shadow-purple)}.red-flags-editor-page .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.red-flags-editor-page .btn-secondary:hover{background:var(--border-medium)}.red-flags-editor-page .btn-danger{background:var(--error-red);color:#fff}.red-flags-editor-page .btn-danger:hover{background:#d32f2f}.red-flags-editor-page .btn-outline{background:transparent;border:1px solid var(--border-medium);color:var(--text-primary)}.red-flags-editor-page .btn-outline:hover{background:var(--bg-secondary);border-color:var(--primary-purple);color:var(--primary-purple)}.red-flags-editor-page .btn-sm{padding:4px 8px;font-size:10.2px}.red-flags-editor-page .btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:13.6px}.red-flags-editor-page .modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;align-items:center;justify-content:center;padding:var(--spacing-lg)}.red-flags-editor-page .modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:700px;width:100%;max-height:90vh;overflow-y:auto}.red-flags-editor-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.red-flags-editor-page .modal-header h2{margin:0;font-size:17px}.red-flags-editor-page .modal-close{background:none;border:none;font-size:23.8px;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.red-flags-editor-page .modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.red-flags-editor-page .modal-body{padding:var(--spacing-lg)}.red-flags-editor-page .rule-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.red-flags-editor-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.red-flags-editor-page .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.red-flags-editor-page .form-group label{font-size:11.05px;font-weight:500;color:var(--text-primary)}.red-flags-editor-page .form-group input,.red-flags-editor-page .form-group select,.red-flags-editor-page .form-group textarea{padding:var(--spacing-sm);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:11.9px;font-family:inherit;transition:border-color var(--transition-fast)}.red-flags-editor-page .form-group input:focus,.red-flags-editor-page .form-group select:focus,.red-flags-editor-page .form-group textarea:focus{outline:none;border-color:var(--primary-purple)}.red-flags-editor-page .form-group input[readonly]{background:var(--bg-tertiary);cursor:not-allowed}.red-flags-editor-page .checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.red-flags-editor-page .checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.red-flags-editor-page .form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.red-flags-editor-page .text-muted{color:var(--text-light)}.impact-header{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.impact-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.impact-title-section{display:flex;align-items:center;gap:var(--spacing-md)}.impact-title{font-size:17px;font-weight:600;color:var(--text-primary)}.impact-subtitle{font-size:11.05px;color:var(--text-secondary)}.header-buttons{display:flex;gap:var(--spacing-sm)}.version-select-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-fast)}.version-select-section:hover{border-color:var(--primary-purple)}.info-banner{background:#8a2be20d;border:1px solid rgba(138,43,226,.2);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-sm)}.info-banner-icon{width:17px;height:17px;color:var(--primary-purple);flex-shrink:0;margin-top:2px}.info-banner-text{font-size:11.05px;color:var(--text-primary);line-height:1.5}.section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--primary-purple)}.section-icon{width:20.4px;height:20.4px;color:var(--primary-purple)}.section-title{font-size:12.75px;font-weight:600;color:var(--text-primary)}.version-dropdown{width:100%;padding:8.5px 13.6px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:11.9px;color:var(--text-primary);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast)}.version-dropdown:hover{border-color:var(--primary-purple);box-shadow:0 0 0 3px #8a2be21a}.version-dropdown:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8a2be21a}.version-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:3.4px 10.2px;background:#8a2be21a;color:var(--primary-purple);border:1px solid rgba(138,43,226,.3);border-radius:var(--radius-full);font-size:10.2px;font-weight:600;margin-left:var(--spacing-md)}.suggestions-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.suggestions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--primary-purple)}.suggestions-title{display:flex;align-items:center;gap:var(--spacing-sm)}.badge-count-large{background:var(--primary-purple);color:#fff;padding:3.4px 10.2px;border-radius:var(--radius-full);font-size:11.05px;font-weight:600}.suggestion-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:all var(--transition-fast)}.suggestion-card.expanded{border-color:var(--primary-purple);background:var(--bg-secondary);box-shadow:0 0 0 3px #8a2be21a}.suggestion-header{display:flex;justify-content:space-between;align-items:flex-start}.suggestion-info{flex:1}.suggestion-title{font-size:13.6px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.suggestion-meta{font-size:10.2px;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.suggestion-description{font-size:11.05px;color:var(--text-secondary);line-height:1.5}.suggestion-actions{display:flex;gap:var(--spacing-sm)}.action-btn{width:27.2px;height:27.2px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.action-btn.move{border-color:var(--info-blue);color:var(--info-blue)}.action-btn.move:hover{background:var(--info-blue);color:#fff}.action-btn.refresh{border-color:var(--success-green);color:var(--success-green)}.action-btn.refresh:hover{background:var(--success-green);color:#fff}.action-btn.delete{border-color:var(--error-red);color:var(--error-red)}.action-btn.delete:hover{background:var(--error-red);color:#fff}.detail-section{margin-bottom:var(--spacing-md)}.detail-label{font-size:11.05px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.detail-content{font-size:11.05px;color:var(--text-secondary);line-height:1.6}.implementation-steps{list-style:none;padding:0}.implementation-steps li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;font-size:11.05px;color:var(--text-secondary)}.implementation-steps li:before{content:"✓";color:var(--success-green);font-weight:700;flex-shrink:0}.version-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.info-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-fast)}.info-card:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-sm)}.info-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-purple)}.info-card-title{font-size:12.75px;font-weight:600;color:var(--text-primary)}.info-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:3.4px 8.5px;background:var(--bg-secondary);border-radius:var(--radius-full);font-size:9.35px;font-weight:600;color:var(--text-secondary)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light)}.info-row:last-child{border-bottom:none}.info-label{font-size:11.05px;color:var(--text-secondary)}.info-value{font-size:11.05px;font-weight:600;color:var(--text-primary)}.warning-box{background:#ffc10714;border:1px solid rgba(255,193,7,.4);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-sm)}.warning-icon{color:var(--warning-yellow);flex-shrink:0}.warning-text{font-size:11.05px;color:var(--text-primary)}.version-history-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.version-history-card:hover{border-color:var(--primary-purple);box-shadow:0 0 0 2px #8a2be21a}.version-history-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.version-name{font-size:11.9px;font-weight:600;color:var(--text-primary)}.version-date,.version-suggestions-count{font-size:10.2px;color:var(--text-secondary)}.current-version-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:3.4px 6.8px;background:#8a2be21a;color:var(--primary-purple);border:1px solid rgba(138,43,226,.3);border-radius:var(--radius-sm);font-size:9.35px;font-weight:600;margin-left:var(--spacing-sm)}.performance-table-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);overflow-x:auto;border:1px solid var(--border-light);margin-bottom:var(--spacing-lg)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--primary-purple)}.table-title{font-size:13.6px;font-weight:600;color:var(--text-primary)}.performance-table-section table{width:100%;border-collapse:collapse}.performance-table-section th{padding:10.2px 6.8px;text-align:left;font-size:9.35px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);border-bottom:2px solid var(--primary-purple)}.performance-table-section td{padding:11.9px 6.8px;font-size:11.05px;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.performance-table-section tbody tr:hover{background:var(--bg-secondary)}.status-badge{display:inline-block;padding:3.4px 8.5px;border-radius:var(--radius-full);font-size:9.35px;font-weight:600}.status-badge.current{background:var(--primary-purple);color:#fff;border:1px solid var(--primary-purple)}.status-badge.pending{background:#8a2be21a;color:var(--primary-purple);border:1px solid rgba(138,43,226,.3)}.status-badge.baseline{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-medium)}.health-indicator{display:inline-flex;align-items:center;gap:4px}.health-dot{width:6.8px;height:6.8px;border-radius:50%}.health-dot.good{background:var(--success-green)}.health-dot.warning{background:var(--warning-yellow)}.health-dot.critical{background:var(--error-red)}.impact-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.impact-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-light)}.impact-title{font-size:25.5px;font-weight:700;color:var(--text-primary);margin:0 0 6.8px}.impact-subtitle{font-size:12.75px;color:var(--text-secondary);margin:0}.impact-actions{display:flex;gap:var(--spacing-sm)}.kpi-table-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.kpi-table-section .section-title{font-size:17px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.kpi-table-wrapper{overflow-x:auto}.kpi-table{width:100%;border-collapse:collapse;font-size:11.05px}.kpi-table thead th{padding:10.2px 11.9px;text-align:left;font-size:10.2px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);border-bottom:2px solid var(--primary-purple)}.kpi-table tbody td{padding:11.9px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.kpi-table tbody tr:hover{background:var(--bg-secondary)}.kpi-table tbody tr.summary-row{background:#8a2be20d;font-weight:600}.kpi-table tbody tr.summary-row:hover{background:#8a2be214}.diff-positive{color:var(--success-green);font-weight:600}.diff-negative{color:var(--error-red);font-weight:600}.diff-neutral{color:var(--text-secondary)}.version-selector-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.version-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.version-selector-header .section-title{font-size:17px;font-weight:600;color:var(--text-primary);margin:0}.version-dropdown{position:relative}.version-dropdown-btn{padding:8.5px 15.3px;background:var(--bg-primary);border:1.7px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:12.75px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast);min-width:170px}.version-dropdown-btn:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-purple)}.version-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:170px;max-height:255px;overflow-y:auto;z-index:1000;display:none}.version-dropdown-menu.show{display:block}.version-dropdown-item{padding:10.2px 12.75px;cursor:pointer;transition:background var(--transition-fast);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);font-size:12.75px}.version-dropdown-item:hover{background:var(--bg-secondary)}.version-dropdown-item.active{background:#8a2be21a;color:var(--primary-purple)}.suggestions-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-subtitle{font-size:15.3px;font-weight:600;color:var(--text-primary);margin:0}.suggestions-actions{display:flex;gap:var(--spacing-sm)}.suggestion-card{background:var(--bg-primary);border:1.7px solid var(--border-medium);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.suggestion-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-purple)}.suggestion-card.category-retention{border-left:3.4px solid #4CAF50}.suggestion-card.category-engagement{border-left:3.4px solid #2196F3}.suggestion-card.category-monetization{border-left:3.4px solid #FF9800}.suggestion-card.category-roas{border-left:3.4px solid var(--primary-purple)}.suggestion-card.category-general{border-left:3.4px solid var(--border-medium)}.suggestion-card-header{display:flex;justify-content:space-between;align-items:center;padding:12.75px 15.3px;cursor:pointer;background:var(--bg-primary);transition:background var(--transition-fast)}.suggestion-card-header:hover{background:var(--bg-secondary)}.suggestion-card-title{display:flex;align-items:center;gap:10.2px;flex:1}.suggestion-icon{width:32px;height:32px;background:#8a2be21a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary-purple)}.suggestion-card-title h4{margin:0 0 3.4px;font-size:13.6px;font-weight:600;color:var(--text-primary)}.suggestion-category{margin:0;font-size:10.2px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.suggestion-card-actions{display:flex;gap:6.8px;align-items:center}.suggestion-card-content{padding:15.3px;border-top:1px solid var(--border-light);background:var(--bg-secondary)}.suggestion-card-content h5{margin:0 0 6.8px;font-size:11.9px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.suggestion-card-content p{margin:0 0 12.75px;font-size:11.9px;color:var(--text-primary);line-height:1.6}.suggestion-card-content p:last-child{margin-bottom:0}.suggestion-card-content pre{background:var(--bg-primary);padding:10.2px;border-radius:var(--radius-md);font-size:10.2px;overflow-x:auto;border:1px solid var(--border-light)}.suggestion-description,.suggestion-reasoning,.suggestion-impact,.suggestion-implementation{margin-bottom:12.75px}.suggestion-description:last-child,.suggestion-reasoning:last-child,.suggestion-impact:last-child,.suggestion-implementation:last-child{margin-bottom:0}.version-info-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.version-info-section .section-subtitle{margin-bottom:var(--spacing-lg)}.version-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:6.8px}.info-label{font-size:10.2px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-value{font-size:13.6px;color:var(--text-primary);font-weight:600}.version-info-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.btn-icon{padding:6.8px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-icon.btn-danger{color:var(--error-red)}.btn-icon.btn-danger:hover{background:#f443361a;color:var(--error-red)}.chevron{transition:transform var(--transition-fast)}.chevron.expanded{transform:rotate(180deg)}.empty-state{padding:42.5px;text-align:center;color:var(--text-secondary);font-size:12.75px}.ai-suggestions-container{margin-top:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,#8a2be226,#8a2be214);border-radius:var(--radius-xl);border:2px solid var(--primary-purple);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.ai-suggestions-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-purple-dark),var(--primary-purple),var(--primary-purple-light))}.ai-suggestions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.ai-suggestions-title{display:flex;align-items:center;gap:var(--spacing-lg)}.ai-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-purple-dark),var(--primary-purple));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-purple)}.ai-icon svg{width:32px;height:32px;color:#fff}.ai-suggestions-title h2{font-size:26px;font-weight:800;background:linear-gradient(135deg,var(--primary-purple-dark),var(--primary-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.get-suggestions-btn{padding:14px 28px;background:linear-gradient(135deg,var(--primary-purple-dark),var(--primary-purple));color:#fff;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:700;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-purple);text-transform:uppercase;letter-spacing:.5px}.get-suggestions-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #8a2be266}.get-suggestions-btn:active{transform:translateY(-1px)}.get-suggestions-btn:disabled{opacity:.6;cursor:not-allowed}.ai-progress{width:100%;height:12px;background:#ffffff80;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-md);box-shadow:inset 0 2px 4px #0000001a}.ai-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-purple-dark),var(--primary-purple),var(--primary-purple-light));border-radius:var(--radius-full);transition:width .3s ease-out;box-shadow:0 0 10px #8a2be280}.ai-suggestions-header .header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.ai-suggestions-header .suggestions-count{font-size:.875rem;color:var(--text-secondary);padding:4px 12px;background:var(--bg-secondary);border-radius:var(--radius-md)}.ai-suggestions-preview,.ai-suggestions-prompt{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary)}.ai-suggestions-body{margin-top:var(--spacing-md)}.ai-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.ai-controls .control-group{display:flex;align-items:center;gap:var(--spacing-md)}.ai-controls .toggle-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;color:var(--text-primary)}.ai-controls .control-actions{display:flex;gap:var(--spacing-sm)}.ai-loading{text-align:center;padding:var(--spacing-xxl)}.ai-loading .spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}.ai-loading p{color:var(--text-secondary);margin:var(--spacing-sm) 0}.ai-loading .loading-subtext{font-size:.875rem;color:var(--text-tertiary)}.ai-empty-state{text-align:center;padding:var(--spacing-xxl)}.ai-empty-state .empty-icon{font-size:48px;margin-bottom:var(--spacing-md)}.ai-empty-state h4{margin:0 0 var(--spacing-sm);color:var(--text-primary)}.ai-empty-state p{color:var(--text-secondary);font-size:.875rem}.suggestions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.suggestion-card{background:var(--bg-primary);border:1.7px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s}.suggestion-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.suggestion-card.checked{border-color:var(--success);background:#4caf500d}.suggestion-card.analysis-card{border-color:var(--info);background:#2196f30d}.suggestion-card.analysis-card .suggestion-checkbox input[type=checkbox]{cursor:not-allowed;opacity:.5}.suggestion-checkbox{width:20px;height:20px;border:2px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.suggestion-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.suggestion-checkbox .checkbox-checkmark{display:none;color:#fff;font-size:14px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.suggestion-checkbox.checked .checkbox-checkmark{display:block}.suggestion-checkbox:hover{border-color:var(--primary-purple)}.suggestion-checkbox.checked{background:var(--primary-purple)!important;border-color:var(--primary-purple)!important}.suggestion-checkbox.checked:after{content:"✓";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.star-rating{display:flex;gap:2px;flex-shrink:0}.star{color:gold;font-size:16px}.star.empty{color:var(--border-light)}.tier-tabs{display:flex;background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xs);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);gap:var(--spacing-xs)}.tier-tab{flex:1;padding:12px 16px;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-secondary)}.tier-tab:hover{background:var(--bg-secondary)}.tier-tab.active{background:var(--primary-purple);color:#fff}.tier-tab.tier-1{color:var(--error-red)}.tier-tab.tier-1.active{background:var(--error-red);color:#fff}.tier-tab.tier-2{color:var(--warning-yellow)}.tier-tab.tier-2.active{background:var(--warning-yellow);color:#fff}.tier-tab.tier-3{color:var(--info-blue)}.tier-tab.tier-3.active{background:var(--info-blue);color:#fff}.tier-tab.tier-4{color:var(--success-green)}.tier-tab.tier-4.active{background:var(--success-green);color:#fff}.tier-content{display:none}.tier-content.active{display:block}.suggestion-title{font-size:16px;font-weight:600;margin-bottom:var(--spacing-xs)}.suggestion-description{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.suggestion-content{flex:1}.suggestion-text{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.suggestion-text h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm) 0}.suggestion-text p{margin:var(--spacing-sm) 0}.suggestion-text strong{color:var(--text-primary);font-weight:600}.suggestion-text ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.suggestion-text li{margin:var(--spacing-xs) 0;line-height:1.5}.impact-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;overflow:hidden;transition:all .2s ease}.impact-card:hover{box-shadow:0 2px 8px #00000014}.impact-card.selected{border-color:#7c3aed;border-width:2px}.impact-card.analysis-card{border-left:4px solid #2196f3;background:#f8fbff}.impact-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fafafa;border-bottom:1px solid #e0e0e0}.impact-header-left{display:flex;align-items:center;gap:12px;flex:1}.impact-icon{font-size:28px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px}.impact-title-section{flex:1}.impact-title{margin:0;font-size:16px;font-weight:600;color:#2c3e50;line-height:1.3}.impact-subtitle{margin:4px 0 0;font-size:13px;color:#7f8c8d;line-height:1.4}.impact-header-right{display:flex;align-items:center;gap:12px}.impact-expand-btn{background:none;border:none;color:#95a5a6;font-size:16px;cursor:pointer;padding:4px 8px;transition:color .2s}.impact-expand-btn:hover{color:#7c3aed}.impact-checkbox{position:relative;display:inline-block;cursor:pointer}.impact-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;width:0;height:0;pointer-events:none}.impact-checkbox .checkbox-custom{display:inline-block;width:20px;height:20px;border:2px solid #bdc3c7;border-radius:4px;background:#fff;transition:all .2s;position:relative}.impact-checkbox:hover .checkbox-custom{border-color:#7c3aed}.impact-checkbox input[type=checkbox]:checked~.checkbox-custom{background:#7c3aed;border-color:#7c3aed}.impact-checkbox input[type=checkbox]:checked~.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.impact-card-body{padding:20px;background:#fff}.impact-sections-wrapper{margin-bottom:16px}.impact-section{background:#fafafa;border:1px solid #eceff1;border-radius:6px;margin-bottom:8px;overflow:hidden}.impact-section.expanded{border-color:#7c3aed}.impact-section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s;background:#f5f5f5}.impact-section-header:hover{background:#ececec}.section-title{font-weight:600;color:#2c3e50;font-size:14px}.section-arrow{color:#95a5a6;font-size:14px;transition:transform .2s}.impact-section.expanded .section-arrow{transform:rotate(180deg)}.impact-section-content{background:#fff;border-top:1px solid #eceff1}.section-content-inner{padding:16px;color:#5a6c7d;font-size:14px;line-height:1.6}.section-content-inner h3{color:#2c3e50;font-size:15px;font-weight:600;margin:12px 0 8px}.section-content-inner p{margin:8px 0}.section-content-inner strong{color:#2c3e50;font-weight:600}.section-content-inner ul{margin:8px 0;padding-left:24px}.section-content-inner li{margin:6px 0;line-height:1.5}.impact-full-content h3{color:#2c3e50;font-size:15px;font-weight:600;margin:12px 0 8px}.impact-full-content p{margin:8px 0}.impact-full-content strong{color:#2c3e50;font-weight:600}.impact-full-content ul{margin:8px 0;padding-left:24px}.impact-full-content li{margin:6px 0;line-height:1.5}.impact-full-content{padding:16px;background:#fafafa;border-radius:6px;margin-bottom:16px;color:#5a6c7d;font-size:14px;line-height:1.6}.impact-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;border-top:1px solid #eceff1}.impact-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.impact-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.impact-btn-secondary{background:#f5f5f5;color:#5a6c7d;border:1px solid #e0e0e0}.impact-btn-secondary:hover{background:#ececec;border-color:#bdc3c7}.impact-btn-primary{background:#7c3aed;color:#fff}.impact-btn-primary:hover{background:#6d28d9}.copy-success-message{position:fixed;top:20px;right:20px;background:var(--success);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:8px;box-shadow:0 4px 12px #0003;z-index:10000;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.ai-loading-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);margin:var(--spacing-xl) 0;text-align:center}.loading-spinner{width:60px;height:60px;border:4px solid var(--border-light);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.loading-title{margin:0 0 var(--spacing-sm) 0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.loading-message{margin:0 0 var(--spacing-xs) 0;font-size:1rem;color:var(--text-secondary);max-width:500px}.loading-time{margin:0;font-size:.875rem;color:var(--text-secondary);font-style:italic}.ai-apply-section{text-align:center;padding:var(--spacing-lg);margin-top:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md)}.ai-apply-section .btn-lg{padding:12px 32px;font-size:1.125rem}.ai-apply-section .apply-hint{margin-top:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary)}.btn.loading{position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid var(--bg-primary);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.ai-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;overflow-y:auto;padding:20px}.ai-modal-overlay.show{opacity:1}.ai-modal-container{background:#fff;border-radius:16px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.ai-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0}.ai-modal-header-left{display:flex;align-items:center;gap:16px}.ai-modal-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.ai-modal-title{margin:0;font-size:24px;font-weight:700}.ai-modal-subtitle{margin:4px 0 0;font-size:14px;opacity:.9}.ai-modal-close{background:#fff3;border:none;color:#fff;font-size:32px;width:40px;height:40px;border-radius:8px;cursor:pointer;transition:background .2s;line-height:1;padding:0}.ai-modal-close:hover{background:#ffffff4d}.ai-strategic-card{background:linear-gradient(135deg,#e3f2fd,#e8eaf6);padding:20px 32px;margin:24px 32px;border-radius:12px;border-left:4px solid #2196f3}.ai-strategic-title{font-size:18px;font-weight:700;color:#1976d2;margin-bottom:12px}.ai-strategic-text{margin:0 0 12px;line-height:1.6;color:#37474f}.ai-strategic-principle{font-size:14px;color:#546e7a;font-style:italic}.ai-red-flags-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:0 32px 24px}.ai-stat-item{text-align:center;padding:16px;background:#f5f5f5;border-radius:8px}.ai-stat-value{font-size:32px;font-weight:700;color:#7c3aed;margin-bottom:4px}.ai-stat-label{font-size:13px;color:#7f8c8d}.ai-tier-tabs{display:flex;gap:8px;padding:0 32px;border-bottom:2px solid #e0e0e0}.ai-tier-tab{background:none;border:none;padding:12px 20px;font-size:14px;font-weight:600;color:#7f8c8d;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.ai-tier-tab:hover{color:#2c3e50}.ai-tier-tab.active{color:#7c3aed;border-bottom-color:#7c3aed}.ai-tier-content-wrapper{padding:24px 32px}.ai-tier-content{display:none}.ai-tier-content.active{display:block}.ai-metric-section{margin-bottom:32px}.ai-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e0e0e0}.ai-metric-name{font-size:20px;font-weight:700;color:#2c3e50}.ai-metric-stats{display:flex;gap:8px}.ai-chip{padding:6px 12px;background:#f5f5f5;border-radius:16px;font-size:13px;font-weight:500;color:#546e7a}.ai-chip-primary{background:#e3f2fd;color:#1976d2}.ai-chip-error{background:#ffebee;color:#c62828}.ai-suggestion-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:16px;transition:all .2s}.ai-suggestion-card:hover{border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed1a}.ai-suggestion-card.expanded{border-color:#7c3aed}.ai-suggestion-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;cursor:pointer}.ai-suggestion-header-left{display:flex;gap:16px;flex:1}.ai-suggestion-icon{font-size:28px;flex-shrink:0}.ai-suggestion-title-section{flex:1}.ai-suggestion-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#2c3e50}.ai-suggestion-game-change{margin:0;font-size:14px;color:#7f8c8d;line-height:1.5}.ai-suggestion-header-right{display:flex;align-items:center;gap:12px}.ai-red-flag-badge{padding:4px 12px;background:#ffebee;color:#c62828;border-radius:12px;font-size:12px;font-weight:600}.ai-expand-icon{font-size:16px;color:#95a5a6}.ai-suggestion-details{padding:0 20px 20px;border-top:1px solid #f0f0f0}.ai-details-section{margin-top:20px}.ai-details-title{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 12px}.ai-implementation-steps{margin:0;padding-left:24px}.ai-implementation-steps li{margin:8px 0;line-height:1.6;color:#546e7a}.ai-impact-range{background:#f5f5f5;padding:12px;border-radius:8px;margin-bottom:12px}.ai-impact-label{font-weight:600;color:#2c3e50}.ai-impact-value{color:#27ae60;font-weight:600}.ai-affected-metrics{display:flex;flex-direction:column;gap:8px}.ai-affected-metric{padding:8px 12px;background:#f9f9f9;border-left:3px solid #2196f3;border-radius:4px;font-size:13px;line-height:1.5}.ai-red-flag-item{margin:12px 0;padding:12px;background:#fff5f5;border-left:3px solid #e53935;border-radius:4px}.ai-red-flag-title{font-weight:600;color:#c62828;margin-bottom:4px}.ai-red-flag-how{font-size:13px;color:#546e7a;line-height:1.5}.ai-psychology,.ai-rationale{margin:12px 0;padding:12px;background:#f9f9f9;border-radius:8px;font-size:14px;line-height:1.6;color:#37474f}.ai-modal-footer{padding:20px 32px;border-top:2px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px;background:#fafafa;border-radius:0 0 16px 16px}.ai-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.ai-btn-secondary{background:#eceff1;color:#546e7a}.ai-btn-secondary:hover{background:#cfd8dc}.ai-btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.ai-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed4d}.ai-no-data{text-align:center;padding:40px;color:#95a5a6;font-style:italic}.ai-results-container{margin-top:var(--spacing-lg)}.strategic-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--primary-purple)}.strategic-title{font-size:18px;font-weight:600;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary)}.strategic-text{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.ai-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.ai-stat-item{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-normal)}.ai-stat-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ai-stat-value{font-size:32px;font-weight:700;color:var(--primary-purple);line-height:1;margin-bottom:var(--spacing-xs)}.ai-stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.red-flags-card{background:linear-gradient(135deg,#ff6b6b,#f06595);color:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.red-flags-title{font-size:18px;font-weight:600;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.red-flags-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.red-flag-stat{text-align:center}.red-flag-value{font-size:48px;font-weight:700;line-height:1;margin-bottom:var(--spacing-xs)}.red-flag-label{font-size:14px;opacity:.9}.tier-section{margin-bottom:var(--spacing-xl)}.tier-header{font-size:20px;font-weight:700;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-light);display:flex;align-items:center;gap:var(--spacing-sm)}.tier-header.tier-1{color:var(--error-red);border-color:var(--error-red)}.tier-header.tier-2{color:var(--warning-yellow);border-color:var(--warning-yellow)}.tier-header.tier-3{color:var(--info-blue);border-color:var(--info-blue)}.tier-header.tier-4{color:var(--success-green);border-color:var(--success-green)}.metric-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.metric-section:hover{box-shadow:var(--shadow-md)}.metric-header{margin-bottom:var(--spacing-md)}.metric-name{font-size:18px;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.metric-chips{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.chip-outlined{padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary)}.chip-primary{background:#8a2be21a;border-color:var(--primary-purple);color:var(--primary-purple)}.chip-error{background:#f443361a;border-color:var(--error-red);color:var(--error-red)}.metric-divider{height:1px;background:var(--border-light);margin:var(--spacing-md) 0}.ai-results-container .suggestion-item{border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);overflow:visible!important;transition:all var(--transition-normal);height:auto!important;min-height:auto!important;max-height:none!important}.ai-results-container .suggestion-item:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-sm)}.ai-results-container .suggestion-item.expanded{border-color:var(--primary-purple);height:auto!important;overflow:visible!important}.ai-results-container .suggestion-header{padding:var(--spacing-md);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);transition:background var(--transition-fast)}.ai-results-container .suggestion-header:hover{background:var(--bg-secondary)}.ai-results-container .suggestion-icon{color:var(--primary-purple);font-size:24px;flex-shrink:0}.ai-results-container .suggestion-content{flex:1}.ai-results-container .suggestion-title{font-size:16px;font-weight:600;margin-bottom:var(--spacing-xs)}.ai-results-container .suggestion-description{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.ai-results-container .red-flag-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--error-red);font-weight:600}.ai-results-container .expand-icon{margin-left:auto;transition:transform var(--transition-fast);color:var(--text-light);font-size:20px;flex-shrink:0}.ai-results-container .suggestion-item.expanded .expand-icon,.suggestion-item.expanded .expand-icon{transform:rotate(180deg)}.ai-results-container .suggestion-details{display:none!important;padding:var(--spacing-lg);background:var(--bg-secondary);border-top:1px solid var(--border-light)}.ai-results-container .suggestion-item.expanded .suggestion-details{display:block!important}.ai-results-container .details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.ai-results-container .details-section{background:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--radius-md)}.ai-results-container .details-title{font-size:14px;font-weight:600;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary)}.ai-results-container .implementation-step{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm)}.ai-results-container .step-icon{color:var(--primary-purple);font-size:16px;margin-top:2px;flex-shrink:0}.ai-results-container .step-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.ai-results-container .impact-box,.ai-results-container .impact-metric{margin-bottom:var(--spacing-md)}.ai-results-container .impact-label{font-size:13px;color:var(--primary-purple);font-weight:600;margin-bottom:var(--spacing-sm)}.ai-results-container .likely-impact{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.ai-results-container .impact-chip{padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:600}.ai-results-container .impact-chip.min{background:#2196f31a;color:var(--info-blue);border:1px solid var(--info-blue)}.ai-results-container .impact-chip.likely{background:var(--primary-purple);color:#fff}.ai-results-container .impact-chip.max{background:#4caf501a;color:var(--success-green);border:1px solid var(--success-green)}.ai-results-container .affected-metrics{margin-top:var(--spacing-sm)}.ai-results-container .affected-metric{padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.ai-results-container .affected-metric-name{font-size:12px;font-weight:600;color:var(--text-primary)}.ai-results-container .affected-metric-impact{font-size:12px;color:var(--primary-purple);font-weight:600}.ai-results-container .affected-metric-reason{font-size:11px;color:var(--text-light);margin-top:2px}.ai-results-container .red-flags-section{grid-column:1 / -1}.ai-results-container .red-flag-item{background:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);display:flex;gap:var(--spacing-sm)}.ai-results-container .flag-icon{color:var(--warning-yellow);font-size:20px;flex-shrink:0}.ai-results-container .flag-content{flex:1}.ai-results-container .flag-id{display:inline-block;background:var(--error-red);color:#fff;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;margin-right:var(--spacing-sm)}.ai-results-container .flag-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.ai-results-container .flag-description{font-size:12px;color:var(--text-secondary);line-height:1.4}.ai-results-container .flag-description strong{color:var(--text-primary)}.ai-results-container .psychology-section,.ai-results-container .rationale-section{grid-column:1 / -1;padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.ai-results-container .psychology-box,.ai-results-container .rationale-box{background:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--radius-md)}.ai-results-container .psychology-title,.ai-results-container .rationale-title{font-size:14px;font-weight:600;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary)}.ai-results-container .psychology-text,.ai-results-container .rationale-text{font-size:13px;color:var(--text-secondary);line-height:1.6}@media (max-width: 768px){.details-grid,.red-flags-grid{grid-template-columns:1fr}.red-flag-value{font-size:36px}}.super-admin-wrapper{min-height:100vh;background:var(--bg-secondary);padding:0}.super-admin-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;color:var(--text-primary)}.super-admin-access-denied .access-denied-icon{font-size:64px;margin-bottom:20px;width:120px;height:120px;background:var(--primary-purple-pale);border-radius:50%;display:flex;align-items:center;justify-content:center}.super-admin-access-denied h2{font-size:28px;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.super-admin-access-denied p{color:var(--text-secondary);margin-bottom:24px}.super-admin-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:var(--bg-primary);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.super-admin-header-left{display:flex;flex-direction:column;gap:4px}.super-admin-title{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;color:var(--text-primary);margin:0}.super-admin-title svg{color:var(--primary-purple)}.super-admin-subtitle{color:var(--text-secondary);font-size:13px;margin:0;padding-left:40px}.super-admin-header-right{display:flex;gap:12px}.super-admin-header-right .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light);padding:10px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.super-admin-header-right .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.super-admin-content{display:grid;grid-template-columns:360px 1fr;gap:0;min-height:calc(100vh - 80px)}.super-admin-users-panel{background:var(--bg-primary);border-right:1px solid var(--border-light);display:flex;flex-direction:column}.users-panel-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.users-panel-header h2{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.users-count{font-size:12px;color:var(--text-secondary);background:var(--primary-purple-pale);color:var(--primary-purple);padding:4px 10px;border-radius:20px;font-weight:500}.users-search-box{position:relative;padding:14px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.users-search-box .search-icon{position:absolute;left:30px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.users-search-box input{width:100%;padding:11px 40px 11px 42px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;transition:all var(--transition-fast)}.users-search-box input::placeholder{color:var(--text-light)}.users-search-box input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px var(--primary-purple-pale)}.search-clear-btn{position:absolute;right:30px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-light);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.search-clear-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.users-list{flex:1;overflow-y:auto;padding:12px}.users-loading,.users-error,.users-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);gap:12px}.users-loading .spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top-color:var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite}.user-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);margin-bottom:6px;border:1px solid transparent;background:var(--bg-primary)}.user-item:hover{background:var(--bg-secondary);border-color:var(--border-light)}.user-item.selected{background:var(--primary-purple-ultra-light);border-color:var(--primary-purple-light);box-shadow:0 2px 8px #8a2be21a}.super-admin-wrapper .user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-purple-light),var(--primary-purple));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:15px;flex-shrink:0}.super-admin-wrapper .user-info{flex:1;min-width:0}.super-admin-wrapper .user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.user-role-badge{font-size:10px;padding:3px 8px;border-radius:var(--radius-full);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.user-role-badge.user{background:var(--bg-tertiary);color:var(--text-secondary)}.user-role-badge.super_user{background:linear-gradient(135deg,#e6d8ff,#d4c4f7);color:#6b21a8}.user-role-badge.admin{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.user-status-badge.inactive{font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);background:#f443361a;color:var(--error-red)}.user-status-badge.not-verified{font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);background:#ff98001a;color:#f57c00}.super-admin-details-panel{padding:24px 28px;overflow-y:auto;background:var(--bg-secondary)}.details-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.details-empty-state .empty-state-icon{width:100px;height:100px;border-radius:50%;background:var(--primary-purple-pale);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.details-empty-state .empty-state-icon svg{color:var(--primary-purple);opacity:.6}.details-empty-state h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.details-empty-state p{color:var(--text-secondary);margin:0;font-size:14px}.user-details-content{display:flex;flex-direction:column;gap:24px}.user-info-header{display:flex;align-items:flex-start;gap:20px;padding:24px;background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.user-detail-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary-purple-light),var(--primary-purple));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:24px;flex-shrink:0;box-shadow:var(--shadow-purple)}.user-detail-info{flex:1}.user-detail-name{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.user-detail-name .self-badge{font-size:12px;font-weight:500;color:var(--primary);background:#7f5af01a;padding:2px 8px;border-radius:var(--radius-sm);margin-left:8px}.user-detail-email{font-size:14px;color:var(--text-secondary);margin:0 0 12px}.user-detail-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.user-meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 10px;border-radius:var(--radius-md)}.user-meta-item svg{color:var(--text-light)}.user-detail-actions{display:flex;gap:8px;align-items:flex-start}.user-games-section{display:flex;flex-direction:column;gap:16px}.user-games-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.user-games-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.games-count{font-size:12px;color:var(--primary-purple);background:var(--primary-purple-pale);padding:4px 12px;border-radius:var(--radius-full);font-weight:500}.user-games-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.games-loading,.games-error,.games-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;color:var(--text-secondary);gap:16px;background:var(--bg-primary);border-radius:var(--radius-xl);border:2px dashed var(--border-light)}.games-empty svg{color:var(--text-light)}.game-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.game-card:hover{border-color:var(--primary-purple-light);box-shadow:var(--shadow-purple);transform:translateY(-2px)}.game-card-icon{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-purple-pale),var(--primary-purple-ultra-light));display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-card-icon svg{color:var(--primary-purple)}.game-card-info{flex:1;min-width:0}.game-card-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card-meta{display:flex;gap:8px;align-items:center}.game-platform{font-size:10px;padding:2px 8px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);font-weight:500}.game-status{font-size:10px;padding:2px 8px;border-radius:var(--radius-sm);font-weight:500}.game-status.integrated{background:#4caf501a;color:var(--success-green)}.game-status.pending_integration{background:#ffc1071a;color:#e6a700}.game-status.error{background:#f443361a;color:var(--error-red)}.game-card-actions{flex-shrink:0}.game-card-actions .btn{display:flex;align-items:center;gap:6px;white-space:nowrap}.super-admin-wrapper .btn-danger{background:#f443361a;color:var(--error-red);border:1px solid rgba(244,67,54,.2);padding:8px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.super-admin-wrapper .btn-danger:hover{background:#f4433626;border-color:#f443364d}.super-admin-wrapper .btn-success{background:#4caf501a;color:var(--success-green);border:1px solid rgba(76,175,80,.2);padding:8px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.super-admin-wrapper .btn-success:hover{background:#4caf5026;border-color:#4caf504d}.super-admin-wrapper .btn-primary{background:var(--primary-purple);color:#fff;border:none;padding:8px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px}.super-admin-wrapper .btn-primary:hover{background:var(--primary-purple-dark);box-shadow:var(--shadow-purple)}.super-admin-wrapper .btn-small{padding:8px 14px;font-size:12px}.super-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 28px;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.stat-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--primary-purple-light);box-shadow:var(--shadow-sm)}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon.purple{background:var(--primary-purple-pale);color:var(--primary-purple)}.stat-card-icon.green{background:#4caf501a;color:var(--success-green)}.stat-card-icon.orange{background:#ff98001a;color:#f57c00}.stat-card-icon.blue{background:#2196f31a;color:#1976d2}.stat-card-content{flex:1}.stat-card-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-card-label{font-size:12px;color:var(--text-secondary);margin-top:2px}.users-filter-tabs{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.filter-tab{padding:8px 16px;border-radius:var(--radius-md);font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.filter-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.filter-tab.active{background:var(--primary-purple-pale);color:var(--primary-purple);border-color:var(--primary-purple-light)}.user-item{position:relative;overflow:hidden}.user-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-purple);opacity:0;transition:opacity var(--transition-fast)}.user-item.selected:before,.user-item:hover:before{opacity:1}.super-admin-wrapper .user-avatar{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.user-item:hover .user-avatar{transform:scale(1.05)}.user-item.selected .user-avatar{box-shadow:0 0 0 2px var(--primary-purple)}.user-quick-actions{display:flex;gap:6px;opacity:0;transition:opacity var(--transition-fast)}.user-item:hover .user-quick-actions{opacity:1}.user-quick-btn{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all var(--transition-fast)}.user-quick-btn.view{background:var(--primary-purple-pale);color:var(--primary-purple)}.user-quick-btn.view:hover{background:var(--primary-purple);color:#fff}.user-info-header{position:relative;overflow:hidden}.user-info-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-purple),var(--primary-purple-light));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.user-activity-section{display:flex;flex-direction:column;gap:16px}.activity-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.activity-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.activity-header h3 svg{color:var(--primary-purple)}.game-card{position:relative;overflow:hidden}.game-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 60%,var(--primary-purple-ultra-light) 100%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.game-card:hover:after{opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-user-item{height:64px;margin-bottom:8px}.skeleton-game-card{height:80px}.details-empty-state{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-radius:var(--radius-xl);padding:60px 40px;margin:24px;border:2px dashed var(--border-light)}.details-empty-state .empty-state-icon{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.super-admin-wrapper .btn-primary{position:relative;overflow:hidden}.super-admin-wrapper .btn-primary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.super-admin-wrapper .btn-primary:hover:after{width:200%;height:200%}.admin-tooltip{position:relative}.admin-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 12px;background:var(--text-primary);color:#fff;font-size:11px;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:100}.admin-tooltip:hover:after{opacity:1;visibility:visible;bottom:calc(100% + 8px)}.user-status-dot{width:8px;height:8px;border-radius:50%;position:absolute;bottom:2px;right:2px;border:2px solid var(--bg-primary)}.user-status-dot.active{background:var(--success-green)}.user-status-dot.inactive{background:var(--text-light)}.admin-confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.admin-confirm-modal{background:var(--bg-primary);border-radius:var(--radius-xl);padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.admin-confirm-modal-icon{width:64px;height:64px;border-radius:50%;background:#f443361a;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--error-red)}.admin-confirm-modal-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.admin-confirm-modal-message{font-size:14px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.admin-confirm-modal-actions{display:flex;gap:12px;justify-content:center}.admin-confirm-modal-actions .btn{min-width:120px;padding:12px 24px;font-size:14px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.admin-confirm-modal-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light)}.admin-confirm-modal-actions .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.admin-confirm-modal-actions .btn-danger{background:var(--error-red);color:#fff;border:none}.admin-confirm-modal-actions .btn-danger:hover{background:#d32f2f;box-shadow:0 4px 12px #f443364d}@media (max-width: 1200px){.super-admin-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.super-admin-content{grid-template-columns:300px 1fr}}@media (max-width: 768px){.super-admin-stats{grid-template-columns:1fr;padding:16px 20px}.super-admin-content{grid-template-columns:1fr}.super-admin-users-panel{border-right:none;border-bottom:1px solid var(--border-light);max-height:50vh}.super-admin-header{flex-direction:column;gap:16px;align-items:flex-start}.user-games-list{grid-template-columns:1fr}.details-empty-state{margin:16px;padding:40px 24px}}.admin-dashboard-wrapper{min-height:100vh;background:var(--bg-primary)}.admin-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px}.admin-access-denied .access-denied-icon{color:var(--text-muted);margin-bottom:24px}.admin-access-denied h2{font-size:24px;color:var(--text-primary);margin-bottom:8px}.admin-access-denied p{color:var(--text-secondary);margin-bottom:24px}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-light)}.admin-header-left{display:flex;align-items:center;gap:16px}.admin-header-icon{width:52px;height:52px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-purple)}.admin-dashboard-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.admin-dashboard-subtitle{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.admin-header-right{display:flex;gap:12px}.admin-header-right .btn-icon{display:flex;align-items:center;gap:8px}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 28px;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.admin-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-fast)}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-stat-card .stat-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.admin-stat-card.pending .stat-card-icon{background:#f59e0b1a;color:#f59e0b}.admin-stat-card.in-progress .stat-card-icon{background:#3b82f61a;color:#3b82f6}.admin-stat-card.my-tickets .stat-card-icon{background:#7f5af01a;color:var(--primary-purple)}.admin-stat-card.completed .stat-card-icon{background:#10b9811a;color:#10b981}.admin-stat-card .stat-card-content{display:flex;flex-direction:column}.admin-stat-card .stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.admin-stat-card .stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.admin-dashboard-content{display:grid;grid-template-columns:400px 1fr;min-height:calc(100vh - 220px)}.admin-tickets-panel{background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column}.tickets-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light)}.tickets-panel-header h2{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.tickets-count{font-size:12px;color:var(--text-muted);background:var(--bg-tertiary);padding:4px 10px;border-radius:var(--radius-full)}.admin-filter-tabs{display:flex;gap:4px;padding:12px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.admin-filter-tabs .filter-tab{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.admin-filter-tabs .filter-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-filter-tabs .filter-tab.active{background:var(--primary-purple);color:#fff}.admin-tickets-list{flex:1;overflow-y:auto;padding:12px}.tickets-loading,.tickets-error,.tickets-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-muted)}.tickets-loading .spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top-color:var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.tickets-error svg,.tickets-empty svg{margin-bottom:12px;opacity:.5}.ticket-card{padding:16px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:10px;cursor:pointer;transition:all var(--transition-fast)}.ticket-card:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-sm)}.ticket-card.selected{border-color:var(--primary-purple);background:#7f5af00d;box-shadow:0 0 0 2px #7f5af033}.ticket-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.ticket-game-name{font-size:14px;font-weight:600;color:var(--text-primary);flex:1;margin-right:10px}.ticket-status-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px}.ticket-status-badge.pending{background:#f59e0b1a;color:#d97706}.ticket-status-badge.claimed,.ticket-status-badge.in-progress{background:#3b82f61a;color:#2563eb}.ticket-status-badge.completed{background:#10b9811a;color:#059669}.ticket-status-badge.large{font-size:12px;padding:6px 14px}.ticket-card-body{display:flex;flex-direction:column;gap:8px}.ticket-meta{display:flex;flex-wrap:wrap;gap:12px}.ticket-meta span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.ticket-meta svg{opacity:.6}.ticket-assigned{margin-top:4px}.assigned-badge{font-size:11px;padding:4px 10px;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary)}.assigned-badge.mine{background:#7f5af01a;color:var(--primary-purple);font-weight:500}.admin-details-panel{background:var(--bg-primary);overflow-y:auto}.admin-details-panel .details-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:40px}.admin-details-panel .empty-state-icon{color:var(--text-muted);opacity:.5;margin-bottom:20px}.admin-details-panel .details-empty-state h3{font-size:18px;color:var(--text-primary);margin-bottom:8px}.admin-details-panel .details-empty-state p{color:var(--text-secondary);max-width:300px}.ticket-details-content{padding:28px}.ticket-detail-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.ticket-detail-title{display:flex;align-items:center;gap:16px;margin-bottom:8px}.ticket-detail-title h2{font-size:22px;font-weight:700;color:var(--text-primary);margin:0}.ticket-id{font-size:13px;color:var(--text-muted);font-family:monospace}.ticket-detail-section{margin-bottom:24px;padding:20px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.ticket-detail-section h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.detail-item span,.detail-item a{font-size:14px;color:var(--text-primary)}.detail-item .highlight{color:var(--primary-purple);font-weight:600}.detail-link{display:flex;align-items:center;gap:6px;color:var(--primary-purple)!important;text-decoration:none}.detail-link:hover{text-decoration:underline}.progress-checklist{display:block!important;width:100%}.progress-checklist .progress-item{display:grid!important;grid-template-columns:32px 1fr!important;align-items:center!important;gap:16px!important;padding:14px 18px!important;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light);margin-bottom:12px;width:100%;box-sizing:border-box}.progress-checklist .progress-item:last-child{margin-bottom:0}.progress-checklist .progress-item.complete{background:#10b9810d;border-color:#10b98133}.progress-checklist .progress-check{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;border-radius:50%;border:2px solid var(--border-light);display:flex!important;align-items:center;justify-content:center;background:var(--bg-secondary);grid-column:1!important;grid-row:1!important}.progress-checklist .progress-item.complete .progress-check{background:#10b981!important;border-color:#10b981!important;color:#fff}.progress-checklist .progress-label{display:block!important;font-size:14px!important;color:var(--text-secondary);line-height:1.5;margin:0!important;padding:0!important;grid-column:2!important;grid-row:1!important;align-self:center!important}.progress-checklist .progress-item.complete .progress-label{color:var(--text-primary);font-weight:500}.progress-checklist .progress-item.pending .progress-check{border-color:var(--border-light);background:var(--bg-secondary)}.progress-checklist .progress-item.pending .progress-label{color:var(--text-secondary);opacity:.7}.progress-actions{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light);display:flex;gap:12px}.btn-warning{color:#f59e0b;border-color:#f59e0b}.btn-warning:hover{background:#f59e0b1a}.notes-list{display:flex;flex-direction:column;gap:12px}.note-item{padding:14px;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note-author{font-size:13px;font-weight:600;color:var(--text-primary)}.note-time{font-size:12px;color:var(--text-muted)}.note-text{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.ticket-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-light)}.ticket-detail-actions .btn{display:flex;align-items:center;gap:8px}.ticket-detail-actions .btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.ticket-detail-actions .btn-success:hover{box-shadow:0 4px 14px #10b98166}.completed-badge{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#10b9811a;border-radius:var(--radius-lg);color:#059669;font-weight:500;width:100%}.completed-badge svg{flex-shrink:0}.user-gdd-section{background:linear-gradient(135deg,#8a2be20d,#8a2be205);border:1px solid rgba(138,43,226,.15);border-radius:var(--radius-lg);padding:20px}.user-gdd-section h3{display:flex;align-items:center;gap:8px;color:var(--primary-purple);margin-bottom:16px}.user-gdd-card{display:flex;flex-direction:column;gap:16px}.gdd-file-info{display:flex;align-items:center;gap:12px}.gdd-file-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md)}.gdd-file-details{display:flex;flex-direction:column;gap:4px}.gdd-file-name{font-weight:600;color:var(--text-primary)}.gdd-file-meta{font-size:12px;color:var(--text-secondary)}.gdd-file-actions{display:flex;flex-wrap:wrap;gap:8px}.gdd-file-actions .btn-small{padding:8px 12px;font-size:13px}.modal-large{max-width:800px;max-height:80vh}.gdd-preview-content{background:var(--bg-secondary);padding:20px;border-radius:var(--radius-md);overflow:auto;max-height:50vh;white-space:pre-wrap;word-wrap:break-word;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5}@media (max-width: 1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard-content{grid-template-columns:1fr}.admin-tickets-panel{border-right:none;border-bottom:1px solid var(--border-light);max-height:50vh}}@media (max-width: 768px){.admin-dashboard-header{flex-direction:column;gap:16px;align-items:flex-start}.admin-stats-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px}.admin-stat-card{padding:16px}.admin-stat-card .stat-value{font-size:24px}.detail-grid{grid-template-columns:1fr}.ticket-details-content{padding:20px}}.admin-queue-tabs{display:flex;gap:8px;padding:16px 28px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.queue-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.queue-tab:hover{border-color:var(--primary-purple);color:var(--text-primary)}.queue-tab.active{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);border-color:var(--primary-purple);color:#fff}.queue-tab svg{width:18px;height:18px}.queue-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ef4444;color:#fff;border-radius:10px;font-size:11px;font-weight:600;margin-left:4px}.queue-tab.active .queue-badge{background:#ffffff4d}.ticket-card.version-ticket{border-left:3px solid var(--primary-purple)}.ticket-version-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.version-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);color:#fff;border-radius:var(--radius-sm);font-size:12px;font-weight:600}.version-arrow,.version-previous{color:var(--text-muted);font-size:12px}.ticket-suggestions-count{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-top:8px}.ticket-suggestions-count svg{color:var(--text-muted)}.version-update-info{background:linear-gradient(135deg,#9c27b01a,#7b1fa21a);border-radius:var(--radius-md);padding:20px;margin-bottom:20px}.version-change{display:flex;align-items:center;justify-content:center;gap:24px}.version-box{text-align:center;padding:16px 24px;border-radius:var(--radius-md);min-width:120px}.version-box.previous{background:var(--bg-secondary);border:1px solid var(--border-light)}.version-box.new{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);color:#fff}.version-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:4px}.version-number{display:block;font-size:20px;font-weight:700}.version-arrow-large{font-size:24px;color:var(--primary-purple);font-weight:700}.admin-tools-section{margin-top:20px;padding:20px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.admin-tools-section h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.admin-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.admin-tool-btn:hover{border-color:var(--primary-purple);background:linear-gradient(135deg,#7f5af00d,#6366f10d)}.admin-tool-btn svg{color:var(--primary-purple)}.admin-tool-btn span{font-size:12px;font-weight:500;color:var(--text-primary)}.progress-checklist{margin-top:20px;padding:20px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.progress-checklist h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.checklist-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary);border-radius:var(--radius-sm);margin-bottom:8px;cursor:pointer;transition:background .2s ease}.checklist-item:hover{background:var(--bg-tertiary)}.checklist-item:last-child{margin-bottom:0}.checklist-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-purple);cursor:pointer}.checklist-item span{font-size:14px;color:var(--text-primary)}.version-ticket-actions{display:flex;flex-direction:column;gap:16px}.btn-large{padding:14px 24px;font-size:15px}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857)}.ticket-completed-info{text-align:center;padding:40px;background:linear-gradient(135deg,#10b9811a,#0596691a);border-radius:var(--radius-md)}.ticket-completed-info svg{color:#10b981;margin-bottom:16px}.ticket-completed-info h3{font-size:18px;font-weight:600;color:#10b981;margin:0 0 8px}.ticket-completed-info p{font-size:14px;color:var(--text-secondary);margin:0}.ticket-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;color:var(--text-primary);font-weight:500}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.admin-modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:0 25px 50px -12px #00000040;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease}.admin-modal-content.large{max-width:700px}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}.admin-modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.modal-close-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .2s ease}.modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.admin-modal-body{padding:24px;overflow-y:auto;flex:1}.admin-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-light);background:var(--bg-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.upload-info{font-size:14px;color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;border:2px dashed var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;transition:all .2s ease}.upload-dropzone:hover{border-color:var(--primary-purple);background:linear-gradient(135deg,#8a2be20d,#8a2be205)}.upload-dropzone.dragover{border-color:var(--primary-purple);background:linear-gradient(135deg,#8a2be21a,#8a2be20d)}.upload-dropzone svg{color:var(--primary-purple);margin-bottom:16px}.upload-dropzone p{margin:0;font-size:15px;font-weight:500;color:var(--text-primary)}.upload-dropzone .upload-hint{font-size:13px;color:var(--text-muted);margin-top:8px}.selected-file{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#8a2be21a,#8a2be20d);border:1px solid var(--primary-purple);border-radius:var(--radius-md)}.selected-file svg{color:var(--primary-purple);flex-shrink:0}.selected-file #selected-file-name{flex:1;font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{width:24px;height:24px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-file-btn:hover{background:#ef4444;color:#fff}.upload-progress{margin-top:20px}.upload-progress .progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.upload-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-purple),var(--primary-purple-dark));border-radius:4px;width:0%;animation:uploadProgressPulse 1.5s ease-in-out infinite}@keyframes uploadProgressPulse{0%,to{width:30%}50%{width:70%}}.upload-progress #progress-text{display:block;font-size:13px;color:var(--text-secondary);margin-top:8px;text-align:center}.profile-tabs{display:flex;gap:4px;padding:4px;background:var(--bg-primary);border-radius:var(--radius-md);margin-bottom:20px}.profile-tab{flex:1;padding:10px 16px;background:none;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.profile-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.profile-tab.active{background:var(--primary-purple);color:#fff}.profile-tab-content{display:none}.profile-tab-content.active{display:block;animation:fadeIn .2s ease}.profile-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.profile-info-item{display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.profile-info-item label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.profile-info-item span{font-size:14px;color:var(--text-primary);font-weight:500}.profile-info-item .status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;width:fit-content}.profile-info-item .status-badge.pending{background:#f59e0b1a;color:#f59e0b}.profile-info-item .status-badge.processed,.profile-info-item .status-badge.complete{background:#10b9811a;color:#10b981}.profile-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.profile-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.profile-section h4{font-size:12px;font-weight:600;color:var(--primary-purple);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.profile-section p{font-size:14px;color:var(--text-primary);line-height:1.6;margin:0}.admin-modal-body .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-muted)}.admin-modal-body .empty-state svg{margin-bottom:16px;opacity:.5}.admin-modal-body .empty-state p{margin:0;font-size:14px}.suggestions-list{display:flex;flex-direction:column;gap:16px}.suggestion-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;transition:all .2s ease}.suggestion-card:hover{border-color:var(--primary-purple);box-shadow:0 4px 12px #8a2be21a}.suggestion-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.suggestion-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);color:#fff;border-radius:50%;font-size:12px;font-weight:600}.suggestion-source{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;background:var(--bg-tertiary);border-radius:4px}.suggestion-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.suggestion-description{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0 0 12px}.suggestion-meta{font-size:12px;color:var(--text-muted)}.suggestions-modal-large{max-width:900px;width:95%;max-height:85vh;display:flex;flex-direction:column}.suggestions-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid var(--primary-purple);background:linear-gradient(135deg,#8a2be20d,#8a2be205)}.suggestions-title{display:flex;align-items:center;gap:12px}.suggestions-title svg{color:var(--primary-purple)}.suggestions-title h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.badge-count-large{background:var(--primary-purple);color:#fff;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.suggestions-modal-version{margin-right:40px}.version-badge{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:500}.suggestions-modal-body{padding:24px;overflow-y:auto;flex:1}.suggestions-section{display:flex;flex-direction:column;gap:16px}.suggestions-modal-footer{display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border-light);background:var(--bg-tertiary)}.impact-suggestion-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;transition:all .2s ease;overflow:hidden}.impact-suggestion-card:hover{box-shadow:0 4px 12px #8a2be21a;border-color:var(--primary-purple)}.impact-suggestion-card.expanded{border-color:var(--primary-purple);box-shadow:0 0 0 3px #8a2be21a}.suggestion-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;cursor:pointer}.suggestion-info{flex:1;min-width:0}.suggestion-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.suggestion-index{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);color:#fff;border-radius:50%;font-size:12px;font-weight:600}.impact-suggestion-card .suggestion-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.4}.suggestion-subtitle{font-size:14px;color:var(--text-secondary);font-style:italic;margin-bottom:12px;padding:8px 12px;background:var(--bg-secondary);border-left:3px solid var(--primary-purple);border-radius:4px;line-height:1.5}.suggestion-meta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.source-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.suggestion-date{font-size:12px;color:var(--text-muted)}.suggestion-actions{display:flex;gap:8px;margin-left:16px}.action-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:var(--text-secondary)}.action-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.action-btn.expand{border-color:var(--primary-purple);color:var(--primary-purple)}.action-btn.expand:hover{background:var(--primary-purple);color:#fff}.suggestion-details{padding:0 20px 20px;border-top:1px solid var(--border-light);background:var(--bg-secondary)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-top:16px}.details-section{background:var(--bg-primary);padding:16px;border-radius:8px;border:1px solid var(--border-light)}.details-section.full-width{grid-column:1 / -1}.details-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.details-title svg{color:var(--primary-purple)}.details-content{font-size:14px;color:var(--text-secondary);line-height:1.6}.details-content p{margin:0}.details-content ul{margin:8px 0 0;padding-left:20px}.details-content li{margin-bottom:6px}.implementation-steps{list-style:decimal;padding-left:20px;margin:8px 0 0}.implementation-steps li{margin-bottom:8px;padding-left:4px}.impact-metrics{display:flex;flex-wrap:wrap;gap:8px}.impact-chip{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.impact-chip.retention{background:#4caf501a;color:#4caf50;border:1px solid #4CAF50}.impact-chip.monetization{background:#ff98001a;color:#ff9800;border:1px solid #FF9800}.impact-chip.engagement{background:#00bcd41a;color:#00bcd4;border:1px solid #00BCD4}.impact-chip.likely{background:var(--primary-purple);color:#fff}.suggestion-raw-text{background:var(--bg-secondary);padding:12px;border-radius:6px;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;margin:0;font-family:inherit}.empty-state-suggestions{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-suggestions svg{color:var(--text-muted);opacity:.5;margin-bottom:20px}.empty-state-suggestions h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.empty-state-suggestions p{margin:0;font-size:14px;color:var(--text-muted)}@media (max-width: 768px){.suggestions-modal-large{max-width:100%;width:100%;max-height:100vh;border-radius:0}.details-grid{grid-template-columns:1fr}.suggestions-modal-header{flex-wrap:wrap;gap:12px}.suggestions-modal-version{margin-right:0}}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.status-badge.version-edit{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.loading-info,.error-info{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--radius-md)}.loading-info{background:linear-gradient(135deg,#8a2be21a,#8a2be20d);color:var(--text-primary)}.error-info{background:#ef44441a;color:#ef4444}.admin-setup-wrapper{max-width:1200px;margin:0 auto;padding:24px;min-height:100vh;display:flex;flex-direction:column}.admin-setup-loading,.admin-setup-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:16px}.admin-setup-error h2{color:var(--text-primary);margin-bottom:8px}.admin-setup-error p{color:var(--text-secondary);margin-bottom:24px}.admin-setup-header{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.btn-back{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-back:hover{border-color:var(--primary-purple);color:var(--primary-purple)}.setup-header-info{flex:1}.setup-header-info h1{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.setup-ticket-id{font-size:14px;color:var(--text-secondary)}.setup-progress-bar{display:flex;justify-content:space-between;margin-bottom:32px;padding:0 16px;position:relative}.setup-progress-bar:before{content:"";position:absolute;top:18px;left:48px;right:48px;height:2px;background:var(--border-light)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1}.step-indicator{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;background:#fff;border:2px solid var(--border-light);color:var(--text-secondary);transition:all .3s ease}.progress-step.active .step-indicator{background:linear-gradient(135deg,var(--primary-purple),#9B3FE8);border-color:var(--primary-purple);color:#fff;box-shadow:0 4px 12px #8a2be24d}.progress-step.completed .step-indicator{background:#10b981;border-color:#10b981;color:#fff}.step-title{font-size:13px;font-weight:500;color:var(--text-secondary)}.progress-step.active .step-title{color:var(--primary-purple);font-weight:600}.progress-step.completed .step-title{color:#10b981}.admin-setup-content{flex:1;background:#fff;border-radius:16px;border:1px solid var(--border-light);overflow:hidden}.setup-step-content{padding:32px}.step-header{margin-bottom:32px;text-align:center}.step-header h2{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.step-header p{color:var(--text-secondary);font-size:15px}.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.info-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light)}.info-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;color:var(--primary-purple);box-shadow:var(--shadow-sm)}.info-card-content{flex:1}.info-card-content label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.info-card-content span,.info-card-content a{font-size:15px;font-weight:500;color:var(--text-primary)}.info-card-content a.game-link{color:var(--primary-purple);text-decoration:none;word-break:break-all}.info-card-content a.game-link:hover{text-decoration:underline}.firebase-status-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;padding:20px;margin-bottom:24px}.firebase-status-card .status-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.firebase-status-card .status-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.firebase-status-card .status-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.warning{background:#fee2e2;color:#991b1b}.notes-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light)}.notes-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.notes-list{max-height:300px;overflow-y:auto;margin-bottom:16px}.note-item{padding:12px;background:var(--bg-secondary);border-radius:8px;margin-bottom:8px}.note-header{display:flex;justify-content:space-between;margin-bottom:8px}.note-author{font-weight:500;color:var(--primary-purple)}.note-date{font-size:12px;color:var(--text-secondary)}.note-text{font-size:14px;color:var(--text-primary);line-height:1.5}.no-notes{text-align:center;color:var(--text-secondary);padding:24px}.add-note-form{display:flex;gap:12px}.add-note-form textarea{flex:1;padding:12px;border:1px solid var(--border-light);border-radius:8px;resize:none;font-family:inherit}.add-note-form textarea:focus{outline:none;border-color:var(--primary-purple)}.gdd-upload-area{border:2px dashed var(--border-light);border-radius:16px;padding:48px;text-align:center;transition:all .3s ease;cursor:pointer}.gdd-upload-area:hover,.gdd-upload-area.drag-over{border-color:var(--primary-purple);background:var(--primary-purple-ultra-light)}.upload-prompt h3{margin-top:16px;font-size:18px;font-weight:600;color:var(--text-primary)}.upload-prompt p{color:var(--text-secondary);margin-top:8px}.file-types{font-size:12px;color:var(--text-light);margin-top:16px}.upload-success{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-success h3{color:#10b981}.upload-progress{padding:24px}.upload-progress .progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:12px}.upload-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-purple),#9B3FE8);border-radius:4px;transition:width .3s ease}.video-analysis-option{margin-top:32px;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light)}.option-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.option-toggle{display:flex;align-items:center;gap:12px}.option-toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-purple)}.option-toggle label{font-weight:500;color:var(--text-primary)}.option-badge{font-size:12px;padding:4px 10px;background:var(--primary-purple-pale);color:var(--primary-purple);border-radius:12px}.option-description{font-size:14px;color:var(--text-secondary)}.analysis-status-panel{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.analysis-item{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light)}.analysis-item.completed{background:#d1fae5;border-color:#10b981}.analysis-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.spinner-small{width:24px;height:24px;border:3px solid var(--border-light);border-top-color:var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite}.analysis-info h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.analysis-info p{font-size:13px;color:var(--text-secondary)}.analysis-actions{display:flex;gap:12px;justify-content:center}.events-config-panel{background:var(--bg-secondary);border-radius:12px;padding:24px}.events-list{margin-bottom:24px}.event-category{margin-bottom:20px}.event-category h4{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.event-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.event-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid var(--border-light)}.event-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-purple)}.event-item label{font-size:14px;color:var(--text-primary);font-family:Monaco,Menlo,monospace}.config-actions{display:flex;gap:12px;justify-content:flex-end}.setup-summary{max-width:600px;margin:0 auto}.summary-card{background:var(--bg-secondary);border-radius:12px;padding:24px;margin-bottom:24px}.summary-card h4{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.summary-items{display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;justify-content:space-between;padding:12px;background:#fff;border-radius:8px}.summary-label{color:var(--text-secondary)}.summary-value{font-weight:500;color:var(--text-primary)}.summary-value.success{color:#10b981}.summary-value.warning{color:#f59e0b}.summary-value.neutral{color:var(--text-secondary)}.completion-notice{display:flex;gap:12px;padding:16px;background:var(--primary-purple-ultra-light);border-radius:12px;border:1px solid var(--primary-purple-pale);margin-bottom:24px}.completion-notice p{font-size:14px;color:var(--text-primary);line-height:1.5}.completion-actions{text-align:center}.btn-large{padding:16px 32px;font-size:16px}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;cursor:pointer;border-radius:8px;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.admin-setup-footer{display:flex;justify-content:space-between;padding:24px 0;margin-top:24px;border-top:1px solid var(--border-light)}.footer-actions{display:flex;justify-content:space-between;width:100%}@media (max-width: 768px){.admin-setup-wrapper{padding:16px}.admin-setup-header{flex-direction:column;align-items:flex-start}.setup-progress-bar{overflow-x:auto;padding-bottom:8px}.progress-step{min-width:80px}.setup-step-content{padding:20px}.info-cards-grid{grid-template-columns:1fr}.add-note-form{flex-direction:column}}.ai-suggestions-pending{background:linear-gradient(135deg,var(--bg-secondary) 0%,#f0e6ff 100%);border:2px dashed var(--primary-purple-pale);border-radius:var(--radius-lg);padding:48px 32px;text-align:center;margin:24px 0}.ai-pending-content{max-width:480px;margin:0 auto}.ai-pending-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,var(--primary-purple-pale) 0%,var(--primary-purple-ultra-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-purple);animation:pending-pulse 2s ease-in-out infinite}@keyframes pending-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.ai-pending-content h3{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.ai-pending-message{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.ai-pending-message strong{color:var(--primary-purple);font-weight:600}.ai-pending-submessage{font-size:13px;color:var(--text-light);line-height:1.5;margin-bottom:24px}.ai-pending-status{display:inline-flex;align-items:center;gap:8px;background:#fff;padding:10px 20px;border-radius:var(--radius-full);font-size:13px;color:var(--text-secondary);box-shadow:var(--shadow-sm)}.ai-pending-status .status-dot{width:8px;height:8px;background:var(--primary-purple);border-radius:50%;animation:status-blink 1.5s ease-in-out infinite}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.3}}.ai-suggestions-section .ai-suggestions-pending{min-height:200px}.ai-suggestions-locked{background:linear-gradient(135deg,#fce4ec,#f8bbd9);border:2px dashed #f48fb1;border-radius:var(--radius-lg);padding:40px 24px;text-align:center}.ai-locked-content{max-width:480px;margin:0 auto}.ai-locked-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#f8bbd9,#f48fb1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c2185b}.ai-locked-content h3{font-size:20px;font-weight:600;color:#880e4f;margin-bottom:12px}.ai-locked-message{font-size:15px;color:#ad1457;line-height:1.6;margin-bottom:8px}.ai-locked-submessage{font-size:13px;color:#c2185b;line-height:1.5;margin-bottom:24px}.ai-locked-info{margin-bottom:20px}.ai-locked-timer{display:inline-flex;align-items:center;gap:8px;background:#fff;padding:12px 20px;border-radius:var(--radius-md);font-size:14px;color:#880e4f;box-shadow:var(--shadow-sm)}.ai-locked-timer svg{color:#c2185b}.ai-locked-timer strong{color:#880e4f}.ai-locked-status{display:inline-flex;align-items:center;gap:8px;background:#fff;padding:10px 20px;border-radius:var(--radius-full);font-size:13px;color:#ad1457;box-shadow:var(--shadow-sm)}.ai-locked-status .status-dot.locked{width:8px;height:8px;background:#c2185b;border-radius:50%;animation:status-blink 1.5s ease-in-out infinite}.algorithmic-pending-wrapper{background:linear-gradient(135deg,var(--bg-secondary) 0%,#f0e6ff 100%);border:2px dashed var(--primary-purple-pale);border-radius:var(--radius-lg);padding:40px 24px;text-align:center;margin:16px 0}.algorithmic-pending-wrapper .ai-pending-icon{width:64px;height:64px;margin-bottom:16px}.algorithmic-pending-wrapper h4{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.algorithmic-pending-wrapper p{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.red-flags-pending{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border:2px dashed #fecaca;border-radius:var(--radius-lg);padding:32px 24px;text-align:center}.red-flags-pending .pending-icon{width:48px;height:48px;margin:0 auto 16px;color:#f87171}.red-flags-pending h4{font-size:16px;color:var(--text-primary);margin-bottom:8px}.red-flags-pending p{font-size:13px;color:var(--text-secondary)}.add-game-wrapper{min-height:100vh;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 50%);display:flex;flex-direction:column}.add-game-header{display:flex;align-items:center;gap:24px;padding:24px 40px;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.add-game-back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-game-back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-medium)}.add-game-header-title h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.add-game-header-title p{font-size:14px;color:var(--text-secondary);margin:0}.add-game-progress{padding:32px 40px;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.progress-steps{display:flex;align-items:center;justify-content:center;max-width:600px;margin:0 auto}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px}.progress-step .step-number{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;background:var(--bg-tertiary);color:var(--text-light);border:2px solid var(--border-light);transition:all .3s}.progress-step.active .step-number{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);color:#fff;border-color:var(--primary-purple);box-shadow:0 4px 12px #8a2be24d}.progress-step.completed .step-number{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981}.progress-step .step-label{font-size:13px;font-weight:500;color:var(--text-light);transition:color .3s}.progress-step.active .step-label,.progress-step.completed .step-label{color:var(--text-primary)}.progress-line{flex:1;height:3px;background:var(--border-light);margin:0 16px 20px;border-radius:2px;transition:background .3s}.progress-line.active{background:linear-gradient(90deg,var(--primary-purple) 0%,var(--primary-purple-light) 100%)}.add-game-content{flex:1;padding:40px;display:flex;justify-content:center}.add-game-card{width:100%;max-width:700px;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);padding:40px}.step-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.step-header .step-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-icon-purple{background:linear-gradient(135deg,var(--primary-purple-pale) 0%,var(--primary-purple-ultra-light) 100%);color:var(--primary-purple)}.step-icon-orange{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.step-icon-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.step-header-text h2{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.step-header-text p{font-size:14px;color:var(--text-secondary);margin:0}.form-section{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--text-primary)}.form-group label .required{color:#ef4444}.form-input{padding:14px 16px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--bg-primary);transition:all .2s}.form-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8a2be21a}.form-input::placeholder{color:var(--text-light)}.form-hint{font-size:12px;color:var(--text-light)}.file-upload-zone{border:2px dashed var(--border-light);border-radius:var(--radius-lg);padding:32px;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg-secondary)}.file-upload-zone:hover,.file-upload-zone.drag-over{border-color:var(--primary-purple);background:var(--primary-purple-ultra-light)}.file-upload-icon{color:var(--text-light);margin-bottom:16px}.file-upload-text{font-size:14px;color:var(--text-secondary);margin:0 0 8px}.file-upload-text strong{color:var(--primary-purple)}.file-upload-hint{font-size:12px;color:var(--text-light);margin:0}.file-uploaded{display:flex;align-items:center;gap:16px;padding:8px;text-align:left}.file-uploaded-icon{width:48px;height:48px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.file-uploaded-info{flex:1;display:flex;flex-direction:column;gap:4px}.file-uploaded-name{font-size:14px;font-weight:600;color:var(--text-primary)}.file-uploaded-project{font-size:12px;color:var(--text-secondary)}.file-remove-btn{width:36px;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.file-remove-btn:hover{background:#fee2e2;color:#ef4444}.connection-status{margin-top:16px}.connection-status-content{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:var(--radius-md)}.connection-pending{background:#fef3c7;border:1px solid #fcd34d}.connection-pending .connection-icon{color:#d97706;animation:pulse 2s ease-in-out infinite}.connection-success{background:#d1fae5;border:1px solid #6ee7b7}.connection-success .connection-icon{color:#059669}.connection-error{background:#fee2e2;border:1px solid #fca5a5}.connection-error .connection-icon{color:#dc2626}.connection-text{flex:1}.connection-text strong{font-size:14px;color:var(--text-primary);display:block;margin-bottom:2px}.connection-text p{font-size:12px;color:var(--text-secondary);margin:0}.info-banner{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,var(--primary-purple-ultra-light) 0%,#f0e6ff 100%);border:1px solid var(--primary-purple-pale);border-radius:var(--radius-lg)}.info-banner-icon{flex-shrink:0;color:var(--primary-purple)}.info-banner-content{font-size:13px;color:var(--text-secondary)}.info-banner-content strong{color:var(--text-primary);display:block;margin-bottom:4px}.info-banner-content p{margin:0;line-height:1.5}.help-accordion{margin-top:24px;border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.help-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary);border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-primary)}.help-accordion-header span{display:flex;align-items:center;gap:10px}.help-accordion-header .accordion-chevron{transition:transform .2s;color:var(--text-light)}.help-accordion-header.open .accordion-chevron{transform:rotate(180deg)}.help-accordion-content{padding:20px;background:var(--bg-primary);border-top:1px solid var(--border-light)}.help-steps{margin:0 0 20px;padding-left:20px}.help-steps li{margin-bottom:16px;color:var(--text-secondary);font-size:14px}.help-steps li strong{display:block;color:var(--text-primary);margin-bottom:4px}.help-steps li p{margin:0}.help-steps li a{color:var(--primary-purple);text-decoration:none}.help-steps li a:hover{text-decoration:underline}.help-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius-md);font-size:13px;color:#92400e}.help-warning svg{flex-shrink:0;color:#d97706}.review-section{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.review-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.review-card-header{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--bg-secondary);font-size:14px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.review-card-content{padding:16px 20px}.review-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-ultra-light)}.review-item:last-child{border-bottom:none}.review-label{font-size:13px;color:var(--text-secondary)}.review-value{font-size:14px;font-weight:500;color:var(--text-primary);text-align:right;max-width:60%;word-break:break-word}.review-link{color:var(--primary-purple);font-size:12px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.status-success{background:#d1fae5;color:#059669}.status-badge.status-warning{background:#fef3c7;color:#d97706}.submit-info{display:flex;gap:20px;padding:24px;background:linear-gradient(135deg,var(--bg-secondary) 0%,#f0e6ff 100%);border:1px solid var(--primary-purple-pale);border-radius:var(--radius-lg)}.submit-info-icon{flex-shrink:0;color:var(--primary-purple);animation:pulse 2s ease-in-out infinite}.submit-info-content h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.submit-info-content ul{margin:0;padding-left:20px}.submit-info-content li{font-size:14px;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.submit-info-content li:last-child{margin-bottom:0}.add-game-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background:var(--bg-primary);border-top:1px solid var(--border-light)}.add-game-footer .btn{display:flex;align-items:center;gap:8px}.add-game-footer .step-indicator{font-size:14px;color:var(--text-light);white-space:nowrap;width:auto;height:auto;border-radius:0;border:none;background:transparent;box-shadow:none}.add-game-wrapper .btn{padding:12px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.add-game-wrapper .btn-primary{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);color:#fff;border:none;box-shadow:0 4px 12px #8a2be240}.add-game-wrapper .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8a2be259}.add-game-wrapper .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-game-wrapper .btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-light)}.add-game-wrapper .btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.add-game-wrapper .btn-sm{padding:8px 14px;font-size:12px}.add-game-wrapper .btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary)}.add-game-wrapper .btn-outline:hover{background:var(--bg-tertiary)}@media (max-width: 768px){.add-game-header{flex-direction:column;align-items:flex-start;padding:16px 20px}.add-game-progress{padding:24px 20px}.progress-step .step-label{display:none}.add-game-content{padding:20px}.add-game-card{padding:24px}.step-header{flex-direction:column;text-align:center}.add-game-footer{padding:16px 20px}.submit-info{flex-direction:column;text-align:center}}.optional-tag{font-size:11px;font-weight:500;color:var(--text-light);background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;margin-left:8px}.required-asterisk{color:var(--error-red);font-weight:600;margin-left:2px}.gdd-upload-zone{min-height:100px;padding:20px}.gdd-upload-zone .file-upload-icon svg{width:36px;height:36px}.status-badge.status-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.traditional-setup-wrapper{min-height:100vh;background:linear-gradient(135deg,var(--bg-secondary) 0%,#F0E6FF 100%)}.progress-steps-4{max-width:800px}.add-game-card-wide{max-width:900px}.info-banner-purple{background:linear-gradient(135deg,#8a2be21a,#8a2be20d);border-left-color:var(--primary-purple)}.info-banner-purple .info-banner-icon{color:var(--primary-purple)}.info-banner-blue{background:linear-gradient(135deg,#2196f31a,#2196f30d);border-left-color:var(--info-blue)}.info-banner-blue .info-banner-icon{color:var(--info-blue)}.file-upload-zone-large{min-height:200px}.processing-status{background:linear-gradient(135deg,#2196f31a,#2196f30d);border:1px solid rgba(33,150,243,.2);border-radius:12px;padding:24px;margin-top:20px}.processing-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.processing-spinner{width:24px;height:24px;border:3px solid rgba(33,150,243,.2);border-top-color:var(--info-blue);border-radius:50%;animation:spin 1s linear infinite}.processing-progress{height:8px;background:#2196f333;border-radius:4px;overflow:hidden}.processing-progress-bar{height:100%;background:linear-gradient(90deg,var(--info-blue),#64B5F6);border-radius:4px;transition:width .3s ease}.processing-hint{font-size:12px;color:var(--text-light);margin-top:12px}.processed-results{margin-top:20px}.processed-success{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#4caf501a,#4caf500d);border:1px solid rgba(76,175,80,.3);border-radius:12px;color:var(--success-green);font-weight:600;margin-bottom:20px}.extracted-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.extracted-summary-item{background:#fff;padding:16px;border-radius:8px;border:1px solid var(--border-light)}.extracted-summary-item .summary-label{display:block;font-size:12px;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.extracted-summary-item .summary-value{display:block;font-size:16px;font-weight:600;color:var(--text-primary)}.review-section-wide{max-width:100%}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 768px){.review-grid{grid-template-columns:1fr}}.file-uploaded-icon-blue{background:linear-gradient(135deg,#2196f333,#2196f31a);color:var(--info-blue)}.ai-video-wrapper{min-height:100vh;background:linear-gradient(135deg,var(--bg-secondary) 0%,#E8F4E8 100%)}.ai-video-content{max-width:1000px;margin:0 auto;padding:40px 24px 80px;display:flex;flex-direction:column;gap:24px}.ai-video-card{background:#fff;border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden}.ai-video-card-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#8a2be20d,#8a2be205);border-bottom:1px solid var(--border-light)}.ai-video-card-header svg{color:var(--primary-purple)}.ai-video-card-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.ai-video-card-content{padding:24px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237F8C8D' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.video-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-light)}.status-item{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500}.status-success{background:#4caf501a;color:var(--success-green)}.status-pending{background:#9e9e9e1a;color:var(--text-light)}.model-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.model-btn{display:flex;flex-direction:column;align-items:flex-start;padding:16px;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.model-btn:hover{border-color:var(--primary-purple-light);background:var(--primary-purple-ultra-light)}.model-btn.active{border-color:var(--primary-purple);background:linear-gradient(135deg,#8a2be21a,#8a2be20d)}.model-btn .model-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.model-btn .model-desc{font-size:12px;color:var(--text-light)}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 0}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:22px;height:22px;border:2px solid var(--border-medium);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--primary-purple);border-color:var(--primary-purple)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"";width:6px;height:10px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg)}.checkbox-text{font-size:14px;color:var(--text-secondary)}.analysis-action{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-light)}.btn-lg{padding:14px 28px;font-size:16px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;color:var(--text-secondary)}.progress-info #progress-percent{font-weight:600;color:var(--primary-purple)}.progress-bar-container{height:10px;background:var(--bg-tertiary);border-radius:5px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-purple),var(--primary-purple-light));border-radius:5px;transition:width .3s ease}.progress-hint{font-size:12px;color:var(--text-light);margin-top:12px}.ai-video-card-error{background:linear-gradient(135deg,#f443361a,#f443360d);border:1px solid rgba(244,67,54,.3)}.error-content{display:flex;align-items:center;gap:16px;padding:20px 24px;color:var(--error-red)}.error-content svg{flex-shrink:0}.error-content span{flex:1;font-weight:500}.results-tabs{display:flex;border-bottom:1px solid var(--border-light);padding:0 24px}.results-tab{padding:16px 24px;background:none;border:none;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.results-tab:hover{color:var(--primary-purple)}.results-tab.active{color:var(--primary-purple);border-bottom-color:var(--primary-purple)}.results-content{padding:24px}.raw-analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 768px){.raw-analysis-grid{grid-template-columns:1fr}}.analysis-panel{background:var(--bg-secondary);border-radius:12px;padding:20px}.analysis-panel h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.analysis-panel h3 svg{color:var(--primary-purple)}.analysis-items{display:flex;flex-direction:column;gap:12px}.analysis-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:8px}.analysis-item .item-label{font-size:13px;color:var(--text-secondary)}.analysis-item .item-value{font-size:14px;font-weight:600;color:var(--text-primary)}.analysis-item .value-success{color:var(--success-green)}.analysis-item .value-warning{color:var(--warning-yellow)}.document-viewer{background:var(--bg-secondary);border-radius:12px;overflow:hidden}.document-header{padding:16px 20px;background:#fff;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.document-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.document-actions{display:flex;gap:8px}.document-actions .btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px}.document-content{padding:20px;max-height:500px;overflow-y:auto}.document-content pre{white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);margin:0}.document-content.markdown-body{font-size:14px;line-height:1.7;color:var(--text-primary)}.document-content.markdown-body h1{font-size:24px;font-weight:700;margin:24px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--primary);color:var(--text-primary)}.document-content.markdown-body h2{font-size:20px;font-weight:600;margin:20px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.document-content.markdown-body h3{font-size:16px;font-weight:600;margin:16px 0 10px;color:var(--text-secondary)}.document-content.markdown-body p{margin:12px 0}.document-content.markdown-body ul{margin:12px 0;padding-left:24px}.document-content.markdown-body li{margin:6px 0}.document-content.markdown-body strong{font-weight:600;color:var(--text-primary)}.document-content.markdown-body code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.document-content.markdown-body pre{background:var(--bg-tertiary);padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0}.document-content.markdown-body pre code{background:none;padding:0}.document-not-available{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;color:var(--text-light)}.document-not-available svg{margin-bottom:16px;opacity:.5}.document-not-available p{font-size:14px;margin:4px 0}.results-actions{padding:24px;border-top:1px solid var(--border-light);display:flex;justify-content:center}.video-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;border:2px dashed var(--border-light);border-radius:12px;background:var(--bg-secondary);cursor:pointer;transition:all .2s ease}.video-upload-zone:hover{border-color:var(--primary-purple);background:var(--primary-purple-ultra-light)}.video-upload-zone.drag-over{border-color:var(--primary-purple);background:var(--primary-purple-pale)}.video-select-row{display:flex;gap:12px}.video-select-row .form-select{flex:1}.video-select-row .btn-outline{flex-shrink:0;padding:12px}.upload-progress-container{padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light)}.upload-file-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.upload-file-info svg{color:var(--primary-purple)}.upload-file-info span{flex:1;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-cancel-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-light);transition:color .2s ease}.upload-cancel-btn:hover{color:var(--error-red)}.upload-progress-bar-container{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.upload-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-purple),var(--primary-purple-light));border-radius:4px;transition:width .2s ease}.upload-progress-text{display:block;margin-top:8px;font-size:13px;color:var(--text-secondary)}.admin-gdd-setup-wrapper{padding:var(--spacing-lg);max-width:1600px;margin:0 auto}.gdd-setup-content{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.gdd-setup-left-panel{display:flex;flex-direction:column;gap:var(--spacing-md)}.gdd-setup-right-panel{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;display:flex;flex-direction:column;min-height:600px}.setup-card{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.setup-card-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);font-weight:600;font-size:14px;color:var(--text-primary)}.setup-card-header svg{color:var(--primary-purple)}.setup-card-body{padding:var(--spacing-md)}.ticket-info{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.ticket-info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.ticket-info-item:not(:last-child){border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.info-label{font-size:12px;color:var(--text-secondary)}.info-value{font-weight:500;font-size:13px}.video-gdd-option{padding:var(--spacing-md);background:linear-gradient(135deg,#8a2be20d,#8a2be21a);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:1px solid rgba(138,43,226,.2)}.video-gdd-option .checkbox-container{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.video-gdd-option .checkbox-label{font-weight:500;color:var(--primary-purple)}.video-gdd-option .option-hint{margin-top:var(--spacing-xs);font-size:12px;color:var(--text-secondary);margin-left:24px}.upload-status{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:13px}.upload-status .status-info{color:var(--info-blue)}.upload-status .status-success{color:var(--success-green)}.upload-status .status-error{color:var(--error-red)}.processing-status{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.processing-spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gdd-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-secondary);padding:0 var(--spacing-sm);overflow-x:auto}.gdd-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-md);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap}.gdd-tab:hover{color:var(--primary-purple);background:#8a2be20d}.gdd-tab.active{color:var(--primary-purple);border-bottom-color:var(--primary-purple)}.gdd-tab svg{flex-shrink:0}.tab-status{margin-left:var(--spacing-xs)}.tab-status-processing{color:var(--primary-purple)}.tab-status-completed{color:var(--success-green)}.tab-status-error{color:var(--error-red)}.tab-spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--border-light);border-top-color:var(--primary-purple);border-radius:50%;animation:spin .8s linear infinite}.gdd-tab-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.tab-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center;color:var(--text-secondary)}.tab-placeholder svg{margin-bottom:var(--spacing-md);opacity:.3}.tab-placeholder h3{font-size:18px;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.tab-placeholder p{font-size:14px}.tab-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center;color:var(--error-red)}.tab-error svg{margin-bottom:var(--spacing-md);opacity:.6}.tab-error h3{font-size:18px;margin-bottom:var(--spacing-xs)}.tab-result{max-width:900px}.result-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-lg)}.result-header h3{font-size:18px;color:var(--text-primary)}.result-content{font-size:14px;line-height:1.6}.result-object{display:flex;flex-direction:column;gap:var(--spacing-md)}.result-object.nested{padding-left:var(--spacing-md);border-left:2px solid var(--border-light);margin-top:var(--spacing-sm)}.result-field{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md)}.field-label{display:block;font-size:12px;font-weight:600;color:var(--primary-purple);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.field-value{color:var(--text-primary)}.result-list{list-style:none;padding:0;margin:0}.result-list li{position:relative;padding-left:var(--spacing-md);margin-bottom:var(--spacing-xs)}.result-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--primary-purple);border-radius:50%}.result-text{white-space:pre-wrap;word-break:break-word}.result-primitive{font-family:SF Mono,Monaco,Consolas,monospace;background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:13px}.no-data{color:var(--text-secondary);font-style:italic}@media (max-width: 1200px){.gdd-setup-content{grid-template-columns:300px 1fr}}@media (max-width: 900px){.gdd-setup-content{grid-template-columns:1fr}.gdd-setup-right-panel{min-height:500px}.gdd-tabs{flex-wrap:wrap}.gdd-tab{flex:1;min-width:calc(33.33% - var(--spacing-sm));justify-content:center;font-size:12px;padding:var(--spacing-sm) var(--spacing-xs)}.gdd-tab span:not(.tab-status){display:none}}.upload-hint{font-size:12px;color:var(--text-secondary);margin:var(--spacing-sm) 0;text-align:center}.ticket-select-group{background:linear-gradient(135deg,#8a2be208,#8a2be214);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid rgba(138,43,226,.15)}.ticket-select-group label{display:flex;align-items:center;gap:var(--spacing-xs)}.ticket-select-group label svg{color:var(--primary-purple)}.form-divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-lg) 0}.form-divider:before,.form-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-light)}.form-divider span{padding:0 var(--spacing-md);color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.video-analysis-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;margin:20px 0;background:linear-gradient(135deg,#4caf501a,#4caf500d);border:1px solid rgba(76,175,80,.3);border-left:4px solid #4CAF50;border-radius:12px}.video-analysis-banner .banner-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#4caf5026;border-radius:12px;color:#4caf50;flex-shrink:0}.video-analysis-banner .banner-content{flex:1}.video-analysis-banner .banner-content strong{display:block;color:var(--text-primary);font-size:14px;margin-bottom:4px}.video-analysis-banner .banner-content p{color:var(--text-secondary);font-size:13px;margin:0}.video-analysis-banner .banner-dismiss{background:transparent;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:8px;transition:all .2s ease}.video-analysis-banner .banner-dismiss:hover{background:#0000001a;color:var(--text-primary)}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirmation-modal{background:var(--bg-primary);border-radius:16px;padding:24px;max-width:420px;width:90%;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirmation-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.confirmation-modal-header svg{color:var(--primary-purple);flex-shrink:0}.confirmation-modal-header h3{margin:0;font-size:18px;color:var(--text-primary)}.confirmation-modal-body p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.confirmation-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.edit-modal{background:var(--bg-primary);border-radius:16px;max-width:700px;width:90%;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}.edit-modal-header h3{margin:0;font-size:18px;color:var(--text-primary)}.edit-modal-close{background:transparent;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:8px;transition:all .2s ease}.edit-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.edit-modal-body{flex:1;overflow-y:auto;padding:24px}.edit-fields{display:flex;flex-direction:column;gap:16px}.edit-field{display:flex;flex-direction:column;gap:6px}.edit-field label{font-size:13px;font-weight:500;color:var(--text-secondary)}.edit-input{padding:10px 12px;border:1px solid var(--border-light);border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);transition:all .2s ease}.edit-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8a2be21a}textarea.edit-input{min-height:80px;resize:vertical;font-family:inherit}.edit-section{border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.edit-section-header{background:var(--bg-secondary);padding:12px 16px;font-weight:600;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.edit-section-content{padding:16px;display:flex;flex-direction:column;gap:12px}.edit-array-item{border:1px solid var(--border-light);border-radius:8px;padding:12px;background:var(--bg-secondary)}.edit-array-header{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.edit-array-container{display:flex;flex-direction:column;gap:8px}.edit-array-string-item{padding:8px 12px}.edit-array-input-row{display:flex;align-items:center;gap:8px}.edit-array-input-row .edit-input{flex:1}.btn-remove-array-item{background:transparent;border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:all .2s ease;flex-shrink:0}.btn-remove-array-item:hover{background:#dc26261a;border-color:#dc26264d;color:#dc2626}.btn-add-array-item{background:transparent;border:1px dashed var(--border-light);border-radius:8px;color:var(--primary-purple);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;text-align:center}.btn-add-array-item:hover{background:#8a2be20d;border-color:var(--primary-purple)}.edit-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-light)}.result-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.result-header-actions{display:flex;align-items:center;gap:12px}.result-timestamp{font-size:12px;color:var(--text-secondary)}.document-edit-area{padding:16px;background:var(--bg-secondary);border-radius:12px;margin-top:16px}.document-editor{width:100%;min-height:400px;padding:16px;border:1px solid var(--border-light);border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);resize:vertical}.document-editor:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8a2be21a}.notification-btn{position:relative;background:var(--bg-secondary);border:1px solid var(--border-light);padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.notification-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-purple)}.notification-btn svg{color:var(--text-secondary);width:22px;height:22px}.notification-btn:hover svg{color:var(--primary-purple)}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 4px #ef444466;animation:notificationPulse 2s infinite}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.chatbot-btn{position:relative;background:var(--bg-secondary);border:1px solid var(--border-light);padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.chatbot-btn:hover{background:#8a2be214;border-color:var(--primary-purple)}.chatbot-btn svg{color:var(--text-secondary);width:22px;height:22px}.chatbot-btn:hover svg{color:var(--primary-purple)}.chatbot-btn.active{background:#8a2be21f;border-color:var(--primary-purple)}.chatbot-btn.active svg{color:var(--primary-purple)}.notification-modal-overlay{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notification-modal{width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden}.notification-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);color:#fff}.notification-modal-header h2{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;margin:0}.notification-modal-header h2 svg{opacity:.9}.notification-modal-actions{display:flex;align-items:center;gap:8px}.notification-modal-actions .btn-outline{background:transparent;border-color:#fff6;color:#fff;font-size:12px;padding:6px 12px}.notification-modal-actions .btn-outline:hover{background:#ffffff26;border-color:#fff}.notification-modal-actions .modal-close-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;opacity:.8;transition:opacity .2s}.notification-modal-actions .modal-close-btn:hover{opacity:1}.notification-modal-body{flex:1;overflow-y:auto;background:var(--bg-primary)}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.notification-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top-color:var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.notification-empty svg{color:var(--text-light);margin-bottom:16px;opacity:.5}.notification-empty p{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.notification-empty span{font-size:13px}.notification-empty.notification-error{color:var(--error-red)}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .2s;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-secondary)}.notification-item.unread{background:#8a2be208}.notification-item.unread:hover{background:#8a2be20f}.notification-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.notification-type-game .notification-icon{background:#8a2be21a;color:var(--primary-purple)}.notification-type-ticket .notification-icon{background:#2196f31a;color:var(--info-blue)}.notification-type-question .notification-icon{background:#ffc1071a;color:#f59e0b}.notification-type-general .notification-icon{background:#6b72801a;color:var(--text-secondary)}.notification-type-system .notification-icon{background:#10b9811a;color:var(--success-green)}.notification-content{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.notification-item.unread .notification-title{color:var(--primary-purple)}.notification-message{font-size:13px;color:var(--text-secondary);line-height:1.4;margin-bottom:6px}.notification-time{font-size:11px;color:var(--text-light)}.notification-unread-dot{position:absolute;top:20px;right:20px;width:8px;height:8px;background:var(--primary-purple);border-radius:50%}.question-modal-overlay{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.question-modal{width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden}.question-modal .modal-header{background:linear-gradient(135deg,#7f5af0,#6366f1);padding:20px 24px;color:#fff}.question-modal .modal-header h2{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;margin:0;color:#fff}.question-modal .modal-body{flex:1;overflow-y:auto;padding:24px;background:var(--bg-primary)}.question-context{background:#7f5af014;border:1px solid rgba(127,90,240,.2);border-radius:var(--radius-md);padding:16px;margin-bottom:24px}.question-context p{color:var(--text-primary);font-size:14px;margin:0}.question-form{display:flex;flex-direction:column;gap:20px}.question-group{position:relative}.question-label{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:10px}.question-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#7f5af0,#6366f1);color:#fff;font-size:12px;font-weight:700;border-radius:50%;flex-shrink:0}.question-input{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;line-height:1.5;resize:vertical;transition:border-color .2s,box-shadow .2s}.question-input:focus{outline:none;border-color:#7f5af0;box-shadow:0 0 0 3px #7f5af026}.question-input:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.question-answered-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--success-green);background:#10b9811a;padding:4px 8px;border-radius:4px;margin-top:8px}.question-modal .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:var(--bg-secondary);border-top:1px solid var(--border-light)}.answers-submitted-badge{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--success-green);background:#10b9811a;padding:8px 16px;border-radius:var(--radius-md)}.ask-questions-modal{width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-primary)}.ask-questions-modal .modal-header{background:linear-gradient(135deg,var(--primary-purple) 0%,#6B21A8 100%);padding:20px 24px;color:#fff;position:relative}.ask-questions-modal .modal-header h2{font-size:18px;font-weight:600;margin:0;color:#fff}.ask-questions-modal .modal-subtitle{font-size:14px;opacity:.9;margin:4px 0 0}.ask-questions-modal .modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;opacity:.8;transition:opacity .2s}.ask-questions-modal .modal-close:hover{opacity:1}.ask-questions-modal .modal-body{flex:1;overflow-y:auto;padding:24px}.questions-container{display:flex;flex-direction:column;gap:12px}.question-input-row{display:flex;align-items:center;gap:12px}.question-input-row .question-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:linear-gradient(135deg,var(--primary-purple) 0%,#6B21A8 100%);color:#fff;font-size:13px;font-weight:600;border-radius:50%}.question-input-row .question-input{flex:1;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.question-input-row .question-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8a2be21a}.question-input-row .remove-question{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:background .2s,color .2s}.question-input-row .remove-question:hover{background:#ef44441a;color:#ef4444}.add-question-btn{margin-top:8px;align-self:flex-start}.ask-questions-modal .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:var(--bg-secondary);border-top:1px solid var(--border-light)}.questions-answers-section h3{display:flex;align-items:center;gap:10px;color:#7f5af0}.questions-list{display:flex;flex-direction:column;gap:16px}.question-set{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.question-set.answered{border-color:#10b9814d}.question-set.pending{border-color:#f59e0b4d}.question-set-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light)}.question-set-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.question-set-status.answered{color:#10b981;background:#10b9811a}.question-set-status.pending{color:#f59e0b;background:#f59e0b1a}.question-set-date{font-size:12px;color:var(--text-secondary)}.question-items{padding:16px;display:flex;flex-direction:column;gap:16px}.qa-item{padding-bottom:16px;border-bottom:1px solid var(--border-light)}.qa-item:last-child{padding-bottom:0;border-bottom:none}.qa-question{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.qa-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;background:linear-gradient(135deg,#7f5af0,#6366f1);color:#fff;font-size:12px;font-weight:700;border-radius:50%}.qa-text{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.5}.qa-answer{margin-left:36px;padding:12px 16px;background:#10b9810d;border-left:3px solid #10B981;border-radius:0 var(--radius-md) var(--radius-md) 0}.qa-answer.pending{background:#f59e0b0d;border-left-color:#f59e0b}.qa-answer-label{font-size:11px;font-weight:600;color:#10b981;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.qa-answer-text{font-size:14px;color:var(--text-primary);line-height:1.6;margin:0;white-space:pre-wrap}.qa-answer-time{display:block;font-size:11px;color:var(--text-secondary);margin-top:8px}.qa-pending-text{font-size:13px;color:#f59e0b;font-style:italic}#key-insights-card .chart-header{display:flex;justify-content:space-between;align-items:flex-start}#key-insights-card .chart-header-left{flex:1}#key-insights-card .chart-header-right{flex-shrink:0;margin-left:16px}.select-all-kpi-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12px;color:#64748b;transition:all .15s ease}.select-all-kpi-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.go-to-ai-producer-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;color:#fff;transition:all .2s;white-space:nowrap}.go-to-ai-producer-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 2px 8px #7c3aed4d}.go-to-ai-producer-btn svg{flex-shrink:0}.kpi-checkbox{width:16px;height:16px;accent-color:var(--primary-purple, #7c3aed);cursor:pointer}.insight-card-new{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px;transition:all .15s ease}.insight-card-new:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000a}.insight-card-new.selected{border-color:var(--primary-purple, #7c3aed);background:#faf5ff;box-shadow:0 0 0 3px #7c3aed1a}.insight-checkbox-wrapper{flex-shrink:0;padding-top:2px}.insight-card-content{flex:1;min-width:0}.ai-producer-handle{position:fixed;right:0;top:50%;transform:translateY(-50%);width:48px;height:56px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:12px 0 0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:-4px 0 12px #7c3aed40;transition:all .2s ease;z-index:1000}.ai-producer-handle.disabled{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:-2px 0 8px #64748b26;cursor:not-allowed;opacity:.7}.ai-producer-handle.active{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:-4px 0 16px #7c3aed66;animation:pulse-glow 2s ease-in-out infinite}.ai-producer-handle:not(.disabled):hover{width:54px;box-shadow:-6px 0 20px #7c3aed59}@keyframes pulse-glow{0%,to{box-shadow:-4px 0 16px #7c3aed66}50%{box-shadow:-4px 0 24px #7c3aed99}}.ai-handle-icon{color:#fff;display:flex;align-items:center;justify-content:center}.ai-handle-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;border-radius:10px;display:none;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 4px #ef444466}.ai-producer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1100}.ai-producer-overlay.visible{opacity:1;visibility:visible}.ai-producer-window{position:fixed;top:0;right:-1350px;width:1300px;height:100vh;background:#fff;box-shadow:-8px 0 32px #00000026;z-index:1200;display:flex;flex-direction:column;transition:right .3s ease}.ai-producer-window.visible{right:0}.ai-producer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.ai-producer-header h2{margin:0;font-size:20px;font-weight:600;color:#fff}.ai-producer-close{background:#fff3;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .15s ease}.ai-producer-close:hover{background:#ffffff4d}.ai-producer-content{flex:1;overflow-y:auto;padding:28px 32px;display:grid;grid-template-columns:320px 1fr 340px;gap:28px;min-height:400px}.ai-producer-section{background:#f8fafc;border-radius:12px;padding:20px;display:flex;flex-direction:column;overflow:hidden}.ai-producer-section-title{margin:0 0 16px;font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.ai-producer-empty{color:#94a3b8;font-size:13px;text-align:center;padding:24px 16px;margin:0}.ai-producer-kpi-cards{display:flex;flex-direction:column;gap:10px}.ai-producer-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px;transition:all .15s ease}.ai-producer-kpi-card:hover{border-color:var(--primary-purple, #7c3aed);box-shadow:0 2px 8px #7c3aed1a}.ai-kpi-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ai-kpi-rank{background:var(--primary-purple, #7c3aed);color:#fff;font-size:11px;font-weight:700;padding:3px 7px;border-radius:4px;flex-shrink:0}.ai-kpi-name{font-size:13px;font-weight:600;color:#1e293b;line-height:1.2}.ai-kpi-progress{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ai-kpi-progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.ai-kpi-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.ai-kpi-gap{font-size:11px;font-weight:600;white-space:nowrap}.ai-kpi-values{display:flex;align-items:center;gap:6px;font-size:12px}.ai-kpi-value-item{display:flex;align-items:center;gap:4px}.ai-kpi-label{font-size:10px;color:#64748b;text-transform:uppercase}.ai-kpi-number{font-size:13px;font-weight:700;color:#1e293b}.ai-kpi-arrow{color:#94a3b8;font-size:12px}.ai-kpi-no-data{font-size:12px;color:#94a3b8;margin:0;text-align:center;padding:8px}.ai-kpi-card-empty{display:block}.ai-producer-flag-category{margin-bottom:16px}.ai-producer-flag-category:last-child{margin-bottom:0}.flag-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.flag-category-name{font-size:13px;font-weight:600;color:#334155}.flag-category-count{background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.flag-category-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.flag-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#fff;border-radius:6px;border-left:3px solid #ef4444;font-size:12px}.flag-item-main{display:flex;flex-direction:column;gap:2px}.flag-metric{font-weight:500;color:#1e293b}.flag-scope{font-size:11px;color:#64748b}.flag-item-values{display:flex;align-items:center;gap:4px;font-size:11px}.flag-current{color:#dc2626;font-weight:600}.flag-vs{color:#94a3b8}.flag-threshold{color:#16a34a;font-weight:600}.flag-item-more{font-size:11px;color:#64748b;text-align:center;padding:6px;font-style:italic}.ai-producer-action-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;text-align:left}.ai-producer-action-section .ai-suggestions-container{width:100%}.ai-producer-action-section .ai-suggestions-header{display:flex;flex-direction:column;gap:12px;align-items:stretch}.ai-producer-action-section .ai-suggestions-title{display:flex;align-items:center}.ai-producer-action-section .get-suggestions-btn{width:100%;margin-top:8px}.ai-producer-action-section .ai-producer-section-title{margin-bottom:24px}.ai-producer-recommend-btn{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 20px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #7c3aed4d}.ai-producer-recommend-btn svg{width:32px;height:32px}.ai-producer-recommend-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 8px 20px #7c3aed66;transform:translateY(-2px)}.ai-producer-recommend-btn:active{transform:translateY(0)}.ai-producer-kpi-list,.ai-producer-redflags{flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}@media (max-width: 900px){.ai-producer-window{width:100%;right:-100%}.ai-producer-content{grid-template-columns:1fr;grid-template-rows:auto auto auto}.ai-producer-kpi-list,.ai-producer-redflags{max-height:200px}}.ai-producer-kpi-card{transition:all .2s ease;cursor:pointer}.ai-producer-kpi-card:hover{border-color:var(--primary-purple, #7c3aed);box-shadow:0 4px 12px #7c3aed26}.ai-producer-kpi-card.highlighted{border-color:var(--primary-purple, #7c3aed);background:#faf5ff;box-shadow:0 4px 16px #7c3aed33;transform:translateY(-2px)}.ai-producer-kpi-card.dimmed{opacity:.4;transform:scale(.98)}.ai-kpi-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #e5e7eb}.ai-category-tag{display:inline-flex;align-items:center;padding:3px 8px;font-size:10px;font-weight:700;letter-spacing:.5px;border-radius:4px;border:1px solid;cursor:pointer;transition:all .15s ease}.ai-category-tag:hover,.ai-category-tag.highlighted{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.ai-producer-flag-category{transition:all .2s ease;cursor:pointer;border-left:4px solid var(--cat-color, #64748b);border-radius:8px;padding:12px;background:#fff;margin-bottom:12px}.ai-producer-flag-category:hover{box-shadow:0 4px 12px #00000014}.ai-producer-flag-category.highlighted{background:var(--cat-bg, #f8fafc);box-shadow:0 4px 16px #0000001a;transform:translate(4px)}.ai-producer-flag-category.dimmed{opacity:.4;transform:scale(.98)}.flag-category-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.flag-category-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.flag-category-name{font-size:14px;font-weight:600;color:#1e293b;flex:1}.flag-category-count{color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.flag-linked-kpis{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed #e5e7eb}.flag-kpi-tag{display:inline-flex;align-items:center;padding:3px 8px;font-size:10px;font-weight:600;color:var(--primary-purple, #7c3aed);background:#f5f3ff;border:1px solid #e9d5ff;border-radius:4px;cursor:pointer;transition:all .15s ease}.flag-kpi-tag:hover,.flag-kpi-tag.highlighted{background:#ede9fe;border-color:var(--primary-purple, #7c3aed);transform:scale(1.05);box-shadow:0 2px 6px #7c3aed33}.flag-item{border-left-color:var(--cat-color, #ef4444)}.ai-producer-legend{display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:8px;margin-bottom:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b}.legend-dot{width:8px;height:8px;border-radius:50%}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease-in-out}.custom-modal-overlay.show{opacity:1}.custom-modal-overlay.custom-modal-closing{opacity:0}.custom-modal-container{background:var(--bg-secondary, #F8F9FA);border-radius:12px;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border-light, #E0E0E0);max-width:480px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-modal-header{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid var(--border-light, #E0E0E0)}.custom-modal-icon-circle{flex-shrink:0}.custom-modal-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.custom-modal-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #2C3E50);flex:1}.custom-modal-enhanced{border-radius:16px;overflow:hidden;border:none}.custom-modal-gradient-header{display:flex;align-items:center;gap:16px;padding:22px 28px;color:#fff}.custom-modal-gradient-icon{width:44px;height:44px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.custom-modal-gradient-icon svg{width:22px;height:22px}.custom-modal-gradient-text{flex:1}.custom-modal-gradient-title{margin:0;font-size:19px;font-weight:700;color:#fff}.custom-modal-enhanced .custom-modal-body{padding:24px 28px}.custom-modal-enhanced .custom-modal-message{font-size:14px;color:var(--text-secondary, #64748b);line-height:1.65}.custom-modal-enhanced .custom-modal-footer{padding:18px 28px;border-top:1px solid var(--border-light, #E0E0E0);background:var(--bg-secondary, #F8F9FA);border-radius:0 0 16px 16px}.custom-modal-enhanced .custom-modal-footer .btn{padding:10px 22px;font-size:14px;font-weight:600;border-radius:10px}.custom-modal-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.custom-modal-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef444459}.custom-modal-body{padding:24px;overflow-y:auto;flex:1}.custom-modal-message{margin:0 0 16px;color:var(--text-secondary, #7F8C8D);line-height:1.6;font-size:13.6px}.custom-modal-message:last-child{margin-bottom:0}.custom-modal-input{width:100%;padding:12px;border:1px solid var(--border-light, #E0E0E0);border-radius:8px;background:var(--bg-primary, #FFFFFF);color:var(--text-primary, #2C3E50);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;resize:vertical;box-sizing:border-box;transition:border-color .2s}.custom-modal-input:focus{outline:none;border-color:var(--primary-purple, #8A2BE2);box-shadow:0 0 0 3px #8a2be21a}.custom-modal-input::placeholder{color:var(--text-light, #95A5A6)}.custom-modal-radio-group{display:flex;flex-direction:column;gap:12px}.custom-modal-radio-label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border-light, #E0E0E0);border-radius:8px;cursor:pointer;transition:all .2s}.custom-modal-radio-label:hover{background:var(--bg-primary, #FFFFFF);border-color:var(--primary-purple, #8A2BE2)}.custom-modal-radio-label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-purple, #8A2BE2)}.custom-modal-radio-label span{flex:1;color:var(--text-primary, #2C3E50);font-size:13.6px}.custom-modal-footer{padding:20px 24px;border-top:1px solid var(--border-light, #E0E0E0);display:flex;align-items:center;justify-content:flex-end;gap:12px}.custom-modal-footer .btn{padding:10px 20px;font-size:13.6px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:6px}@media (max-width: 576px){.custom-modal-container{width:95%;max-width:none}.custom-modal-header,.custom-modal-body{padding:16px}.custom-modal-footer{padding:16px;flex-wrap:wrap}.custom-modal-footer .btn{flex:1;min-width:120px}.custom-modal-title{font-size:16px}.custom-modal-message{font-size:12.75px}}button[data-loading=true],.btn[data-loading=true]{opacity:.7;cursor:not-allowed;pointer-events:none}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.btn,button{transition:opacity .2s ease,background-color .2s ease,transform .1s ease}.btn:active:not(:disabled),button:active:not(:disabled){transform:scale(.97)}.tab-btn,.impact-tab-btn,.nav-tab{transition:color .2s ease,border-color .2s ease,background-color .2s ease}.tab-content,.tab-pane,.impact-tab-content{animation:fadeInTab .2s ease-out}@keyframes fadeInTab{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.kpi-group-content,.accordion-content,.expand-collapse-content{overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.kpi-group-header svg,.accordion-header svg,.expand-toggle svg{transition:transform .2s ease}.dropdown-menu,.settings-dropdown-menu,.profile-dropdown,.admin-menu-dropdown{opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.dropdown-menu.show,.settings-dropdown-menu.show,.profile-dropdown.show,.admin-menu-dropdown.show{opacity:1;transform:translateY(0);pointer-events:auto}.modal-overlay,.custom-modal-overlay,#custom-modal-overlay{transition:opacity .25s ease}.modal-dialog,.custom-modal-content{transition:transform .25s ease,opacity .25s ease}.nav-item,.sidebar-nav-item{transition:background-color .15s ease,color .15s ease}.nav-item:hover,.sidebar-nav-item:hover{transition:background-color .1s ease}.suggestion-detail,.suggestion-expanded-content{animation:expandIn .2s ease-out}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.copy-success-message{animation:copyFeedback 2s ease forwards}@keyframes copyFeedback{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}input[type=checkbox]{transition:background-color .15s ease,border-color .15s ease}.filter-chip,.suggestion-filter-btn{transition:background-color .15s ease,color .15s ease,border-color .15s ease}.apply-impact-container{max-width:520px;border-radius:16px;overflow:hidden}.apply-impact-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px 28px;display:flex;align-items:center;gap:16px}.apply-impact-header-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.apply-impact-header-text{flex:1}.apply-impact-title{margin:0;font-size:20px;font-weight:700;color:#fff}.apply-impact-subtitle{margin:4px 0 0;font-size:13px;color:#fffc}.apply-impact-body{padding:24px 28px}.apply-impact-source-row{margin-bottom:20px}.apply-impact-source-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.apply-impact-source-badge svg{flex-shrink:0}.apply-impact-count-card{text-align:center;padding:20px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;border:1px solid #e0d4fc;margin-bottom:20px}.apply-impact-count-number{font-size:40px;font-weight:800;color:var(--primary-purple, #8A2BE2);line-height:1;margin-bottom:4px}.apply-impact-count-label{font-size:14px;color:var(--text-secondary, #7F8C8D);font-weight:500}.apply-impact-preview{margin-bottom:20px}.apply-impact-preview-label{font-size:12px;font-weight:600;color:var(--text-secondary, #7F8C8D);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.apply-impact-preview-list{margin:0;padding:0;list-style:none}.apply-impact-preview-list li{padding:8px 12px;font-size:13px;color:var(--text-primary, #2C3E50);border-left:3px solid var(--primary-purple, #8A2BE2);background:var(--bg-primary, #FFFFFF);margin-bottom:6px;border-radius:0 8px 8px 0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apply-impact-preview-list li.apply-impact-preview-more{border-left-color:var(--text-light, #95A5A6);color:var(--text-secondary, #7F8C8D);font-style:italic;font-size:12px}.apply-impact-info-note{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#eff6ff;border-radius:10px;border:1px solid #bfdbfe;font-size:12.5px;color:#1e40af;line-height:1.5}.apply-impact-info-note svg{flex-shrink:0;margin-top:1px;color:#3b82f6}.apply-impact-footer{padding:20px 28px;border-top:1px solid var(--border-light, #E0E0E0);display:flex;align-items:center;justify-content:flex-end;gap:12px;background:var(--bg-secondary, #F8F9FA);border-radius:0 0 16px 16px}.apply-impact-footer .btn{padding:10px 22px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.apply-impact-confirm:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.apply-impact-success .apply-impact-success-header{text-align:center;padding:32px 28px 24px}.apply-impact-success-checkmark{width:64px;height:64px;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;animation:successPop .4s cubic-bezier(.175,.885,.32,1.275) forwards;box-shadow:0 4px 20px #4caf5059}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.apply-impact-success-title{margin:0;font-size:22px;font-weight:700;color:var(--text-primary, #2C3E50)}.apply-impact-success-subtitle{margin:8px 0 0;font-size:14px;color:var(--text-secondary, #7F8C8D);line-height:1.5}.apply-impact-success-body{padding:0 28px 24px}.apply-impact-success-info{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:12px;border:1px solid #bbf7d0}.apply-impact-success-info-icon{width:36px;height:36px;background:#4caf501f;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#2e7d32}.apply-impact-success-info-text{font-size:13px;color:#166534;line-height:1.6}.apply-impact-success-footer{justify-content:center}.apply-impact-go{background:linear-gradient(135deg,#667eea,#764ba2)!important}.apply-impact-go:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.apply-impact-stay:hover{background:var(--primary-purple, #8A2BE2)!important;color:#fff!important}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f8f9fa,#f0e6ff,#e8e0f0)}.auth-page:before{content:"";position:absolute;top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(138,43,226,.15) 0%,transparent 70%);filter:blur(60px);animation:authOrb1 15s ease-in-out infinite;pointer-events:none}.auth-page:after{content:"";position:absolute;bottom:-20%;right:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);filter:blur(60px);animation:authOrb2 18s ease-in-out infinite;pointer-events:none}@keyframes authOrb1{0%,to{transform:translate(0) scale(1);opacity:.6}33%{transform:translate(30%,20%) scale(1.1);opacity:.8}66%{transform:translate(-10%,30%) scale(.9);opacity:.5}}@keyframes authOrb2{0%,to{transform:translate(0) scale(1);opacity:.5}33%{transform:translate(-20%,-15%) scale(1.15);opacity:.7}66%{transform:translate(15%,-25%) scale(.85);opacity:.4}}.auth-card{width:100%;max-width:440px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.5);box-shadow:0 25px 50px -12px #8a2be226,0 0 0 1px #fffc inset,0 -20px 40px -20px #8a2be20d inset;overflow:hidden;position:relative;z-index:1;animation:authCardEntrance .8s cubic-bezier(.16,1,.3,1)}.auth-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:cardShimmer 8s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes cardShimmer{0%,to{left:-100%}50%{left:100%}}@keyframes authCardEntrance{0%{opacity:0;transform:translateY(40px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.auth-header{background:linear-gradient(135deg,#8a2be2f2,#7c3aede6,#8b5cf6f2);padding:48px 40px 60px;text-align:center;position:relative;overflow:hidden}.auth-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);animation:headerShine 6s ease-in-out infinite}@keyframes headerShine{0%,to{transform:translate(-100%) skew(-15deg)}50%{transform:translate(100%) skew(-15deg)}}.auth-header:after{content:"";position:absolute;bottom:-1px;left:-5%;width:110%;height:50px;background:#fff;border-radius:50% 50% 0 0}.auth-logo{margin-bottom:20px;position:relative;z-index:1}.auth-logo img{height:56px;width:auto;filter:brightness(0) invert(1) drop-shadow(0 4px 15px rgba(0,0,0,.2))}.auth-logo-text{font-size:36px;font-weight:800;color:#fff;letter-spacing:-1px;text-shadow:0 4px 20px rgba(0,0,0,.2);animation:logoFloat 4s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.auth-tagline{font-size:13px;font-weight:500;color:#ffffffd9;margin-top:4px;letter-spacing:2px;text-transform:uppercase;position:relative;z-index:1}.auth-title{font-size:28px;font-weight:700;color:#fff;margin-top:24px;text-shadow:0 2px 10px rgba(0,0,0,.15);position:relative;z-index:1;animation:titleSlideIn .6s ease-out .2s both}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.auth-subtitle{font-size:15px;color:#fffc;margin-top:8px;position:relative;z-index:1;animation:subtitleFadeIn .6s ease-out .4s both}@keyframes subtitleFadeIn{0%{opacity:0}to{opacity:1}}.auth-body{padding:36px 40px 44px;background:#fff}.auth-form{display:flex;flex-direction:column;gap:24px}.auth-form-group{display:flex;flex-direction:column;gap:10px;animation:formFieldSlideIn .5s ease-out both}.auth-form-group:nth-child(1){animation-delay:.1s}.auth-form-group:nth-child(2){animation-delay:.15s}.auth-form-group:nth-child(3){animation-delay:.2s}.auth-form-group:nth-child(4){animation-delay:.25s}@keyframes formFieldSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.auth-label{font-size:13px;font-weight:600;color:#1a1a2e;display:flex;align-items:center;gap:8px;letter-spacing:.3px}.auth-label svg{width:16px;height:16px;color:#8a2be2;filter:drop-shadow(0 0 6px rgba(138,43,226,.3))}.auth-input-wrapper{position:relative}.auth-input{width:100%;padding:16px 18px;font-size:15px;border:2px solid #E8E0F0;border-radius:14px;background:#fafafa;color:#1a1a2e;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.auth-input:hover{border-color:#d4b8ff;background:#fff}.auth-input:focus{border-color:#8a2be2;background:#fff;box-shadow:0 0 0 4px #8a2be21a,0 0 20px #8a2be214}.auth-input::placeholder{color:#9ca3af}.auth-input.error{border-color:#ef4444;background:#fff5f5}.auth-input.error:focus{box-shadow:0 0 0 4px #ef44441a}.auth-hint{font-size:12px;color:#6b7280;margin-top:4px}.auth-password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;color:#9ca3af;transition:all .2s ease;border-radius:8px}.auth-password-toggle:hover{color:#8a2be2;background:#8a2be214}.auth-password-toggle svg{width:20px;height:20px}.auth-options{display:flex;align-items:center;justify-content:space-between;margin-top:-8px}.auth-remember{display:flex;align-items:center;gap:10px;cursor:pointer}.auth-remember input[type=checkbox]{width:18px;height:18px;accent-color:#8A2BE2;cursor:pointer;border-radius:4px}.auth-remember-label{font-size:13px;color:#6b7280}.auth-forgot-link{font-size:13px;color:#8a2be2;text-decoration:none;font-weight:500;transition:all .2s ease;position:relative}.auth-forgot-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#8a2be2,#a78bfa);transition:width .3s ease}.auth-forgot-link:hover{color:#7c3aed}.auth-forgot-link:hover:after{width:100%}.auth-submit-btn{width:100%;padding:18px 24px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#7c3aed,#8a2be2,#9b4dca);border:none;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;box-shadow:0 8px 25px #8a2be24d,0 0 0 1px #fff3 inset;margin-top:8px;letter-spacing:.5px}.auth-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.auth-submit-btn:hover:not(:disabled):before{left:100%}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#7c3aed,#8a2be2);box-shadow:0 12px 35px #8a2be266,0 0 0 1px #ffffff40 inset;transform:translateY(-2px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px #8a2be240}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-submit-btn svg{width:20px;height:20px}.auth-spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:authSpin .8s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #FECACA;border-radius:14px;padding:16px 18px;display:flex;align-items:flex-start;gap:14px;animation:messageShake .4s ease}@keyframes messageShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.auth-error-icon{flex-shrink:0;width:22px;height:22px;color:#ef4444;filter:drop-shadow(0 0 8px rgba(239,68,68,.3))}.auth-error-text{font-size:14px;color:#b91c1c;line-height:1.5}.auth-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #BBF7D0;border-radius:14px;padding:16px 18px;display:flex;align-items:flex-start;gap:14px;animation:successPulse .5s ease}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.auth-success-icon{flex-shrink:0;width:22px;height:22px;color:#22c55e;filter:drop-shadow(0 0 8px rgba(34,197,94,.3))}.auth-success-text{font-size:14px;color:#15803d;line-height:1.5}.auth-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #BFDBFE;border-radius:14px;padding:16px 18px;display:flex;align-items:flex-start;gap:14px}.auth-info-icon{flex-shrink:0;width:22px;height:22px;color:#3b82f6;filter:drop-shadow(0 0 8px rgba(59,130,246,.3))}.auth-info-text{font-size:14px;color:#1d4ed8;line-height:1.5}.auth-2fa-email{font-weight:600;color:#8a2be2}.auth-otp-container{display:flex;flex-direction:column;align-items:center;gap:14px;margin:28px 0}.auth-otp-inputs{display:flex;justify-content:center;gap:10px;flex-wrap:nowrap}.auth-otp-input{width:54px;height:68px;font-size:28px;font-weight:700;text-align:center;border:2px solid #E8E0F0;border-radius:14px;background:#fafafa;color:#1a1a2e;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;caret-color:#8a2be2}.auth-otp-input:hover{border-color:#d4b8ff}.auth-otp-input:focus{border-color:#8a2be2;background:#fff;box-shadow:0 0 0 4px #8a2be21a,0 0 20px #8a2be21a;transform:scale(1.05)}.auth-otp-input.filled{border-color:#8a2be2;background:#f5efff;color:#7c3aed}.auth-otp-input.error{border-color:#ef4444;background:#fff5f5;animation:otpError .3s ease}@keyframes otpError{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.auth-timer{text-align:center;font-size:14px;color:#6b7280;margin-bottom:20px}.auth-timer-value{font-weight:700;color:#8a2be2;font-family:Courier New,monospace;font-size:16px}.auth-timer.expired .auth-timer-value{color:#ef4444}.auth-resend{text-align:center;margin-top:20px}.auth-resend-text{font-size:14px;color:#6b7280}.auth-resend-btn{background:none;border:none;color:#8a2be2;font-size:14px;font-weight:600;cursor:pointer;padding:6px 10px;margin-left:4px;transition:all .2s ease;border-radius:8px;position:relative}.auth-resend-btn:hover:not(:disabled){color:#7c3aed;background:#8a2be214}.auth-resend-btn:disabled{color:#9ca3af;cursor:not-allowed}.auth-back-btn{display:inline-flex;align-items:center;gap:8px;background:#f8f9fa;border:1px solid #E8E0F0;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;padding:10px 16px;margin:0 0 20px;border-radius:10px;transition:all .2s ease}.auth-back-btn:hover{color:#8a2be2;background:#f5efff;border-color:#d4b8ff}.auth-back-btn svg{width:18px;height:18px}.auth-divider{display:flex;align-items:center;margin:28px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#E8E0F0,transparent)}.auth-divider span{padding:0 18px;font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:1.5px;font-weight:500}.auth-switch{text-align:center}.auth-switch p{font-size:14px;color:#6b7280;margin:0}.auth-switch-link{color:#8a2be2;text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.auth-switch-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#8a2be2,#a78bfa);transition:width .3s ease}.auth-switch-link:hover{color:#7c3aed}.auth-switch-link:hover:after{width:100%}.auth-footer{text-align:center;padding-top:28px;border-top:1px solid #F0E6FF;margin-top:28px}.auth-footer-text{font-size:13px;color:#9ca3af;display:flex;align-items:center;justify-content:center;gap:8px}.auth-footer-text:before{content:"";width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A2BE2' stroke-width='2'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.6}.auth-footer-link{color:#8a2be2;text-decoration:none;font-weight:500}.auth-footer-link:hover{text-decoration:underline}@media (max-width: 480px){.auth-page{padding:16px}.auth-card{max-width:100%;border-radius:20px}.auth-header{padding:36px 24px 50px}.auth-body{padding:28px 24px 36px}.auth-otp-container{gap:8px}.auth-otp-input{width:44px;height:58px;font-size:24px;border-radius:12px}.auth-logo-text{font-size:30px}.auth-title{font-size:24px}.auth-submit-btn{padding:16px 20px}}.game-selector-profile-section{position:relative;cursor:pointer}.game-selector-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 50px #00000026,0 0 0 1px #8a2be214;border:1px solid #F0E6FF;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .25s cubic-bezier(.4,0,.2,1);z-index:9999;overflow:hidden}.game-selector-profile-dropdown.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.profile-dropdown-item{display:flex;align-items:center;gap:14px;padding:14px 18px;color:#1a1a2e;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left}.profile-dropdown-item:hover{background:#f5efff;color:#8a2be2}.profile-dropdown-item svg{width:18px;height:18px;color:#6b7280;transition:color .2s ease}.profile-dropdown-item:hover svg{color:#8a2be2}.profile-dropdown-divider{height:1px;background:#f0e6ff;margin:6px 0}.profile-dropdown-danger{color:#ef4444!important}.profile-dropdown-danger svg{color:#ef4444!important}.profile-dropdown-danger:hover{background:#fef2f2!important;color:#dc2626!important}.profile-dropdown-danger:hover svg{color:#dc2626!important}.profile-dropdown-admin{color:#8a2be2!important;font-weight:600}.profile-dropdown-admin svg{color:#8a2be2!important}.profile-dropdown-admin:hover{background:#8a2be21a!important;color:#7b1fa2!important}.profile-dropdown-admin:hover svg{color:#7b1fa2!important}.auth-user-menu{position:relative}.auth-user-trigger{display:flex;align-items:center;gap:12px;padding:8px 14px;background:#fafafa;border:1px solid #E8E0F0;cursor:pointer;border-radius:14px;transition:all .2s ease}.auth-user-trigger:hover{background:#f5efff;border-color:#d4b8ff}.auth-user-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a78bfa);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;box-shadow:0 4px 15px #8a2be240}.auth-user-info{text-align:left}.auth-user-name{font-size:14px;font-weight:600;color:#1a1a2e}.auth-user-role{font-size:12px;color:#6b7280}.auth-user-dropdown{position:absolute;top:100%;right:0;margin-top:10px;min-width:220px;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 50px #00000026,0 0 0 1px #8a2be214;border:1px solid #F0E6FF;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .25s cubic-bezier(.4,0,.2,1);z-index:1000}.auth-user-menu.open .auth-user-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.auth-dropdown-item{display:flex;align-items:center;gap:14px;padding:14px 18px;color:#1a1a2e;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left}.auth-dropdown-item:first-child{border-radius:16px 16px 0 0}.auth-dropdown-item:last-child{border-radius:0 0 16px 16px}.auth-dropdown-item:hover{background:#f5efff;color:#8a2be2}.auth-dropdown-item svg{width:18px;height:18px;color:#6b7280}.auth-dropdown-item:hover svg{color:#8a2be2}.auth-dropdown-divider{height:1px;background:#f0e6ff;margin:6px 0}.auth-dropdown-item.danger{color:#ef4444}.auth-dropdown-item.danger svg{color:#ef4444}.auth-dropdown-item.danger:hover{background:#fef2f2;color:#dc2626}.auth-dropdown-item.danger:hover svg{color:#dc2626}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalFadeIn .25s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;width:100%;max-width:440px;box-shadow:0 25px 60px #0003,0 0 0 1px #8a2be21a;border:1px solid #F0E6FF;animation:modalSlideUp .35s cubic-bezier(.16,1,.3,1);margin:20px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #F0E6FF}.auth-modal-header h3{margin:0;font-size:20px;font-weight:700;color:#1a1a2e}.auth-modal-close{background:#f8f9fa;border:1px solid #E8E0F0;padding:10px;cursor:pointer;color:#6b7280;border-radius:10px;transition:all .2s ease}.auth-modal-close:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.auth-modal-close svg{width:18px;height:18px}.auth-modal-body{padding:28px}.auth-modal-body .auth-form-group{margin-bottom:20px}.auth-modal-body .auth-form-group:last-of-type{margin-bottom:24px}.auth-input:focus,.auth-otp-input:focus,.auth-submit-btn:focus-visible{outline:none}.auth-body::-webkit-scrollbar{width:6px}.auth-body::-webkit-scrollbar-track{background:#f8f9fa}.auth-body::-webkit-scrollbar-thumb{background:#8a2be233;border-radius:3px}.auth-body::-webkit-scrollbar-thumb:hover{background:#8a2be259}.auth-page ::selection{background:#8a2be233;color:#1a1a2e}.user-profile-section{position:relative;cursor:pointer}.sidebar-profile-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;right:0;min-width:200px;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 -20px 50px #00000026,0 0 0 1px #8a2be214;border:1px solid #F0E6FF;opacity:0;visibility:hidden;transform:translateY(10px) scale(.95);transition:all .25s cubic-bezier(.4,0,.2,1);z-index:9999;overflow:hidden}.sidebar-profile-dropdown.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}