.skills-tab{width:100%}.skills-tab .card-body{padding:20px}.skills-tab .skills-section-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.skills-tab .skills-section-header.additional-header{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px}.skills-tab .skills-section-header .school-name{color:#1e293b;margin:0;font-size:16px;font-weight:600}.skills-tab .skills-section-header .badge-count{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.skills-tab .section-subtitle{color:#64748b;margin-bottom:16px;font-size:13px;line-height:1.5}.skills-tab .skills-controls-row{align-items:center;gap:16px;margin-bottom:16px;display:flex}.skills-tab .skills-controls-row .dropdown-container{flex:1.2;min-width:0;position:relative}.skills-tab .skills-controls-row .search-container{flex:1;min-width:0}.skills-tab .search-container .form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;border:1px solid #cbd5e1;width:100%;padding:6px 14px 10px 36px;font-size:14px}.skills-tab .search-container .form-control:focus{box-shadow:none;border-color:#0284c7}.skills-tab .dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.skills-tab .dropdown-trigger-text{color:#0284c7;align-items:center;gap:8px;font-size:14px;display:flex}.skills-tab .dropdown-menu-custom{z-index:10;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000014}.skills-tab .dropdown-menu-item{color:#334155;cursor:pointer;padding:10px 14px;font-size:14px}.skills-tab .dropdown-menu-item:hover{color:#0284c7;background-color:#f8fafc}.skills-tab .level-legend-bar{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;font-size:12px;display:flex}.skills-tab .level-legend-bar .legend-info{align-items:center;gap:6px;display:flex}.skills-tab .level-legend-bar .info-icon{color:#0284c7;flex-shrink:0}.skills-tab .level-legend-bar .legend-dots{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.skills-tab .level-legend-bar .legend-item{align-items:center;gap:6px;display:flex}.skills-tab .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.skills-tab .dot-beginner{background-color:#0ea5e9}.skills-tab .dot-intermediate{background-color:#10b981}.skills-tab .dot-expert{background-color:#a855f7}.skills-tab .primary-skills-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.skills-tab .skill-card-wrapper{width:100%;position:relative}.skills-tab .skill-item-card{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;transition:all .2s;display:flex}.skills-tab .skill-item-card.active-card{background-color:#f0f9ff;border-color:#38bdf8}.skills-tab .skill-info{align-items:center;gap:12px;display:flex}.skills-tab .level-badge{border:1px solid;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.skills-tab .skill-name{color:#1e293b;word-break:break-word;font-size:14px;font-weight:500}.skills-tab .btn-delete{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:16px;display:flex}.skills-tab .btn-delete:hover{color:#ef4444}.skills-tab .dark-skill-tooltip{z-index:999;color:#fff;background-color:#262626;border-radius:12px;width:380px;max-width:calc(100vw - 40px);padding:10px;position:absolute;bottom:calc(100% + 12px);left:30px;box-shadow:0 10px 25px #0006}.skills-tab .tooltip-close-btn{color:#fff;cursor:pointer;z-index:1000;background:#171717;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex;position:absolute;top:-10px;right:-10px}.skills-tab .tooltip-columns{background-color:#1d1d1d;border:1px solid #404040;border-radius:8px;display:flex;overflow:hidden}.skills-tab .column-skill-level{border-right:1px solid #404040;flex:1.2;min-width:0}.skills-tab .column-version-tools{flex:1;min-width:0}.skills-tab .column-title{color:#fff;background-color:#262626;border-bottom:1px solid #404040;padding:10px 12px;font-size:12px;font-weight:700}.skills-tab .level-option-item{cursor:pointer;border-bottom:1px solid #333;align-items:center;gap:8px;padding:10px 12px;display:flex}.skills-tab .level-option-item:last-child{border-bottom:none}.skills-tab .level-option-item:hover,.skills-tab .level-option-item.selected{background-color:#333}.skills-tab .level-name{color:#fff;white-space:nowrap;flex:1;font-size:13px;font-weight:600}.skills-tab .level-badge-pill{color:#fff;border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:11px;font-weight:700}.skills-tab .level-badge-pill.dot-beginner{background-color:#0ea5e9}.skills-tab .level-badge-pill.dot-intermediate{background-color:#10b981}.skills-tab .level-badge-pill.dot-expert{background-color:#a855f7}.skills-tab .radio-circle{color:#171717;border:1px solid #525252;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.skills-tab .level-option-item.selected .radio-circle{background-color:#fff;border-color:#fff}.skills-tab .check-icon{stroke-width:3px;font-size:12px}.skills-tab .tooltip-arrow{background-color:#262626;width:12px;height:12px;position:absolute;bottom:-6px;left:40px;transform:rotate(45deg)}.skills-tab .additional-skills-grid{flex-wrap:wrap;gap:12px;display:flex}.skills-tab .additional-skill-card{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;transition:border-color .2s,box-shadow .2s}.skills-tab .additional-skill-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.skills-tab .skill-source{background:#dcfce7b3;border-radius:2px;margin-bottom:4px;padding:1px 5px;font-size:11px;font-weight:600;display:inline-block}.skills-tab .skill-badge-title{color:#1e293b;font-size:14px;font-weight:500}.skills-tab .plus-sign{color:#64748b;margin-right:2px}.skills-tab .empty-message{color:#94a3b8;padding:8px 0;font-size:13px}@media screen and (max-width:768px){.skills-tab .card-body{padding:16px}.skills-tab .skills-controls-row{flex-direction:column;align-items:stretch;gap:12px}.skills-tab .level-legend-bar{flex-direction:column;align-items:flex-start;gap:8px}.skills-tab .dark-skill-tooltip{width:95%;max-width:360px;left:50%;transform:translate(-50%)}.skills-tab .tooltip-arrow{margin-left:-6px;left:50%}}@media screen and (max-width:480px){.skills-tab .card-body{padding:12px}.skills-tab .skills-section-header{flex-wrap:wrap}.skills-tab .skills-section-header .school-name{font-size:15px}.skills-tab .additional-skills-grid{flex-direction:column}.skills-tab .additional-skill-card{width:100%}.skills-tab .dark-skill-tooltip{width:100%;max-width:100%;margin-bottom:12px;position:relative;bottom:auto;left:auto;transform:none}.skills-tab .tooltip-arrow{display:none}.skills-tab .tooltip-columns{flex-direction:column}.skills-tab .column-skill-level{border-bottom:1px solid #404040;border-right:none}}