:root{--primary-blue: #2563eb;--primary-blue-dark: #1e40af;--primary-blue-light: #3b82f6;--primary-blue-hover: #1d4ed8;--orange: #f97316;--orange-dark: #ea580c;--orange-light: #fb923c;--orange-hover: #f97316;--green: #10b981;--green-dark: #059669;--bg-white: #ffffff;--bg-gray: #f9fafb;--bg-gray-light: #f3f4f6;--border-gray: #e5e7eb;--border-gray-dark: #d1d5db;--text-primary: #111827;--text-secondary: #6b7280;--text-light: #9ca3af;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 12px rgba(0, 0, 0, .15)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-white);overflow:hidden;font-size:11px}.app-table{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.tooltip{position:fixed;background:#1f2937;color:#fff;padding:.8rem 1rem;border-radius:8px;font-size:.85rem;pointer-events:none;z-index:1000;transform:translate(-50%) translateY(-100%);white-space:normal;max-width:500px;min-width:300px;word-wrap:break-word;word-break:break-word;line-height:1.5;box-shadow:0 4px 20px #0000004d;animation:tooltipFadeIn .15s ease-out;margin-bottom:8px}.tooltip-arrow{position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #1f2937}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-90%)}to{opacity:1;transform:translate(-50%) translateY(-100%)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:8px;padding:1.25rem;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);position:relative;animation:modalSlideIn .25s ease-out;margin:1rem}.modal-content.modal-large{max-width:800px;width:95%;padding:1.5rem}.modal-large .modal-title{font-size:1.3rem}.modal-large .modal-section h3{font-size:.85rem;margin-bottom:.5rem}.modal-text-large{font-size:1rem;line-height:1.7;color:var(--text-primary);white-space:pre-line;background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid var(--border-gray)}.modal-textarea-large{width:100%;padding:1rem;font-size:1rem;line-height:1.6;border:1px solid var(--border-gray);border-radius:8px;resize:vertical;font-family:inherit;min-height:140px}.modal-textarea-large:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}@keyframes modalSlideIn{0%{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:.6rem;right:.6rem;width:24px;height:24px;border:none;background:var(--bg-gray);border-radius:50%;font-size:1.1rem;line-height:1;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close:hover{background:var(--border-gray-dark);color:var(--text-primary)}.modal-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.9rem;padding-right:1.5rem}.modal-section{margin-bottom:.9rem}.modal-section h3{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem}.modal-section p{color:var(--text-primary);line-height:1.5;font-size:.8rem}.modal-pain{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.modal-label{font-size:.7rem;color:var(--text-secondary);min-width:80px}.modal-pains-edit{display:flex;flex-direction:column;gap:1rem}.pain-edit-group{display:flex;align-items:center;gap:1rem}.pain-checkboxes-inline{display:flex;gap:.75rem;flex-wrap:wrap}.pain-checkbox-inline{display:flex;align-items:center;gap:.35rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;background:#f3f4f6;transition:background .2s}.pain-checkbox-inline:hover{background:#e5e7eb}.pain-checkbox-inline input[type=checkbox]{width:16px;height:16px;cursor:pointer}.pain-label{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:.75rem;font-weight:600;color:#fff}.pain-label.pain-l{background:#22c55e}.pain-label.pain-b{background:#3b82f6}.pain-label.pain-s{background:#f59e0b}.pain-label.pain-e{background:#8b5cf6}.pain-label-full{font-size:.85rem;color:#374151}.modal-text-muted{color:#9ca3af;font-style:italic}.modal-questions{white-space:pre-line;background:var(--bg-gray);padding:.6rem;border-radius:4px;font-size:.75rem}.modal-objections{color:#dc2626;font-weight:500}.modal-plans{display:flex;flex-direction:column;gap:.3rem}.modal-plan-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem;background:var(--bg-gray);border-radius:4px}.modal-plan-item-header{flex-direction:column;align-items:stretch;gap:.5rem}.modal-plan-edit-group{display:flex;flex-direction:column;gap:.4rem;flex:1}.header-hint{font-size:.7rem;font-weight:400;color:var(--text-secondary);margin-left:.5rem}.modal-plan-name{font-weight:600;color:var(--text-primary);font-size:.75rem}.modal-plan-value{font-weight:500;color:var(--primary-blue);font-size:.75rem}.editable-modal-field{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.3rem;border-radius:4px;transition:background .2s;display:inline-block}.editable-modal-field:hover{background:#f0f9ff;outline:1px dashed var(--primary-blue)}.modal-edit-container{margin-top:.3rem}.modal-edit-input{width:200px;padding:.4rem;border:2px solid var(--primary-blue);border-radius:4px;font-size:.85rem;font-family:inherit;background:#fff;outline:none}.modal-edit-textarea{width:100%;min-height:100px;padding:.5rem;border:2px solid var(--primary-blue);border-radius:4px;font-size:.85rem;font-family:inherit;background:#fff;outline:none;resize:vertical;line-height:1.5}.modal-edit-hint{font-size:.65rem;color:var(--text-secondary);margin-top:.3rem;font-style:italic}.header-container{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:2px solid var(--primary-blue);box-shadow:0 2px 12px #0000000f;z-index:10;position:relative}.app-header{background:#fff;border-bottom:1px solid var(--border-gray);box-shadow:0 1px 3px #0000000d}.header-top{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.2rem;border-bottom:1px solid var(--border-gray)}.header-brand{display:flex;align-items:baseline;gap:.5rem}.logo{font-size:1.4rem;font-weight:800;color:var(--primary-blue)}.logo-subtitle{font-size:.75rem;color:var(--text-secondary);font-weight:500}.header-columns-toggle{display:flex;gap:1.5rem}.toggle-switch{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input{display:none}.toggle-slider{width:36px;height:20px;background:#e5e7eb;border-radius:10px;position:relative;transition:background .2s}.toggle-slider:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--primary-blue)}.toggle-switch input:checked+.toggle-slider:after{transform:translate(16px)}.toggle-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.header-user{display:flex;align-items:center;gap:.75rem}.user-name{font-size:.8rem;color:var(--text-primary);font-weight:600}.btn-admin{padding:.4rem .75rem;background:var(--bg-gray-light);border:1px solid var(--border-gray);border-radius:6px;font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .15s}.btn-admin:hover{background:var(--bg-gray);border-color:var(--border-gray-dark)}.btn-logout{padding:.4rem .75rem;background:#fff;border:1px solid #fca5a5;border-radius:6px;font-size:.75rem;color:#dc2626;cursor:pointer;transition:all .15s}.btn-logout:hover{background:#fef2f2;border-color:#f87171}.header-filters{display:flex;align-items:stretch;justify-content:center;gap:1.5rem;padding:.75rem 1.2rem;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);border-top:1px solid var(--border-gray)}.filter-group{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;border-radius:8px;border:2px solid}.filter-group.personal{background:#eff6ff;border-color:#3b82f6}.filter-group.corporate{background:#fefce8;border-color:#eab308}.filter-group-header{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.filter-group.personal .filter-group-header{color:#1d4ed8}.filter-group.corporate .filter-group-header{color:#a16207}.filter-group-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.filter-chip{padding:.4rem .75rem;background:#fff;border:1px solid #cbd5e1;border-radius:20px;font-size:.8rem;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.filter-chip:hover{border-color:#94a3b8;background:#f8fafc}.filter-group.personal .filter-chip.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-group.corporate .filter-chip.active{background:#eab308;border-color:#eab308;color:#fff}.btn-clear-filters{align-self:center;padding:.5rem 1rem;background:#fff;border:2px solid #ef4444;border-radius:6px;font-size:.8rem;font-weight:600;color:#ef4444;cursor:pointer;transition:all .15s}.btn-clear-filters:hover{background:#fef2f2;border-color:#dc2626}.category-filter-btn.active{background:var(--orange);color:#fff;border-color:var(--orange-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.category-filter-btn.active:hover{background:var(--orange-hover);box-shadow:var(--shadow-lg)}.category-filter-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;background:var(--bg-gray-light);border-color:var(--border-gray);color:var(--text-light);transform:none!important;box-shadow:none!important}.category-filters-inline.disabled{opacity:.5}.category-btn-Л:not(.disabled).active{background:#16a34a;border-color:#15803d}.category-btn-Б:not(.disabled).active{background:#dc2626;border-color:#b91c1c}.category-btn-С:not(.disabled).active{background:#4f46e5;border-color:#4338ca}.category-btn-Э:not(.disabled).active{background:#d97706;border-color:#b45309}.check-icon-small{font-size:.75rem;font-weight:700}.filter-hint{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:6px;color:#92400e;font-size:.65rem;font-weight:500;width:100%;justify-content:center}.hint-icon{font-size:.9rem}.content-wrapper{display:flex;flex:1;overflow:hidden}.sidebar-filters{width:160px;padding:.75rem .6rem;background:var(--bg-gray);border-right:1.5px solid var(--border-gray);display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.sidebar-title{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;padding:0 .3rem;display:flex;align-items:center;justify-content:space-between}.drag-hint{font-size:.6rem;color:var(--text-light);cursor:help;-webkit-user-select:none;user-select:none}.sidebar-filter-btn{padding:.5rem .7rem;border:1.5px solid var(--border-gray);background:var(--bg-white);color:var(--text-secondary);border-radius:16px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s;text-align:left;width:100%;display:flex;align-items:center;gap:.4rem;position:relative}.sidebar-filter-btn.draggable{cursor:grab}.sidebar-filter-btn.draggable:active{cursor:grabbing}.sidebar-filter-btn.dragging{opacity:.5;transform:scale(.95)}.sidebar-filter-btn.drag-over{border-color:var(--primary-blue);background:var(--bg-gray-light);transform:translateY(-2px);box-shadow:0 2px 8px #2563eb33}.drag-handle{font-size:.8rem;color:var(--text-light);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;opacity:.5;transition:opacity .2s}.sidebar-filter-btn:hover .drag-handle{opacity:1}.sidebar-filter-btn.dragging .drag-handle{opacity:0}.sidebar-filter-btn.inactive{background:var(--bg-white);border-color:var(--border-gray);color:var(--text-secondary)}.sidebar-filter-btn.inactive:hover{background:var(--bg-gray);border-color:var(--border-gray-dark);transform:translate(2px)}.sidebar-filter-btn.active{background:var(--green);color:#fff;border-color:var(--green-dark);box-shadow:var(--shadow-sm);font-weight:600}.sidebar-filter-btn.active:hover{background:var(--green-dark)}.table-container{flex:1;overflow:auto;background:var(--bg-white);display:flex;flex-direction:column;gap:0}.toggle-column-btn{padding:.3rem .6rem;border:2px solid var(--border-gray);background:linear-gradient(135deg,#fff,#f9fafb);color:var(--text-secondary);border-radius:6px;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.3rem;box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.toggle-column-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.toggle-column-btn:hover:before{left:100%}.toggle-column-btn:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:var(--primary-blue-light);transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.toggle-column-btn.active{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-light) 100%);color:#fff;border-color:var(--primary-blue-dark);box-shadow:0 4px 12px #2563eb66;transform:translateY(-1px)}.toggle-column-btn.active:hover{background:linear-gradient(135deg,var(--primary-blue-hover) 0%,var(--primary-blue) 100%);box-shadow:0 6px 16px #2563eb80}.table-info{padding:.1rem .6rem;background:var(--bg-white);border-bottom:none;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.3rem;position:sticky;top:0;z-index:100;margin:0}.table-count{font-size:.7rem;color:var(--text-secondary)}.table-count strong{color:var(--primary-blue);font-weight:700;font-size:.8rem}.table-empty-hint{font-size:.7rem;color:var(--text-light);font-style:italic}.comparison-table{width:100%;border-collapse:collapse;min-width:1100px}.comparison-table thead{position:sticky;top:25px;z-index:99;background:var(--bg-white);margin:0;border-top:none;padding:0}.comparison-table thead th{background:var(--bg-white)!important}.comparison-table th{padding:.1rem .5rem;text-align:left;font-weight:600;font-size:.65rem;color:var(--text-primary);border-bottom:1px solid var(--border-gray);border-top:none;background:var(--bg-white);word-wrap:break-word;word-break:break-word;white-space:normal;margin:0}.col-characteristic{min-width:180px;max-width:220px;text-align:left}.col-pain{min-width:50px;max-width:70px;overflow:hidden;text-align:center}.col-pain-personal,.col-pain-corporate{min-width:50px;max-width:70px;text-align:center}.col-advantages{min-width:280px;max-width:380px}.col-questions{min-width:230px;max-width:330px}.col-plan{min-width:120px;max-width:150px;text-align:center}.plan-header-cell{display:flex;align-items:center;justify-content:center}.plan-name{font-weight:700;font-size:.7rem;color:var(--text-primary);text-align:center}.comparison-table tbody tr{border-bottom:1px solid var(--border-gray);transition:all .12s}.table-row-clickable{cursor:pointer}.table-row-clickable:hover{background:var(--bg-gray)!important;box-shadow:inset 3px 0 0 var(--primary-blue)}.comparison-table td{padding:.4rem .5rem;vertical-align:middle;font-size:.7rem}.cell-characteristic{font-weight:600;color:var(--text-primary);background:var(--bg-gray-light);word-wrap:break-word;word-break:break-word;white-space:normal;padding:.6rem .8rem;text-align:left;min-width:180px;max-width:220px}.char-content-wrapper{position:relative;width:100%}.char-hints{display:flex;gap:.3rem;margin-top:.3rem;align-items:center}.char-hint{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.65rem;font-weight:700;cursor:help;transition:all .2s ease;position:relative}.char-hint-advantages{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 4px #4caf504d}.char-hint-advantages:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:scale(1.1);box-shadow:0 3px 6px #4caf5066}.char-hint-questions{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 2px 4px #2196f34d}.char-hint-questions:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:scale(1.1);box-shadow:0 3px 6px #2196f366}.char-name{line-height:1.4;margin-bottom:.1rem;font-size:.75rem;word-wrap:break-word;word-break:break-word}.char-section{font-size:.6rem;color:var(--text-light);font-weight:400;text-transform:uppercase;letter-spacing:.4px}.cell-pain{text-align:center;overflow:hidden;word-wrap:break-word;width:180px}.cell-pain.col-pain-personal,.cell-pain.col-pain-corporate{width:70px;text-align:center}.cell-pain-compact{width:70px!important;min-width:50px!important;max-width:70px!important}.pain-badges-container{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;align-items:center;width:100%;max-width:100%;box-sizing:border-box}.pain-badges-compact{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;align-items:center}.pain-badge-compact{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:.65rem;font-weight:700;cursor:default;transition:transform .15s ease}.pain-badge-compact:hover{transform:scale(1.15)}.pain-badge-compact.personal{background:#dbeafe;color:var(--primary-blue-dark);border:1.5px solid #93c5fd}.pain-badge-compact.corporate{background:#fef3c7;color:#92400e;border:1.5px solid #fbbf24}.pain-badge-compact.pain-Л{background:#dcfce7;color:#166534;border-color:#86efac}.pain-badge-compact.pain-Б{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.pain-badge-compact.pain-С{background:#e0e7ff;color:#3730a3;border-color:#a5b4fc}.pain-badge-compact.pain-Э{background:#fef3c7;color:#92400e;border-color:#fcd34d}.pain-badge{display:inline-block;padding:.2rem .4rem;border-radius:10px;font-size:.6rem;font-weight:600;white-space:nowrap;word-wrap:normal;word-break:normal;flex:0 0 calc(50% - .15rem);min-width:0;max-width:calc(50% - .15rem);text-align:center;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.pain-badge.personal{background:#dbeafe;color:var(--primary-blue-dark);border:1px solid #93c5fd}.pain-badge.corporate{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.pain-empty{color:var(--text-light);font-size:.8rem}.cell-advantages{color:var(--text-primary);line-height:1.5;font-size:.75rem;background:#f0fdf4!important;font-weight:500;padding:.5rem .6rem!important;vertical-align:top;white-space:normal;word-wrap:break-word;word-break:break-word}.advantages-text{font-weight:500;white-space:pre-line}.cell-questions{color:var(--text-primary);font-size:.75rem;line-height:1.5;background:#eff6ff!important;font-weight:500;padding:.5rem .6rem!important;vertical-align:top;white-space:normal;word-wrap:break-word;word-break:break-word}.questions-text{white-space:pre-line}.editable-cell{cursor:pointer;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.editable-cell:hover{background:#f0f9ff!important;outline:1px dashed var(--primary-blue)}.editable-cell *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.cell-edit-container,.cell-edit-container *{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.cell-edit-container{width:100%;height:100%}.cell-edit-input{width:100%;padding:.3rem .5rem;border:2px solid var(--primary-blue);border-radius:4px;font-size:.7rem;font-family:inherit;background:#fff;outline:none}.cell-edit-textarea{width:100%;min-height:60px;padding:.4rem .5rem;border:2px solid var(--primary-blue);border-radius:4px;font-size:.75rem;font-family:inherit;background:#fff;outline:none;resize:vertical;line-height:1.5}.questions-empty{color:var(--text-light)}.cell-plan{text-align:center;vertical-align:middle;word-wrap:break-word;word-break:break-word;white-space:normal;max-width:150px}.value-empty{color:var(--text-light);font-size:1rem}.value-check{display:inline-block;width:20px;height:20px;line-height:20px;background:var(--primary-blue);color:#fff;border-radius:50%;font-weight:700;font-size:.75rem;box-shadow:var(--shadow-sm)}.section-header-row{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border-top:2px solid var(--primary-blue);border-bottom:2px solid var(--primary-blue);font-weight:700}.sticky-header-row{background:var(--bg-white)!important;border-top:1px solid var(--border-gray);border-bottom:1px solid var(--border-gray);font-weight:700;margin:0;padding:0}.sticky-header-row.sticky-first{border-top:none}.sticky-header-row .cell-characteristic,.sticky-header-row .cell-pain,.sticky-header-row .cell-plan{background:var(--bg-white)!important;padding:.4rem .5rem;border:none}.sticky-header-row .cell-pain.col-pain-personal,.sticky-header-row .cell-pain.col-pain-corporate{z-index:6!important}.sticky-header-row:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;cursor:default}.sticky-header-cell{background:transparent!important;font-weight:700;color:var(--primary-blue-dark);padding:.75rem .65rem!important}.section-header-row:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;box-shadow:0 2px 6px #0000001a!important;cursor:default}.section-header-cell{background:transparent!important;font-weight:700;color:var(--primary-blue-dark);padding:.75rem .65rem!important}.section-header-name{font-size:.8rem;color:var(--primary-blue-dark);text-transform:uppercase;letter-spacing:.8px;font-weight:700}.sticky-header-name-with-edit{display:flex;align-items:center;gap:.5rem}.btn-edit-header{background:none;border:none;cursor:pointer;padding:.1rem .3rem;font-size:.75rem;opacity:.4;transition:opacity .2s}.btn-edit-header:hover{opacity:1}.value-with-progress{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%;padding:.2rem 0;min-height:2.2rem;justify-content:center;word-wrap:break-word;word-break:break-word}.value-text{font-weight:600;font-size:.8rem;color:var(--text-primary);z-index:1;word-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.4;text-align:center}.progress-bar-container{width:100%;max-width:90px;height:5px;background:#e5e7eb;border-radius:3px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #00000014}.progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6);border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #3b82f680;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar.progress-inverse{background:linear-gradient(90deg,#10b981,#fbbf24,#f97316)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;color:var(--text-secondary)}.spinner{width:30px;height:30px;border:2.5px solid var(--border-gray);border-top-color:var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.6rem}@keyframes spin{to{transform:rotate(360deg)}}.auth-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-box{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px}.auth-title{text-align:center;color:var(--primary-blue);font-size:1.8rem;font-weight:700;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1.2rem}.auth-form h2{text-align:center;color:var(--text-primary);font-size:1.3rem;margin-bottom:.5rem}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-field label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.auth-field input{padding:.7rem;border:2px solid var(--border-gray);border-radius:6px;font-size:.9rem;font-family:inherit;transition:border-color .2s}.auth-field input:focus{outline:none;border-color:var(--primary-blue)}.auth-submit{padding:.75rem;background:var(--primary-blue);color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.5rem}.auth-submit:hover{background:var(--primary-blue-hover)}.auth-switch{padding:.5rem;background:transparent;color:var(--primary-blue);border:none;font-size:.85rem;cursor:pointer;text-decoration:underline;transition:color .2s}.auth-switch:hover{color:var(--primary-blue-dark)}.auth-error{padding:.7rem;background:#fee2e2;color:#dc2626;border-radius:6px;font-size:.85rem;text-align:center}.user-info{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}.user-name{font-weight:600;color:var(--text-primary);font-size:.75rem}.user-role{padding:.15rem .4rem;background:var(--orange);color:#fff;border-radius:4px;font-size:.65rem;font-weight:600}.logout-btn{padding:.3rem .6rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-gray);border-radius:5px;font-size:.7rem;cursor:pointer;transition:all .2s}.logout-btn:hover{background:var(--bg-gray);color:var(--text-primary);border-color:var(--border-gray-dark)}.admin-btn{background:var(--primary-blue);color:#fff;padding:.3rem .6rem;border:none;border-radius:5px;font-size:.7rem;cursor:pointer;transition:background .2s ease}.admin-btn:hover{background:var(--primary-blue-hover)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-edit-btn{background:var(--primary-blue);color:#fff;padding:8px 16px;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .2s ease}.modal-edit-btn:hover{background:var(--primary-blue-hover)}.modal-input{width:100%;padding:8px 12px;border:2px solid var(--primary-blue);border-radius:6px;font-size:.9rem;font-family:inherit;background:#fff;outline:none;transition:border-color .2s ease}.modal-input:focus{border-color:var(--primary-blue-dark)}.modal-actions{display:flex;gap:10px;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-gray)}.modal-save-btn{background:var(--green);color:#fff;padding:10px 20px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease}.modal-save-btn:hover{background:var(--green-dark)}.modal-cancel-btn{background:var(--text-secondary);color:#fff;padding:10px 20px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease}.modal-cancel-btn:hover{background:var(--text-primary)}.modal-delete-btn{background:#ef4444;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease;margin-left:auto}.modal-delete-btn:hover{background:#dc2626}.user-management-modal{max-width:800px;max-height:80vh;overflow-y:auto}.create-user-form{background:var(--bg-gray-light);padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid var(--border-gray)}.create-user-form h3{margin:0 0 1rem;font-size:1rem;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-field{display:flex;flex-direction:column;gap:.3rem}.form-field label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-field input,.form-field select{padding:.5rem;border:1px solid var(--border-gray);border-radius:6px;font-size:.85rem;background:#fff;outline:none;transition:border-color .2s}.form-field input:focus,.form-field select:focus{border-color:var(--primary-blue)}.create-user-btn{padding:.6rem 1.2rem;background:var(--primary-blue);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.create-user-btn:hover{background:var(--primary-blue-dark)}.users-list{display:flex;flex-direction:column;gap:12px;margin-top:1rem}.users-list h3{margin:0 0 .5rem;font-size:1rem;color:var(--text-primary)}.user-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-gray-light);border-radius:8px;border:1px solid var(--border-gray)}.user-info-item{display:flex;flex-direction:column;gap:4px;flex:1}.user-name-item{font-weight:600;color:var(--text-primary);font-size:.95rem}.user-email-item{font-size:.85rem;color:var(--text-secondary)}.user-fullname-item{font-size:.8rem;color:var(--text-light)}.user-controls{display:flex;gap:10px;align-items:center}.user-role-select{padding:6px 12px;border:1px solid var(--border-gray);border-radius:6px;font-size:.85rem;background:#fff;cursor:pointer;outline:none}.user-role-select:disabled{opacity:.5;cursor:not-allowed}.user-status-btn{padding:6px 12px;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .2s ease}.user-status-btn.active{background:var(--green);color:#fff}.user-status-btn.blocked{background:#ef4444;color:#fff}.user-status-btn:disabled{opacity:.5;cursor:not-allowed}.user-status-btn:hover:not(:disabled){opacity:.9}.section-management-modal{background:#fff;border-radius:12px;padding:1.5rem;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative}.section-management-modal h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.section-management-modal h3{margin:0 0 .75rem;color:var(--text-secondary);font-size:.9rem;font-weight:600}.section-create-form{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.section-create-row{display:flex;gap:.75rem}.section-input{flex:1;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem}.section-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.btn-create-section{padding:.5rem 1rem;background:var(--primary-blue);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap}.btn-create-section:hover{background:var(--primary-blue-dark)}.sections-list{margin-bottom:1.5rem}.section-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid var(--border-gray);border-radius:8px;margin-bottom:.5rem;transition:all .15s}.section-item:hover{border-color:var(--primary-blue);background:#f8fafc}.section-item.selected{border-color:var(--primary-blue);background:#eff6ff}.section-item-info{display:flex;align-items:center;gap:1rem;cursor:pointer;flex:1}.section-name{font-weight:600;color:var(--text-primary)}.btn-rename-section{background:none;border:none;cursor:pointer;padding:.2rem .4rem;font-size:.85rem;opacity:.5;transition:opacity .2s}.btn-rename-section:hover{opacity:1}.section-rename-form{display:flex;align-items:center;gap:.5rem;flex:1}.section-rename-input{flex:1;padding:.4rem .6rem;border:2px solid var(--primary);border-radius:6px;font-size:.9rem;font-weight:600}.section-rename-input:focus{outline:none;box-shadow:0 0 0 3px #3b82f633}.btn-rename-save{background:#22c55e;color:#fff;border:none;border-radius:4px;padding:.3rem .6rem;cursor:pointer;font-size:.9rem}.btn-rename-save:hover{background:#16a34a}.btn-rename-cancel{background:#ef4444;color:#fff;border:none;border-radius:4px;padding:.3rem .6rem;cursor:pointer;font-size:.9rem}.btn-rename-cancel:hover{background:#dc2626}.section-count{font-size:.8rem;color:var(--text-secondary)}.section-expand{font-size:.7rem;color:var(--text-secondary);margin-left:auto}.section-item-actions{display:flex;gap:.5rem}.btn-add-char{padding:.4rem .75rem;background:#10b981;color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer}.btn-add-char:hover{background:#059669}.btn-delete-section{padding:.4rem .75rem;background:#fff;color:#ef4444;border:1px solid #ef4444;border-radius:4px;font-size:.7rem;white-space:nowrap;font-weight:500;cursor:pointer}.btn-delete-section:hover{background:#fef2f2}.characteristics-list{width:100%;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border-gray)}.characteristics-header{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem;font-style:italic}.characteristic-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.35rem;cursor:grab;transition:all .15s}.characteristic-item:hover{border-color:var(--primary-blue);background:#f8fafc}.characteristic-item.dragging{opacity:.5;border-style:dashed}.characteristic-item.drag-over{border-color:#10b981;background:#f0fdf4;box-shadow:0 0 0 2px #10b98133}.char-drag-handle{color:#9ca3af;font-size:.9rem;cursor:grab;-webkit-user-select:none;user-select:none}.char-name{flex:1;font-size:.85rem;color:var(--text-primary)}.char-pains{display:flex;gap:.35rem}.pain-tag{font-size:.65rem;padding:.15rem .4rem;border-radius:4px;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.pain-tag.personal{background:#fef3c7;color:#92400e}.pain-tag.corporate{background:#dbeafe;color:#1e40af}.btn-delete-char{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:4px;color:#9ca3af;font-size:1rem;cursor:pointer;transition:all .15s}.btn-delete-char:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.btn-rename-char{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .15s;opacity:.5;margin-left:.25rem}.btn-rename-char:hover{opacity:1;background:#fef3c7}.char-rename-form{display:flex;align-items:center;gap:.35rem;flex:1}.char-rename-input{flex:1;padding:.3rem .5rem;border:1px solid var(--primary-blue);border-radius:4px;font-size:.8rem;outline:none}.char-rename-form .btn-rename-save,.char-rename-form .btn-rename-cancel{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;font-size:.8rem}.char-rename-form .btn-rename-save{background:#10b981;color:#fff}.char-rename-form .btn-rename-cancel{background:#ef4444;color:#fff}.add-characteristic-form{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:1.25rem}.char-form-field{margin-bottom:1rem}.char-form-field label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem}.char-form-field input,.char-form-field textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;font-family:inherit}.char-form-field input:focus,.char-form-field textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.char-form-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1rem}.pain-checkboxes{display:flex;flex-wrap:wrap;gap:.75rem}.pain-checkbox{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-primary);cursor:pointer}.pain-checkbox input{width:auto;cursor:pointer}.char-form-actions{display:flex;gap:.75rem;margin-top:1rem}.btn-save-char{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer}.btn-save-char:hover{background:#059669}.btn-cancel-char{padding:.5rem 1rem;background:#fff;color:var(--text-secondary);border:1px solid var(--border-gray);border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer}.btn-cancel-char:hover{background:var(--bg-gray)}@media (max-width: 1400px){.col-advantages{min-width:250px}.col-questions{min-width:170px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:100vw;min-height:100vh;overflow:hidden}#root{width:100%;height:100vh;margin:0;padding:0}