.properties-panel{background-color:#fff;border-left:1px solid #e5e7eb;box-shadow:-2px 0 8px #0000000d;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:300px}.panel-header{align-items:center;background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:space-between;padding:.65rem .9rem}.panel-back-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:500;gap:.3rem;padding:.25rem .4rem;transition:color .15s,background .15s}.panel-back-btn:hover{background:#f3f4f6;color:#374151}.panel-header-btns{align-items:center;display:flex;gap:.4rem}.panel-btn-secondary{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.35rem .65rem;transition:background .15s,border-color .15s;white-space:nowrap}.panel-btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.panel-btn-secondary:disabled{cursor:not-allowed;opacity:.45}.panel-btn-primary{align-items:center;background:linear-gradient(135deg,#1a3a52,#265f7e);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:.35rem .75rem;transition:opacity .15s;white-space:nowrap}.panel-btn-primary:hover:not(:disabled){opacity:.88}.panel-btn-primary:disabled{cursor:not-allowed;opacity:.45}.panel-header-actions{align-items:center;display:flex;gap:.5rem}.delete-all-btn{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem;transition:all .2s}.delete-all-btn:hover{background-color:#fee2e2;border-color:#fca5a5;color:#dc2626}.delete-all-btn i{font-size:.875rem}.delete-btn{align-items:center;background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;transition:all .2s;width:24px}.delete-btn:hover{background-color:#fee2e2;color:#dc2626}.property-form{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.property-form h3{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem}.property-group{display:flex;flex-direction:column;gap:.5rem}.property-group label{color:#374151;font-size:.8rem;font-weight:600;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.property-group input,.property-group select,.property-group textarea{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;font-family:inherit;font-size:.875rem;padding:.75rem;transition:all .2s ease}.property-group input:focus,.property-group select:focus,.property-group textarea:focus{background-color:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none;transform:translateY(-1px)}.property-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}.property-group input[type=checkbox]{margin-right:.5rem;width:auto}.checkbox-group{align-items:center;flex-direction:row}.checkbox-group label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;margin-bottom:0}.checkbox-group input[type=checkbox]{accent-color:#4f46e5;height:16px;margin:0;width:16px}.property-group textarea{min-height:80px;resize:vertical}.position-grid{display:grid;gap:.5rem;grid-template-columns:1fr}.position-item{display:flex;flex-direction:column;gap:.25rem}.position-item label{color:#6b7280;font-size:.625rem;margin-bottom:.125rem}.position-item input{font-size:.75rem;padding:.25rem .5rem}.no-selection{color:#6b7280;padding:1.5rem 1rem;text-align:center}.no-selection-content{align-items:center;display:flex;flex-direction:column;gap:.75rem}.no-selection-content i{font-size:1.5rem;opacity:.5}.no-selection-content p{font-size:.75rem;margin:0}.field-stats{background-color:#f8fafc;border-radius:.25rem}.detected-badge,.field-stats{font-size:.75rem;font-weight:500;padding:.5rem}.detected-badge{align-items:center;background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:.25rem;color:#0369a1;display:flex;gap:.5rem}.detected-badge i:before{content:"🤖"}.mapping-preview{align-items:flex-start;background:linear-gradient(135deg,#e7f3ff,#f0f9ff);border:1px solid #06c;border-radius:.5rem;display:flex;font-size:.8125rem;gap:.75rem;margin-top:.75rem;padding:.75rem}.preview-icon{align-items:center;background:#06c;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;height:24px;justify-content:center;width:24px}.preview-content{display:flex;flex:1;flex-direction:column;gap:.4rem}.preview-row{align-items:flex-start;display:flex;gap:.5rem;line-height:1.4}.preview-row strong{color:#06c;flex-shrink:0;font-size:.75rem;font-weight:600}.preview-row span{color:#1e293b;font-size:.75rem;word-break:break-word}.preview-description{border-top:1px solid rgba(0,102,204,.2);color:#64748b;font-size:.7rem;font-style:italic;line-height:1.4;margin-top:.25rem;padding-top:.5rem}