.compare-page{padding:0;max-width:1400px;margin:0 auto}.breadcrumb{margin-bottom:20px;font-size:14px;color:#666}.breadcrumb a{color:#007bff;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.compare-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.compare-actions{display:flex}.compare-header h1{margin:0;font-size:24px;color:#333}.compare-btn{margin-left:20px}.compare-entities-name{display:flex;gap:15px;overflow-x:auto;padding:10px 0;align-items:center;justify-content:flex-start;flex-wrap:nowrap;min-height:50px}.compare-entities-row{display:flex;gap:15px;margin-bottom:20px;overflow-x:auto;padding:10px 0;align-items:center;justify-content:flex-start;flex-wrap:nowrap;min-height:50px}.entity-name-tag{flex:0 0 auto;padding:12px 20px;border-radius:25px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;gap:8px;min-width:100px;max-width:180px;white-space:nowrap;overflow:hidden}.entity-name-tag .entity-name{font-size:14px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.entity-name-tag .entity-type{font-size:10px;padding:2px 6px;background:rgba(255,255,255,.4);border-radius:8px;color:#555;white-space:nowrap;flex-shrink:0}.entity-name-tag .remove{cursor:pointer;color:#999;font-size:16px;line-height:1;padding:2px 4px;border-radius:4px;transition:all .2s}.entity-name-tag .remove:hover{color:#dc3545;background:rgba(220,53,69,.1)}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-container{background:#fff;border-radius:12px;width:800px;height:560px;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,.3)}.dialog-header{padding:20px;border-bottom:1px solid #eee}.dialog-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.breadcrumb-item{color:#007bff;cursor:pointer;font-size:14px;text-decoration:none}.breadcrumb-item:hover{text-decoration:underline}.breadcrumb-item.active{color:#666;cursor:default}.breadcrumb-item.active:hover{text-decoration:none}.breadcrumb-separator{color:#999}.dialog-grid{padding:20px;overflow-y:auto;flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;align-content:start;justify-content:start}.dialog-entity-item{display:flex;align-items:center;gap:10px;padding:12px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .2s;height:44px;box-sizing:border-box}.dialog-entity-item:hover{background:#e9ecef}.dialog-entity-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0}.dialog-entity-item .entity-label{font-size:14px;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-search-box{position:relative;display:inline-block}.dialog-search-box input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:0;transition:border-color .2s;padding-left:38px}.dialog-search-box input:focus{border-color:#007bff}.dialog-search-box svg{position:absolute;left:10px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:#999;fill:currentColor;pointer-events:none}.dialog-footer{padding:20px;border-top:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-selected-count{font-size:14px;color:#666}.dialog-btn-group{display:flex;gap:10px}.dialog-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;min-width:100px;cursor:pointer;transition:all .2s}.dialog-selected-count{font-size:14px;color:#666}.dialog-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.dialog-btn-cancel{background:#fff;color:#666;border:1px solid #ddd}.dialog-btn-cancel:hover{transform:translateY(-2px);background:#f8f9fa;border-color:#ccc}.dialog-btn-ok{background:#667eea;color:#fff}.dialog-btn-ok:hover{transform:translateY(-2px)}.entity-header-name{flex:0 0 100px;padding:10px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:center}.entity-preview-card{flex:0 0 200px;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:center;text-decoration:none;color:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s}.entity-preview-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.entity-preview-card h3{margin:0 0 10px 0;font-size:16px;color:#333;white-space:nowrap}.entity-preview-card .entity-type{font-size:12px;opacity:.8}.entity-preview-card .entity-image{width:100%;height:120px;border-radius:8px;object-fit:cover;margin-bottom:15px}.entity-border-1{border:2px solid #90caf9}.entity-border-2{border:2px solid #ce93d8}.entity-border-3{border:2px solid #a5d6a7}.entity-border-4{border:2px solid #ffcc80}.entity-border-5{border:2px solid #f06292}.compare-tabs{background:#fff;border-radius:8px;margin-bottom:30px;overflow:hidden;width:100%}.compare-tabs .compare-tab-header{display:flex;border-bottom:1px solid #eee;margin-bottom:20px;width:100%}.compare-tab-btn{flex:1;padding:15px;background:0 0;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .3s;border-bottom:2px solid transparent;white-space:nowrap}.compare-tab-btn:hover{background:#f8f9fa;color:#007bff}.compare-tab-btn.active{color:#007bff;border-bottom-color:#007bff;background:#f0f7ff}.compare-tab-pane{display:none}.compare-tab-pane table{width:100%}.compare-tab-pane.active{display:block}.compare-tabs .metrics-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px;margin-top:0;border:none}.compare-tabs .metrics-table td,.compare-tabs .metrics-table th{padding:12px 15px;border-bottom:1px solid #eee;overflow:hidden;white-space:nowrap}.compare-tabs .metrics-table th{text-align:center;font-weight:600}.compare-tabs .metrics-table td:first-child{font-weight:500;text-align:left;white-space:normal}.compare-tabs .metrics-table td:not(:first-child){text-align:right}.compare-tabs th{padding:10px}.compare-tabs .metrics-table tr:nth-child(2n) td:first-child{background-color:#f8f9fa}.compare-tabs .metrics-table tr:nth-child(odd) td:first-child{background-color:#fff}.compare-tabs .metrics-table tr:nth-child(2n) td.entity-bg-1{background:#e3f2fd}.compare-tabs .metrics-table tr:nth-child(odd) td.entity-bg-1{background:#f1f9fe}.compare-tabs .metrics-table tr:nth-child(2n) td.entity-bg-2{background:#f3e5f5}.compare-tabs .metrics-table tr:nth-child(odd) td.entity-bg-2{background:#f9f2fa}.compare-tabs .metrics-table tr:nth-child(2n) td.entity-bg-3{background:#e8f5e9}.compare-tabs .metrics-table tr:nth-child(odd) td.entity-bg-3{background:#f4faf4}.compare-tabs .metrics-table tr:nth-child(2n) td.entity-bg-4{background:#fff3e0}.compare-tabs .metrics-table tr:nth-child(odd) td.entity-bg-4{background:#fff9f0}.compare-tabs .metrics-table tr:nth-child(2n) td.entity-bg-5{background:#fce4ec}.compare-tabs .metrics-table tr:nth-child(odd) td.entity-bg-5{background:#fef2f6}.compare-entities-name .entity-bg-1,.compare-entities-row .entity-bg-1{background:#f1f9fe}.compare-entities-name .entity-bg-2,.compare-entities-row .entity-bg-2{background:#f9f2fa}.compare-entities-name .entity-bg-3,.compare-entities-row .entity-bg-3{background:#f4faf4}.compare-entities-name .entity-bg-4,.compare-entities-row .entity-bg-4{background:#fff9f0}.compare-entities-name .entity-bg-5,.compare-entities-row .entity-bg-5{background:#fef2f6}.compare-tabs tr:last-child{border-bottom:none}.compare-tabs td{padding:10px 8px}.compare-tabs td:first-child{color:#666;white-space:nowrap}.compare-tabs td:last-child{color:#333}.no-entities{text-align:center;padding:60px 20px;background:#f9f9f9;border-radius:12px}.no-entities p{color:#666;margin-bottom:20px;font-size:16px}@media (max-width:768px){.compare-header{flex-direction:column;gap:15px;text-align:center}.compare-entities-row{flex-wrap:wrap}.entity-preview-card{flex:0 0 calc(50% - 10px)}}@media (max-width:480px){.entity-preview-card{flex:0 0 100%}}