.p-variant-stock-input{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.p-variant-stock-input__summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.p-variant-stock-input__stat{display:flex;flex-direction:column;align-items:center;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:70px}.p-variant-stock-input__stat-value{font-size:18px;font-weight:700;color:#374151;line-height:1.2}.p-variant-stock-input__stat--primary{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.p-variant-stock-input__stat--primary .p-variant-stock-input__stat-value{color:#3b82f6}.p-variant-stock-input__stat--warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.p-variant-stock-input__stat--warning .p-variant-stock-input__stat-value{color:#f59e0b}.p-variant-stock-input__stat--danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.p-variant-stock-input__stat--danger .p-variant-stock-input__stat-value{color:#ef4444}.p-variant-stock-input__stat-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.p-variant-stock-input__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#9ca3af;text-align:center;gap:8px}.p-variant-stock-input__empty-state>span{font-size:12px}.p-variant-stock-input__preview{margin-bottom:12px}.p-variant-stock-input__preview-grid{display:flex;flex-wrap:wrap;gap:6px}.p-variant-stock-input__preview-cell{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:11px}.p-variant-stock-input__color-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.p-variant-stock-input__preview-size{font-weight:500;color:#374151}.p-variant-stock-input__preview-stock{font-weight:600;color:#22c55e}.p-variant-stock-input__preview-cell--out-of-stock{background:#fef2f2;border-color:#fecaca}.p-variant-stock-input__preview-cell--out-of-stock .p-variant-stock-input__preview-stock{color:#ef4444}.p-variant-stock-input__preview-cell--low-stock{background:#fffbeb;border-color:#fde68a}.p-variant-stock-input__preview-cell--low-stock .p-variant-stock-input__preview-stock{color:#f59e0b}.p-variant-stock-input__preview-more{display:flex;align-items:center;padding:4px 8px;background:#f3f4f6;border-radius:4px;font-size:11px;color:#6b7280}.p-variant-stock-input__controls{display:flex;flex-direction:column;gap:8px}.p-variant-stock-input__edit-button{width:100%}.p-variant-stock-input__help-text{font-size:11px;color:#9ca3af;text-align:center;margin:0}.p-variant-stock-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.p-variant-stock-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.p-variant-stock-modal__content{position:relative;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.p-variant-stock-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.p-variant-stock-modal__header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;color:#1e293b}.p-variant-stock-modal__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s ease}.p-variant-stock-modal__close-btn:hover{background:#f1f5f9;color:#1e293b}.p-variant-stock-modal__actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.p-variant-stock-modal__fill-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.p-variant-stock-modal__fill-group label{font-size:13px;color:#64748b;font-weight:500}.p-variant-stock-modal__fill-input{width:60px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;text-align:center}.p-variant-stock-modal__fill-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.p-variant-stock-modal__action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.p-variant-stock-modal__action-btn:hover{background:#f1f5f9}.p-variant-stock-modal__action-btn--primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.p-variant-stock-modal__action-btn--primary:hover{background:#2563eb}.p-variant-stock-modal__action-btn--danger{color:#ef4444;border-color:#fecaca}.p-variant-stock-modal__action-btn--danger:hover{background:#fef2f2}.p-variant-stock-modal__total{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.p-variant-stock-modal__total strong{font-weight:700;color:#22c55e}.p-variant-stock-modal__body{flex:1;overflow:auto;padding:20px}.p-variant-stock-modal__matrix-wrapper{overflow-x:auto}.p-variant-stock-modal__matrix{width:100%;border-collapse:collapse;font-size:13px}.p-variant-stock-modal__matrix td,.p-variant-stock-modal__matrix th{border:1px solid #e5e7eb;padding:0}.p-variant-stock-modal__matrix th{background:#f8fafc;font-weight:600;color:#374151}.p-variant-stock-modal__corner-cell{position:sticky;left:0;z-index:2;padding:10px 12px!important;background:#f1f5f9!important;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#64748b;min-width:100px}.p-variant-stock-modal__size-header{min-width:60px;text-align:center}.p-variant-stock-modal__header-btn{display:block;width:100%;padding:10px 8px;background:transparent;border:none;font-size:12px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.p-variant-stock-modal__header-btn:hover{background:#e2e8f0}.p-variant-stock-modal__footer-label,.p-variant-stock-modal__total-header{padding:10px 12px!important;font-weight:600;background:#f1f5f9!important}.p-variant-stock-modal__color-cell{position:sticky;left:0;z-index:1;background:#fff}.p-variant-stock-modal__row-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.p-variant-stock-modal__row-btn:hover{background:#f1f5f9}.p-variant-stock-modal__color-swatch{width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.p-variant-stock-modal__color-label{font-size:13px;font-weight:500;color:#374151;white-space:nowrap}.p-variant-stock-modal__cell{text-align:center;background:#fff;transition:all .2s ease}.p-variant-stock-modal__cell--out-of-stock{background:#fef2f2}.p-variant-stock-modal__cell--low-stock{background:#fffbeb}.p-variant-stock-modal__cell-input{width:100%;padding:10px 4px;border:none;background:transparent;font-size:14px;font-weight:500;text-align:center;color:#374151;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.p-variant-stock-modal__cell-input:focus{outline:none;background:#eff6ff}.p-variant-stock-modal__cell-input::-webkit-inner-spin-button,.p-variant-stock-modal__cell-input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.p-variant-stock-modal__column-total,.p-variant-stock-modal__grand-total,.p-variant-stock-modal__row-total{padding:10px 12px!important;font-weight:600;text-align:center;background:#f8fafc;color:#374151}.p-variant-stock-modal__grand-total{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#22c55e;font-size:15px}.p-variant-stock-modal__list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:8px}.p-variant-stock-modal__list-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.p-variant-stock-modal__list-item:hover{border-color:#c8ccd5;box-shadow:0 2px 4px rgba(0,0,0,.05)}.p-variant-stock-modal__list-item--out-of-stock{background:#fef2f2;border-color:#fecaca}.p-variant-stock-modal__list-item--low-stock{background:#fffbeb;border-color:#fde68a}.p-variant-stock-modal__list-label{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.p-variant-stock-modal__list-color-swatch{width:24px;height:24px;border-radius:6px;border:2px solid rgba(0,0,0,.1);flex-shrink:0}.p-variant-stock-modal__list-color-name{font-size:14px;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-variant-stock-modal__size-badge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:4px 12px;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.p-variant-stock-modal__list-input{width:80px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:500;text-align:center;color:#374151;background:#fff;transition:all .2s ease;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.p-variant-stock-modal__list-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.p-variant-stock-modal__list-input::-webkit-inner-spin-button,.p-variant-stock-modal__list-input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.p-variant-stock-modal__list-stock-status{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;min-width:70px}.p-variant-stock-modal__list-stock-status--in-stock{color:#22c55e}.p-variant-stock-modal__list-stock-status--low-stock{color:#f59e0b}.p-variant-stock-modal__list-stock-status--out-of-stock{color:#ef4444}.p-variant-stock-modal__legend{display:flex;justify-content:center;gap:20px;padding:12px 20px;background:#f8fafc;border-top:1px solid #e5e7eb}.p-variant-stock-modal__legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.p-variant-stock-modal__legend-color{width:16px;height:16px;border-radius:4px;border:1px solid #e5e7eb}.p-variant-stock-modal__legend-color--normal{background:#fff}.p-variant-stock-modal__legend-color--low{background:#fffbeb;border-color:#fde68a}.p-variant-stock-modal__legend-color--out{background:#fef2f2;border-color:#fecaca}.p-variant-stock-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid #e5e7eb;background:#fff}.p-variant-stock-modal__info{font-size:13px;color:#64748b}.p-variant-stock-modal__buttons{display:flex;gap:10px}.p-variant-stock-modal__cancel-btn,.p-variant-stock-modal__confirm-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.p-variant-stock-modal__cancel-btn{background:#fff;border:1px solid #e5e7eb;color:#64748b}.p-variant-stock-modal__cancel-btn:hover{background:#f1f5f9;color:#374151}.p-variant-stock-modal__confirm-btn{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.p-variant-stock-modal__confirm-btn:hover{background:#2563eb}.p-variant-stock-modal__confirm-btn:disabled{background:#94a3b8;border-color:#94a3b8;cursor:not-allowed}@media(width <= 640px){.p-variant-stock-modal{padding:10px}.p-variant-stock-modal__content{max-height:95vh}.p-variant-stock-modal__header{padding:12px 16px}.p-variant-stock-modal__actions{padding:10px 16px}.p-variant-stock-modal__body{padding:12px}.p-variant-stock-modal__footer{flex-direction:column;gap:12px;padding:12px 16px}.p-variant-stock-modal__buttons{width:100%}.p-variant-stock-modal__buttons button{flex:1}.p-variant-stock-input__summary{justify-content:center}.p-variant-stock-input__stat{min-width:60px;padding:6px 10px}.p-variant-stock-input__stat-value{font-size:16px}}