.loadout-builder-page{padding:24px 16px}.loadout-builder .sa-breadcrumb{margin-bottom:16px}.loadout-header{background:#2a2a2a;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex}.loadout-header-left h1{color:#fff;margin:0 0 4px;font-size:24px;font-weight:700}.loadout-header-left p{color:#888;margin:0;font-size:14px}.loadout-header-right{align-items:center;gap:10px;display:flex}.loadout-header-right span{color:#888;font-size:13px}.loadout-select{color:#ddd;cursor:pointer;background:#4a4a4a;border:1px solid #555;border-radius:6px;padding:10px 14px;font-size:13px}.loadout-select:focus{border-color:#d4af37;outline:none}.loadout-stats-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.stats-card{background:#2a2a2a;border-radius:8px;overflow:hidden}.stats-card-header{border-bottom:1px solid #3a3a3a;padding:12px 16px}.stats-card-title{color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px;font-weight:600}.stats-card-body{padding:16px}.stats-card .total-value{color:#5cb85c;margin-bottom:4px;font-size:28px;font-weight:700}.stats-card .total-count{color:#888;font-size:13px}.stats-card .breakdown-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stats-card .breakdown-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.stats-card .breakdown-empty{color:#666;text-align:center;padding:10px 0;font-size:13px}@media (max-width:900px){.loadout-stats-row{grid-template-columns:1fr}}@media (min-width:901px) and (max-width:1200px){.loadout-stats-row{grid-template-columns:repeat(2,1fr)}.loadout-stats-row>.stats-card:last-child{grid-column:span 2}}.loadout-main{gap:24px;display:flex}.loadout-content{flex:1;min-width:0}.loadout-sidebar{scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;align-self:flex-start;width:320px;max-height:calc(100vh - 140px);position:sticky;top:120px;overflow-y:auto}.loadout-sidebar::-webkit-scrollbar{display:none}@media (max-width:1024px){.loadout-main{flex-direction:column}.loadout-sidebar{width:100%}}.featured-section{background:#2a2a2a;border-radius:8px;margin-bottom:24px;padding:20px}.featured-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.featured-section-title{align-items:center;gap:14px;display:flex}.featured-add-btn{color:#ccc;cursor:pointer;background:#4a4a4a;border:1px solid #555;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.featured-add-btn:hover{color:#fff;background:#555;border-color:#666}.featured-add-btn svg{width:14px;height:14px}.featured-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}@media (max-width:768px){.featured-grid{grid-template-columns:1fr}}.featured-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;display:grid}@media (max-width:768px){.featured-row{grid-template-columns:1fr}}.featured-item{background:#2a2a2a;border-radius:8px;padding:20px}.featured-header{align-items:center;gap:14px;display:flex}.featured-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.featured-icon.knife-icon{color:#d4af37;background:linear-gradient(135deg,#d4af3733 0%,#d4af371a 100%);border:1px solid #d4af374d}.featured-icon.gloves-icon{color:#a855f7;background:linear-gradient(135deg,#a855f733 0%,#a855f71a 100%);border:1px solid #a855f74d}.featured-title{color:#fff;margin:0;font-size:18px;font-weight:700}.featured-subtitle{color:#666;margin:2px 0 0;font-size:12px}.featured-slot{cursor:pointer;background:#333;border:2px dashed #444;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:16px;transition:all .2s;display:flex;position:relative}.featured-slot:hover{background:#3a3a3a;border-color:#555}.featured-grid .featured-slot{min-height:200px}.featured-slot.has-skin{background:#333;border-style:solid;border-color:#5cb85c80}.featured-slot.has-skin:hover{border-color:#5cb85ccc}.featured-placeholder{text-align:center}.featured-placeholder svg{color:#555;width:48px;height:48px;margin-bottom:12px}.featured-placeholder span{color:#666;font-size:14px;font-weight:500;display:block}.featured-img{margin-bottom:12px}.featured-img img{object-fit:contain;max-width:100%;height:auto}.featured-info{text-align:center}.featured-skin-name{color:#fff;margin-bottom:2px;font-size:15px;font-weight:600}.featured-skin-variant{color:#888;margin-bottom:6px;font-size:12px}.featured-price{color:#5cb85c;font-size:18px;font-weight:700}.featured-remove{cursor:pointer;opacity:0;z-index:2;background:#d9534f;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s;display:flex;position:absolute;top:12px;right:12px}.featured-slot:hover .featured-remove{opacity:1}.featured-remove:hover{background:#c9302c}.featured-remove svg{color:#fff;width:14px;height:14px}.featured-delete-slot{cursor:pointer;opacity:0;z-index:2;background:#4a4a4a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:12px;left:12px}.featured-slot:hover .featured-delete-slot{opacity:1}.featured-delete-slot:hover{background:#f0ad4e}.featured-delete-slot svg{color:#fff;width:14px;height:14px}.weapon-category{margin-bottom:28px}.category-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.category-icon{background:#4a4a4a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.category-icon span{color:#888;font-size:8px}.category-title{color:#fff;margin:0;font-size:18px;font-weight:600}.category-count{color:#aaa;margin:0;font-size:12px}.weapon-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.weapon-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:1200px){.weapon-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.weapon-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.weapon-grid{grid-template-columns:repeat(2,1fr)}}.weapon-slot{cursor:pointer;background:#333;border:1px solid #444;border-radius:8px;padding:12px;transition:all .2s;position:relative}.weapon-slot:hover{background:#3a3a3a;border-color:#555}.weapon-slot.has-skin{border-color:#5cb85c80}.weapon-slot.has-skin:hover{border-color:#5cb85ccc}.weapon-slot-name{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:10px;font-weight:600}.weapon-slot-img{aspect-ratio:1;border-radius:8px;justify-content:center;align-items:center;margin-bottom:8px;display:flex;overflow:hidden}.weapon-slot-img.empty{background:0 0;border:2px dashed #555}.weapon-slot:hover .weapon-slot-img.empty{border-color:#666}.weapon-slot-img.filled{background:#2a2a2a}.weapon-slot-img img{object-fit:contain;max-width:100%;max-height:100%}.weapon-slot-placeholder{text-align:center}.weapon-slot-placeholder svg{color:#666;width:24px;height:24px;margin-bottom:4px}.weapon-slot-placeholder span{color:#666;text-transform:uppercase;font-size:9px;display:block}.weapon-slot-info{text-align:center}.weapon-slot-skin-name{color:#ccc;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:10px;overflow:hidden}.weapon-slot-price{color:#5cb85c;font-size:11px;font-weight:600}.weapon-slot-badges{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:4px;display:flex}.skin-badge.stattrak{color:#fff;background:linear-gradient(135deg,#cf6a32 0%,#a85528 100%)}.skin-badge.souvenir{color:#000;background:linear-gradient(135deg,#d4af37 0%,#b8962e 100%)}.skin-badge.holo{color:#fff;background:linear-gradient(135deg,#00d4ff 0%,#09c 100%)}.skin-badge.foil{color:#000;background:linear-gradient(135deg,silver 0%,#888 100%)}.skin-badge.gold{color:#000;background:linear-gradient(135deg,gold 0%,#daa520 100%)}.skin-badge.glitter{color:#fff;background:linear-gradient(135deg,#ff69b4 0%,orchid 100%)}.skin-badge.lenticular{color:#fff;background:linear-gradient(135deg,#9932cc 0%,#6a1b9a 100%)}.weapon-slot-remove{cursor:pointer;opacity:0;background:#d9534f;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px}.weapon-slot:hover .weapon-slot-remove{opacity:1}.weapon-slot-remove:hover{background:#c9302c}.weapon-slot-remove svg{color:#fff;width:12px;height:12px}.sidebar-card{background:#2a2a2a;border-radius:8px;margin-bottom:16px;overflow:hidden}.sidebar-card-header{background:#333;border-bottom:1px solid #444;padding:14px 16px}.sidebar-card-header-gold{border-bottom:2px solid #d4af37}.sidebar-card-title{color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:10px;font-weight:600}.sidebar-card-body{padding:16px}.loadout-name-display{justify-content:space-between;align-items:center;display:flex}.loadout-name-text{color:#fff;font-size:18px;font-weight:600}.loadout-name-edit-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:4px}.loadout-name-edit-btn:hover{color:#fff}.loadout-name-form{gap:8px;display:flex}.loadout-name-input{color:#fff;background:#2a2a2a;border:1px solid #4a4a4a;border-radius:6px;flex:1;padding:8px 12px;font-size:14px}.loadout-name-input:focus{border-color:#d4af37;outline:none}.total-value{color:#5cb85c;margin-bottom:4px;font-size:28px;font-weight:700}.total-count{color:#888;font-size:13px}.breakdown-empty{color:#666;text-align:center;padding:24px 0;font-size:13px}.breakdown-row{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.breakdown-label{color:#888}.breakdown-value{color:#fff;font-weight:500}.loadout-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.loadout-btn svg{width:18px;height:18px}.loadout-btn-outline{color:#ccc;background:#3a3a3a;border:1px solid #4a4a4a}.loadout-btn-outline:hover{color:#d9534f;background:#404040;border-color:#d9534f}.loadout-btn-primary{color:#1a1a1a;background:#d4af37}.loadout-btn-primary:hover{background:#e5c349}.loadout-btn-primary:disabled{color:#888;cursor:not-allowed;background:#4a4a4a}.loadout-btn-secondary{color:#fff;background:#4a4a4a}.loadout-btn-secondary:hover{background:#555}.loadout-btn-white{color:#1a1a1a;background:#fff}.loadout-btn-white:hover{background:#eee}.loadout-btn-white:disabled{color:#888;cursor:not-allowed;background:#4a4a4a}.budget-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.budget-icon{background:#5cb85c33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.budget-icon svg{color:#5cb85c;width:16px;height:16px}.budget-info h3{color:#fff;margin:0 0 2px;font-size:14px;font-weight:600}.budget-info p{color:#888;margin:0;font-size:11px}.form-group{margin-bottom:16px}.form-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.form-input{color:#fff;background:#2a2a2a;border:1px solid #4a4a4a;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.form-input:focus{border-color:#d4af37;outline:none}.form-input-prefix{position:relative}.form-input-prefix .prefix{color:#888;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.form-input-prefix .form-input{padding-left:28px}.color-grid{grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:6px;display:grid}.color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:all .15s}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#d4af37;box-shadow:0 0 0 2px #232220}.color-hint{color:#666;font-size:10px}.slider-row{margin-bottom:12px}.slider-header{justify-content:space-between;margin-bottom:4px;display:flex}.slider-label{color:#ccc;text-transform:capitalize;font-size:12px}.slider-value{color:#fff;font-size:12px;font-weight:600}.slider-track{align-items:center;gap:8px;display:flex}.slider-budget{color:#666;width:48px;font-size:10px}.slider-input{appearance:none;cursor:pointer;background:#4a4a4a;border-radius:3px;flex:1;height:6px}.slider-input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#d4af37;border-radius:50%;width:14px;height:14px}.slider-input::-moz-range-thumb{cursor:pointer;background:#d4af37;border:none;border-radius:50%;width:14px;height:14px}.allocation-total{border-top:1px solid #4a4a4a;justify-content:space-between;margin-top:12px;padding-top:12px;display:flex}.allocation-total-label{color:#ccc;font-size:12px;font-weight:500}.allocation-total-value{font-size:12px;font-weight:600}.allocation-total-value.valid{color:#5cb85c}.allocation-total-value.invalid{color:#d9534f}.options-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.option-label{cursor:pointer;background:#4a4a4a80;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.option-label input{accent-color:#d4af37;width:14px;height:14px}.option-label span{color:#ccc;font-size:11px}.reset-link{color:#d4af37;cursor:pointer;background:0 0;border:none;padding:0;font-size:10px}.reset-link:hover{color:#e5c349}.modal-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#2a2a2a;border-radius:8px;flex-direction:column;width:100%;max-width:900px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-lg{max-width:1100px}.modal-xl{max-width:1280px;max-height:90vh}.modal-header{background:#333;border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:#fff;margin:0;font-size:18px;font-weight:600}.modal-close{color:#888;cursor:pointer;background:0 0;border:none;padding:4px}.modal-close:hover{color:#fff}.modal-close svg{width:24px;height:24px}.modal-search{border-bottom:1px solid #4a4a4a;padding:16px 20px}.modal-search input{color:#fff;background:#4a4a4a;border:1px solid #555;border-radius:6px;width:100%;padding:12px 16px;font-size:14px}.modal-search input::placeholder{color:#666}.modal-search input:focus{border-color:#d4af37;outline:none}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{background:#333;border-top:1px solid #444;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-footer-center{justify-content:center}.skin-grid{flex-direction:column;gap:4px;display:flex}.skin-card{cursor:pointer;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;align-items:center;gap:12px;padding:8px 12px;transition:all .15s;display:flex}.skin-card:hover{background:#333;border-color:#5e97d8}.skin-card-img{flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.skin-card-img img{object-fit:contain;max-width:100%;max-height:100%}.skin-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.skin-card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.skin-card-stattrak .skin-card-name{color:#cf6a32}.skin-card-souvenir .skin-card-name{color:gold}.skin-card-details{align-items:center;gap:6px;font-size:11px;display:flex}.skin-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:600}.skin-badge-st{color:#cf6a32;background:#cf6a3233}.skin-badge-sv{color:gold;background:#ffd70033}.skin-badge-phase{color:#5e97d8;background:#5e97d833}.skin-card-model{color:#888}.skin-card-exterior{color:#666}.skin-card-price{color:#5cb85c;text-align:right;flex-shrink:0;min-width:70px;font-size:14px;font-weight:600}.loading-state,.empty-state{text-align:center;color:#888;padding:48px 20px;font-size:14px}.pagination-controls{align-items:center;gap:16px;display:flex}.pagination-btn{color:#fff;cursor:pointer;background:#4a4a4a;border:none;border-radius:6px;padding:10px 16px;font-size:13px;transition:all .15s}.pagination-btn:hover:not(:disabled){background:#555}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#888;font-size:13px}.combo-list{flex-direction:column;gap:16px;display:flex}.combo-card{cursor:pointer;background:#333;border:1px solid #444;border-radius:8px;padding:16px;transition:all .2s}.combo-card:hover{background:#3a3a3a;border-color:#555}.combo-content{align-items:center;gap:24px;display:flex}.combo-item{flex:1;align-items:center;gap:16px;display:flex}.combo-item-img{justify-content:center;align-items:center;width:96px;height:96px;display:flex}.combo-item-img img{object-fit:contain;max-width:100%;max-height:100%}.combo-item-info .model{color:#ccc;font-size:14px}.combo-item-info .name{color:#888;font-size:12px}.combo-item-info .price{color:#5cb85c;font-size:14px;font-weight:600}.combo-plus{color:#555;font-size:24px}.combo-total{text-align:right;min-width:100px}.combo-total-price{color:#fff;font-size:18px;font-weight:700}.combo-total-match{color:#888;font-size:11px}.export-preview-container{background:#2a2a2a80;padding:16px;overflow:auto}.export-preview{background:#232220;border-radius:12px;width:1200px;margin:0 auto;padding:32px}.export-header{border-bottom:1px solid #4a4a4a;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:24px;display:flex}.export-header-left h1{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700}.export-header-left p{color:#888;margin:0;font-size:14px}.export-header-right{text-align:right}.export-header-right .label{color:#888;margin-bottom:4px;font-size:12px}.export-header-right .value{color:#5cb85c;font-size:28px;font-weight:700}.export-header-right .count{color:#666;font-size:12px}.export-grid{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px;display:grid}.export-item{text-align:center;background:#3a3a3a;border-radius:10px;padding:12px}.export-item-name{color:#666;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:10px;overflow:hidden}.export-item-img{aspect-ratio:1;background:#2a2a2a;border-radius:8px;justify-content:center;align-items:center;margin-bottom:8px;display:flex;position:relative;overflow:hidden}.export-item-img img{object-fit:contain;max-width:100%;max-height:100%}.export-item-skin{color:#ccc;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:11px;overflow:hidden}.export-item-price{color:#5cb85c;font-size:13px;font-weight:600}.export-footer{border-top:1px solid #4a4a4a;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.export-footer-left{align-items:center;gap:8px;display:flex}.export-footer-left svg{color:#d4af37;width:20px;height:20px}.export-footer-left span{color:#888;font-size:12px}.export-footer-left strong{color:#fff;font-weight:600}.export-footer-right{color:#666;font-size:12px}.modal-footer-tip{color:#666;text-align:center;font-size:11px}.combo-card-sidebar{padding:0}.combo-card-sidebar .sidebar-card-body{padding:16px}.combo-card-sidebar .combo-title{color:#fff;margin:0 0 4px;font-size:14px;font-weight:600}.combo-card-sidebar .combo-desc{color:#888;margin:0 0 12px;font-size:11px}.save-card{background:linear-gradient(135deg,#2a4a2a 0%,#2a2a2a 100%);border:1px solid #3a5a3a}.save-card .sidebar-card-body{flex-direction:column;gap:12px;display:flex}.loadout-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.loadout-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);transform:translateY(-1px)}.loadout-btn-save:disabled{color:#888;cursor:not-allowed;background:#4a4a4a}.save-public-label{color:#ccc;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.save-public-label input[type=checkbox]{accent-color:#22c55e;width:16px;height:16px}.save-message{border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.save-message.success{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.save-message.error{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.save-view-link{color:#22c55e;font-weight:600;text-decoration:none}.save-view-link:hover{text-decoration:underline}