.AllAddonsPage{padding-top:30px;padding-bottom:50px}.AllAddonsHeader{border-bottom:1px solid #00000014;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.AllAddonsHeaderLeft{flex:1;min-width:0}.AllAddonsHeaderRight{flex-shrink:0;align-items:center;gap:12px;display:flex}.AllAddonsFilter{align-items:center;gap:8px;display:flex}.AllAddonsFilterLabel{color:var(--text-color,#666);font-size:13px;font-weight:500}.AllAddonsFilterSelect{color:var(--heading-color,#1a1a1a);cursor:pointer;appearance:none;background:#fff 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='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #0000001f;border-radius:8px;outline:none;min-width:220px;padding:8px 32px 8px 12px;font-size:13px;font-weight:500;transition:all .2s}.AllAddonsFilterSelect:focus{border-color:var(--brand-color,#eb493a)}.FilterInfoBox{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:40px;font-size:14px}.EditAddonBtn{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:inline-flex}.EditAddonBtn:hover{color:var(--brand-color,#eb493a);border-color:var(--brand-color,#eb493a);background:#eb493a0f}.AllAddonsTitle{color:var(--heading-color,#1a1a1a);margin:0 0 6px;font-size:24px;font-weight:600}.AllAddonsSubtitle{color:var(--text-color,#666);margin:0;font-size:14px}.CreateAddonBtn{color:#fff;background:var(--brand-color,#eb493a);border:1px solid var(--brand-color,#eb493a);border-radius:var(--borderRadius,8px);cursor:pointer;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.CreateAddonBtn:hover{opacity:.92;color:#fff}.AllAddonsTableWrap{border-radius:var(--borderRadiusLarge,12px);background:#fff;border:1px solid #0000001a;overflow-x:auto}.AllAddonsTable{border-collapse:collapse;table-layout:auto;width:100%;font-size:13px}.AllAddonsTh,.AllAddonsTd{text-align:left;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border-bottom:1px solid #0000000f;padding:10px 12px;overflow:hidden}.AllAddonsTh{color:var(--heading-color,#1a1a1a);z-index:2;text-transform:capitalize;background:#f8f9fa;font-weight:600;position:sticky;top:0}.AllAddonsTr:hover .AllAddonsTd{background:#00000005}.AllAddonsTd{color:var(--text-color,#445)}.AddonStatusActive{color:#22c55e;align-items:center;gap:6px;font-weight:500;display:flex}.AddonStatusInactive{color:#ef4444;align-items:center;gap:6px;font-weight:500;display:flex}.StatusDot{border-radius:50%;width:8px;height:8px}.StatusDot.active{background:#22c55e}.StatusDot.inactive{background:#ef4444}.EmptyState{text-align:center;color:#64748b;padding:60px;font-size:14px}.LoadingState{text-align:center;padding:100px}.Spinner{border:3px solid #0000001a;border-top:3px solid var(--brand-color);border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.CreateAddonModal .ant-modal-content{border-radius:12px;padding:0;overflow:hidden}.CreateAddonModal .ant-modal-header{margin:0;padding:20px 0}.CreateAddonModal .ant-modal-title{font-size:1.25rem;font-weight:600}.CreateAddonModal .ant-modal-body{max-height:70vh;overflow-y:auto}.CreateAddonModal .ant-modal-footer{border-top:1px solid #0000000f;margin:0;padding:16px 24px}.AddonFormGrid{flex-direction:column;gap:20px;display:flex}.AddonFormField{flex-direction:column;gap:8px;display:flex}.AddonFormLabel{color:var(--heading-color,#334155);font-size:13px;font-weight:600}.AddonFormInput,.AddonFormSelect{background:#fff;border:1px solid #0000001f;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.AddonFormInput:focus,.AddonFormSelect:focus{border-color:var(--brand-color,#eb493a);outline:none;box-shadow:0 0 0 3px #eb493a1a}.AddonFormCheckLabel{cursor:pointer;-webkit-user-select:none;user-select:none;color:#475569;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.AddonFormCheckbox{width:18px;height:18px;accent-color:var(--brand-color,#eb493a)}.ModalFooterBtns{justify-content:flex-end;gap:12px;display:flex}.ModalBtn{cursor:pointer;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.ModalBtnSecondary{color:#475569;background:#fff;border:1px solid #e2e8f0}.ModalBtnSecondary:hover{background:#f8fafc;border-color:#cbd5e1}.ModalBtnPrimary{background:var(--brand-color,#eb493a);border:1px solid var(--brand-color,#eb493a);color:#fff}.ModalBtnPrimary:hover{opacity:.9}.ModalBtnPrimary:disabled{cursor:not-allowed;background:#cbd5e1;border-color:#cbd5e1}.PriceValue{color:#1a1a1a;font-weight:600}
