.loadout-builder-page{padding:24px 16px}.loadout-builder .sa-breadcrumb{margin-bottom:16px}.loadout-header{background:#2a2a2a;border-radius:8px;padding:20px 24px;margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.loadout-header-left h1{color:#fff;font-size:24px;font-weight:700;margin:0 0 4px}.loadout-header-left p{color:#888;font-size:14px;margin:0}.loadout-header-right{display:flex;align-items:center;gap:10px}.loadout-header-right span{color:#888;font-size:13px}.loadout-select{background:#4a4a4a;border:1px solid #555;color:#ddd;padding:10px 14px;border-radius:6px;font-size:13px;cursor:pointer}.loadout-select:focus{border-color:#d4af37;outline:none}.loadout-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.stats-card{background:#2a2a2a;border-radius:8px;overflow:hidden}.stats-card-header{padding:12px 16px;border-bottom:1px solid #3a3a3a}.stats-card-title{color:#888;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}.stats-card-body{padding:16px}.stats-card .total-value{font-size:28px;font-weight:700;color:#5cb85c;margin-bottom:4px}.stats-card .total-count{color:#888;font-size:13px}.stats-card .breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stats-card .breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.stats-card .breakdown-empty{color:#666;font-size:13px;text-align:center;padding:10px 0}@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{display:flex;gap:24px}.loadout-content{flex:1;min-width:0}.loadout-sidebar{width:320px;flex-shrink:0;position:sticky;top:120px;align-self:flex-start;max-height:calc(100vh - 140px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.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;padding:20px;margin-bottom:24px}.featured-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.featured-section-title{display:flex;align-items:center;gap:14px}.featured-add-btn{background:#4a4a4a;border:1px solid #555;color:#ccc;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.featured-add-btn:hover{background:#555;color:#fff;border-color:#666}.featured-add-btn svg{width:14px;height:14px}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}@media (max-width:768px){.featured-grid{grid-template-columns:1fr}}.featured-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}@media (max-width:768px){.featured-row{grid-template-columns:1fr}}.featured-item{background:#2a2a2a;border-radius:8px;padding:20px}.featured-header{display:flex;align-items:center;gap:14px}.featured-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.featured-icon.knife-icon{background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(212,175,55,.1));color:#d4af37;border:1px solid rgba(212,175,55,.3)}.featured-icon.gloves-icon{background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(168,85,247,.1));color:#a855f7;border:1px solid rgba(168,85,247,.3)}.featured-title{color:#fff;font-size:18px;font-weight:700;margin:0}.featured-subtitle{color:#666;font-size:12px;margin:2px 0 0}.featured-slot{background:#333;border:2px dashed #444;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.featured-slot:hover{border-color:#555;background:#3a3a3a}.featured-grid .featured-slot{min-height:200px}.featured-slot.has-skin{border-style:solid;border-color:rgba(92,184,92,.5);background:#333}.featured-slot.has-skin:hover{border-color:rgba(92,184,92,.8)}.featured-placeholder{text-align:center}.featured-placeholder svg{width:48px;height:48px;color:#555;margin-bottom:12px}.featured-placeholder span{display:block;color:#666;font-size:14px;font-weight:500}.featured-img{margin-bottom:12px}.featured-img img{max-width:100%;height:auto;object-fit:contain}.featured-info{text-align:center}.featured-skin-name{color:#fff;font-size:15px;font-weight:600;margin-bottom:2px}.featured-skin-variant{color:#888;font-size:12px;margin-bottom:6px}.featured-price{color:#5cb85c;font-size:18px;font-weight:700}.featured-remove{position:absolute;top:12px;right:12px;width:28px;height:28px;background:#d9534f;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:2}.featured-slot:hover .featured-remove{opacity:1}.featured-remove:hover{background:#c9302c}.featured-remove svg{width:14px;height:14px;color:#fff}.featured-delete-slot{position:absolute;top:12px;left:12px;width:28px;height:28px;background:#4a4a4a;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;z-index:2}.featured-slot:hover .featured-delete-slot{opacity:1}.featured-delete-slot:hover{background:#f0ad4e}.featured-delete-slot svg{width:14px;height:14px;color:#fff}.weapon-category{margin-bottom:28px}.category-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.category-icon{width:28px;height:28px;border-radius:50%;background:#4a4a4a;display:flex;align-items:center;justify-content:center}.category-icon span{color:#888;font-size:8px}.category-title{color:#fff;font-size:18px;font-weight:600;margin:0}.category-count{color:#aaa;font-size:12px;margin:0}.weapon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.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{background:#333;border:1px solid #444;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;position:relative}.weapon-slot:hover{border-color:#555;background:#3a3a3a}.weapon-slot.has-skin{border-color:rgba(92,184,92,.5)}.weapon-slot.has-skin:hover{border-color:rgba(92,184,92,.8)}.weapon-slot-name{color:#888;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.weapon-slot-img{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;margin-bottom:8px}.weapon-slot-img.empty{border:2px dashed #555;background:transparent}.weapon-slot:hover .weapon-slot-img.empty{border-color:#666}.weapon-slot-img.filled{background:#2a2a2a}.weapon-slot-img img{max-width:100%;max-height:100%;object-fit:contain}.weapon-slot-placeholder{text-align:center}.weapon-slot-placeholder svg{width:24px;height:24px;color:#666;margin-bottom:4px}.weapon-slot-placeholder span{display:block;color:#666;font-size:9px;text-transform:uppercase}.weapon-slot-info{text-align:center}.weapon-slot-skin-name{color:#ccc;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.weapon-slot-price{color:#5cb85c;font-size:11px;font-weight:600}.weapon-slot-badges{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin-bottom:4px}.skin-badge{font-size:8px;font-weight:700;letter-spacing:.3px}.skin-badge.stattrak{background:linear-gradient(135deg,#cf6a32,#a85528);color:#fff}.skin-badge.souvenir{background:linear-gradient(135deg,#d4af37,#b8962e);color:#000}.skin-badge.holo{background:linear-gradient(135deg,#00d4ff,#0099cc);color:#fff}.skin-badge.foil{background:linear-gradient(135deg,#c0c0c0,#888);color:#000}.skin-badge.gold{background:linear-gradient(135deg,#ffd700,#daa520);color:#000}.skin-badge.glitter{background:linear-gradient(135deg,#ff69b4,#da70d6);color:#fff}.skin-badge.lenticular{background:linear-gradient(135deg,#9932cc,#6a1b9a);color:#fff}.weapon-slot-remove{position:absolute;top:8px;right:8px;width:22px;height:22px;background:#d9534f;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.weapon-slot:hover .weapon-slot-remove{opacity:1}.weapon-slot-remove:hover{background:#c9302c}.weapon-slot-remove svg{width:12px;height:12px;color:#fff}.sidebar-card{background:#2a2a2a;border-radius:8px;margin-bottom:16px;overflow:hidden}.sidebar-card-header{background:#333;padding:14px 16px;border-bottom:1px solid #444}.sidebar-card-header-gold{border-bottom:2px solid #d4af37}.sidebar-card-title{color:#888;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}.sidebar-card-body{padding:16px}.loadout-name-display{display:flex;align-items:center;justify-content:space-between}.loadout-name-text{color:#fff;font-size:18px;font-weight:600}.loadout-name-edit-btn{background:none;border:none;color:#888;cursor:pointer;padding:4px}.loadout-name-edit-btn:hover{color:#fff}.loadout-name-form{display:flex;gap:8px}.loadout-name-input{flex:1;background:#2a2a2a;border:1px solid #4a4a4a;border-radius:6px;padding:8px 12px;color:#fff;font-size:14px}.loadout-name-input:focus{border-color:#d4af37;outline:none}.total-value{color:#5cb85c;font-size:28px;font-weight:700;margin-bottom:4px}.total-count{color:#888;font-size:13px}.breakdown-empty{color:#666;font-size:13px;text-align:center;padding:24px 0}.breakdown-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.breakdown-label{color:#888}.breakdown-value{color:#fff;font-weight:500}.loadout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.loadout-btn svg{width:18px;height:18px}.loadout-btn-outline{background:#3a3a3a;border:1px solid #4a4a4a;color:#ccc}.loadout-btn-outline:hover{background:#404040;border-color:#d9534f;color:#d9534f}.loadout-btn-primary{background:#d4af37;color:#1a1a1a}.loadout-btn-primary:hover{background:#e5c349}.loadout-btn-primary:disabled{background:#4a4a4a;color:#888;cursor:not-allowed}.loadout-btn-secondary{background:#4a4a4a;color:#fff}.loadout-btn-secondary:hover{background:#555}.loadout-btn-white{background:#fff;color:#1a1a1a}.loadout-btn-white:hover{background:#eee}.loadout-btn-white:disabled{background:#4a4a4a;color:#888;cursor:not-allowed}.budget-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.budget-icon{width:32px;height:32px;border-radius:50%;background:rgba(92,184,92,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.budget-icon svg{width:16px;height:16px;color:#5cb85c}.budget-info h3{color:#fff;font-size:14px;font-weight:600;margin:0 0 2px}.budget-info p{color:#888;font-size:11px;margin:0}.form-group{margin-bottom:16px}.form-label{display:block;color:#888;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.form-input{width:100%;background:#2a2a2a;border:1px solid #4a4a4a;border-radius:6px;padding:10px 12px;color:#fff;font-size:14px}.form-input:focus{border-color:#d4af37;outline:none}.form-input-prefix{position:relative}.form-input-prefix .prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#888;font-size:14px}.form-input-prefix .form-input{padding-left:28px}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:6px}.color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;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{display:flex;justify-content:space-between;margin-bottom:4px}.slider-label{color:#ccc;font-size:12px;text-transform:capitalize}.slider-value{color:#fff;font-size:12px;font-weight:600}.slider-track{display:flex;align-items:center;gap:8px}.slider-budget{color:#666;font-size:10px;width:48px}.slider-input{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:#4a4a4a;border-radius:3px;cursor:pointer}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#d4af37;cursor:pointer}.slider-input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#d4af37;cursor:pointer;border:none}.allocation-total{display:flex;justify-content:space-between;padding-top:12px;margin-top:12px;border-top:1px solid #4a4a4a}.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{display:grid;grid-template-columns:1fr 1fr;gap:8px}.option-label{display:flex;align-items:center;gap:8px;background:rgba(74,74,74,.5);border-radius:6px;padding:8px 10px;cursor:pointer}.option-label input{width:14px;height:14px;accent-color:#d4af37}.option-label span{color:#ccc;font-size:11px}.reset-link{background:none;border:none;color:#d4af37;font-size:10px;cursor:pointer;padding:0}.reset-link:hover{color:#e5c349}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:#2a2a2a;border-radius:8px;width:100%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.modal-lg{max-width:1100px}.modal-xl{max-width:1280px;max-height:90vh}.modal-header{background:#333;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #444}.modal-title{color:#fff;font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#888;cursor:pointer;padding:4px}.modal-close:hover{color:#fff}.modal-close svg{width:24px;height:24px}.modal-search{padding:16px 20px;border-bottom:1px solid #4a4a4a}.modal-search input{width:100%;background:#4a4a4a;border:1px solid #555;border-radius:6px;padding:12px 16px;color:#fff;font-size:14px}.modal-search input::placeholder{color:#666}.modal-search input:focus{border-color:#d4af37;outline:none}.modal-body{flex:1;overflow-y:auto;padding:20px}.modal-footer{background:#333;padding:16px 20px;border-top:1px solid #444;display:flex;align-items:center;justify-content:space-between}.modal-footer-center{justify-content:center}.skin-grid{display:flex;flex-direction:column;gap:4px}.skin-card{display:flex;align-items:center;gap:12px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;padding:8px 12px;cursor:pointer;transition:all .15s ease}.skin-card:hover{border-color:#5E97D8;background:#333}.skin-card-img{width:100px;height:100px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.skin-card-img img{max-width:100%;max-height:100%;object-fit:contain}.skin-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.skin-card-name{color:#fff;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skin-card-stattrak .skin-card-name{color:#cf6a32}.skin-card-souvenir .skin-card-name{color:#ffd700}.skin-card-details{display:flex;align-items:center;gap:6px;font-size:11px}.skin-badge{padding:2px 5px;border-radius:3px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.skin-badge-st{background:rgba(207,106,50,.2);color:#cf6a32}.skin-badge-sv{background:rgba(255,215,0,.2);color:#ffd700}.skin-badge-phase{background:rgba(94,151,216,.2);color:#5E97D8}.skin-card-model{color:#888}.skin-card-exterior{color:#666}.skin-card-price{color:#5cb85c;font-size:14px;font-weight:600;flex-shrink:0;min-width:70px;text-align:right}.empty-state,.loading-state{text-align:center;padding:48px 20px;color:#888;font-size:14px}.pagination-controls{display:flex;align-items:center;gap:16px}.pagination-btn{background:#4a4a4a;border:none;color:#fff;padding:10px 16px;border-radius:6px;font-size:13px;cursor:pointer;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{display:flex;flex-direction:column;gap:16px}.combo-card{background:#333;border:1px solid #444;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease}.combo-card:hover{border-color:#555;background:#3a3a3a}.combo-content{gap:24px}.combo-content,.combo-item{display:flex;align-items:center}.combo-item{flex:1;gap:16px}.combo-item-img{width:96px;height:96px;display:flex;align-items:center;justify-content:center}.combo-item-img img{max-width:100%;max-height:100%;object-fit:contain}.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:rgba(42,42,42,.5);padding:16px;overflow:auto}.export-preview{width:1200px;margin:0 auto;background:#232220;padding:32px;border-radius:12px}.export-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #4a4a4a}.export-header-left h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.export-header-left p{color:#888;font-size:14px;margin:0}.export-header-right{text-align:right}.export-header-right .label{color:#888;font-size:12px;margin-bottom:4px}.export-header-right .value{color:#5cb85c;font-size:28px;font-weight:700}.export-header-right .count{color:#666;font-size:12px}.export-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.export-item{background:#3a3a3a;border-radius:10px;padding:12px;text-align:center}.export-item-name{color:#666;font-size:10px;text-transform:uppercase;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-item-img{aspect-ratio:1;background:#2a2a2a;border-radius:8px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.export-item-img img{max-width:100%;max-height:100%;object-fit:contain}.export-item-skin{color:#ccc;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.export-item-price{color:#5cb85c;font-size:13px;font-weight:600}.export-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #4a4a4a}.export-footer-left{display:flex;align-items:center;gap:8px}.export-footer-left svg{width:20px;height:20px;color:#d4af37}.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;font-size:11px;text-align:center}.combo-card-sidebar{padding:0}.combo-card-sidebar .sidebar-card-body{padding:16px}.combo-card-sidebar .combo-title{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.combo-card-sidebar .combo-desc{color:#888;font-size:11px;margin:0 0 12px}.save-card{background:linear-gradient(135deg,#2a4a2a,#2a2a2a);border:1px solid #3a5a3a}.save-card .sidebar-card-body{display:flex;flex-direction:column;gap:12px}.loadout-btn-save{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;width:100%}.loadout-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px)}.loadout-btn-save:disabled{background:#4a4a4a;color:#888;cursor:not-allowed}.save-public-label{display:flex;align-items:center;gap:8px;color:#ccc;font-size:13px;cursor:pointer}.save-public-label input[type=checkbox]{width:16px;height:16px;accent-color:#22c55e}.save-message{padding:10px 14px;border-radius:6px;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.save-message.success{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.save-message.error{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.save-view-link{color:#22c55e;text-decoration:none;font-weight:600}.save-view-link:hover{text-decoration:underline}