.modal-close-red{color:#ff4d4f!important;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s}.category-modal-centralized .ant-modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.category-modal-centralized .ant-modal-header{background:linear-gradient(135deg,#011d4c,#0c2d78);color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center}.category-modal-centralized .ant-modal-title{color:#fff!important;font-weight:600;font-size:20px}.category-form-centralized{width:100%;display:flex;flex-direction:column;align-items:center}.category-form-row{display:flex;gap:16px;width:100%;justify-content:center}.category-form-col{flex:1;min-width:220px}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn span,.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#011d4c!important}.ant-tabs-ink-bar{background:#011d4c!important}.ant-menu-submenu-selected>.ant-menu-submenu-title,.ant-menu-submenu-title-selected{color:#011d4c!important;background-color:#d4af3726!important}.ant-menu-submenu-selected>.ant-menu-submenu-title .anticon,.ant-menu-submenu-title-selected .anticon{color:#011d4c!important}.ant-menu-submenu .ant-menu{background-color:#011d4c80!important}.ant-menu-submenu .ant-menu-item{color:#d4af37e6!important}.ant-menu-submenu .ant-menu-item:hover{background-color:#d4af371a!important;color:#011d4c!important}.ant-menu-submenu .ant-menu-item-selected{background-color:#d4af3726!important;color:#011d4c!important}body{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:#fff}.trigger{padding:0 24px;font-size:18px;line-height:64px;cursor:pointer;transition:color .3s;color:#d4af37}.trigger:hover{color:#0c2d78}.demo-logo-vertical{height:32px;margin:16px;background:#fef9e7;border-radius:4px}.ant-layout{min-height:100vh}.ant-layout-sider{box-shadow:2px 0 8px #1d23290d;background:#011d4c!important}.ant-layout-header{background:#fff;padding:0;box-shadow:0 1px 4px #00152914}.ant-card{box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017;border-radius:8px}.ant-statistic-title{font-size:14px;color:#00000073}.ant-statistic-content{font-size:24px;color:#d4af37}.ant-table-wrapper{background:#fff;border-radius:8px}.ant-menu-item-selected{background-color:#fef9e7!important;color:#011d4c!important}.ant-menu-item:hover,.ant-menu-item-selected .anticon,.ant-menu-item:hover .anticon{color:#011d4c!important}.ant-btn-primary{background:linear-gradient(135deg,#011d4c,#0c2d78)!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px #d4af3714}.ant-btn-primary:hover,.ant-btn-primary:focus{background:linear-gradient(135deg,#0c2d78,#011d4c)!important;border:none!important;color:#fff!important}.even-row{background-color:#fafafa}.odd-row{background-color:#fff}.even-row:hover,.odd-row:hover{background-color:#e6f7ff!important}.ant-table-tbody>tr>td{padding:12px 16px}.ant-tag{margin:2px}.ant-switch[disabled]{opacity:.6}.ant-table-body::-webkit-scrollbar{height:8px}.ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.ant-table-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.ant-table-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.summary-card-col{width:100%;flex:0 0 50%!important;max-width:50%!important}@media(min-width:576px){.summary-card-col{flex:0 0 33.333%!important;max-width:33.333%!important}}@media(min-width:768px){.summary-card-col{flex:0 0 25%!important;max-width:25%!important}}@media(min-width:1200px){.summary-card-col{flex:0 0 20%!important;max-width:20%!important}}.stat-card-skeleton{background-color:#fff;border-radius:12px;padding:6px 10px;border:1px solid #f3f4f6;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 3px #0000000d;min-height:68px}.stat-skeleton-header{display:flex;align-items:center;gap:8px}.stat-skeleton-footer{display:flex;align-items:center;gap:6px}.stat-skeleton-avatar{border-radius:5px;width:24px;height:24px}.stat-skeleton-title{width:70px;height:12px}.stat-skeleton-value{width:100px;height:16px;margin:1px 0}.stat-skeleton-trend{width:40px;height:12px}.stat-skeleton-period{width:80px;height:12px}.summary-card{background-color:#fff;border-radius:12px;padding:10px;border:1px solid #e5e7eb;cursor:pointer;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;height:100%;min-height:68px}.summary-card-header{display:flex;align-items:center;gap:10px}.summary-card-icon{color:#cca43b;background-color:#fdf6e2;width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-card-title{font-size:11px;color:#4b5563;font-weight:500}.summary-card-value{font-size:16px;font-weight:700;color:#011d4c;line-height:1.2}.summary-card-trend-row{display:flex;align-items:center;gap:6px;margin-top:auto}.summary-card-trend{font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:4px;display:inline-flex;align-items:center;gap:2px}.summary-card-trend.positive{color:#15803d;background-color:#d1fae5}.summary-card-trend.negative{color:#be123c;background-color:#ffe4e6}.summary-card-period{font-size:9.5px;color:#9ca3af;font-weight:500}.summary-card-spacer{height:12px;margin-top:auto}._siderToggleBtn_5hjol_1{font-size:20px;color:#d4af37;background:transparent;border:none;margin-right:12px;margin-left:0;box-shadow:none;padding:0;min-width:0;height:auto;display:flex;align-items:center;justify-content:center}._siderHeaderCollapsed_5hjol_18 ._siderToggleBtn_5hjol_1{margin-right:0;margin-left:4px}._sider_5hjol_1{background:#1f1f1f;box-shadow:2px 0 8px #0000001a;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:width .2s;display:flex;flex-direction:column;overflow:hidden}._siderHeader_5hjol_18{background:#fff;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:64px;padding-left:16px}._siderHeaderCollapsed_5hjol_18{justify-content:center;padding-left:0}._logo_5hjol_54{height:32px;margin-bottom:0;transition:all .2s}._userInfo_5hjol_60{display:flex;align-items:center;padding:24px}._avatar_5hjol_66{background:#d4af37;margin-right:16px}._userDetails_5hjol_71{flex:1}._userName_5hjol_75{margin:0!important;color:#fff!important}._userEmail_5hjol_80{font-size:12px;margin:0;color:#ffffffb3!important}._sidebarDivider_5hjol_86{margin:0!important;border-color:#fff3!important;border-width:1px!important}._menuContainer_5hjol_92{flex:1;overflow:hidden;display:flex;flex-direction:column}._menu_5hjol_92{border-right:0;flex:1;overflow-y:scroll;overflow-x:hidden;height:100%;max-height:calc(100vh - 200px)}._menu_5hjol_92::-webkit-scrollbar{width:8px}._menu_5hjol_92::-webkit-scrollbar-track{background:#d4af371a;border-radius:4px}._menu_5hjol_92::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:4px}._menu_5hjol_92::-webkit-scrollbar-thumb:hover{background:#93a095b3}._menu_5hjol_92{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.5) rgba(212,175,55,.1)}._menu_5hjol_92 .ant-menu-item-selected{background-color:#d4af3726!important}._menu_5hjol_92 .ant-menu-inline-collapsed .ant-menu-item-selected{border-left:3px solid #d4af37!important;background-color:#d4af3726!important}._menu_5hjol_92 .ant-menu-item,._menu_5hjol_92 .ant-menu-submenu-title,._menu_5hjol_92 .ant-menu-item .anticon,._menu_5hjol_92 .ant-menu-submenu-title .anticon{color:#fff!important}._menu_5hjol_92 .ant-menu-item:hover,._menu_5hjol_92 .ant-menu-submenu-title:hover{background-color:#d4af371a!important;color:#d4af37!important}._menu_5hjol_92 .ant-menu-item:hover .anticon,._menu_5hjol_92 .ant-menu-submenu-title:hover .anticon,._menu_5hjol_92 .ant-menu-submenu-title:hover .ant-menu-submenu-arrow,._menu_5hjol_92 .ant-menu-item-selected,._menu_5hjol_92 .ant-menu-item-selected:hover,._menu_5hjol_92 .ant-menu-item-selected .anticon,._menu_5hjol_92 .ant-menu-item-selected:hover .anticon{color:#d4af37!important}._menu_5hjol_92 .ant-menu-submenu-arrow{color:#fff!important}._menu_5hjol_92 .ant-menu-submenu-selected>.ant-menu-submenu-title,._menu_5hjol_92 .ant-menu-submenu-title-selected{color:#d4af37!important}._menu_5hjol_92 .ant-menu-submenu-selected>.ant-menu-submenu-title .anticon,._menu_5hjol_92 .ant-menu-submenu-title-selected .anticon{color:#d4af37!important}._menu_5hjol_92 .ant-menu-submenu-selected>.ant-menu-submenu-title .ant-menu-submenu-arrow{color:#d4af37!important}._layout_5hjol_201{min-height:100vh}._innerLayout_5hjol_205{margin-left:240px;transition:margin-left .2s;min-height:100vh;background:#f4f6f8;max-width:2000px;margin-right:auto}._innerLayoutCollapsed_5hjol_216{margin-left:80px}._header_5hjol_220{padding:0 32px;display:flex;align-items:center;justify-content:space-between;min-height:64px;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:101}._headerTitle_5hjol_234{color:#fff!important;margin:0;display:flex;align-items:center;height:64px;font-weight:700;letter-spacing:.5px}._headerRight_5hjol_244{display:flex;align-items:center;gap:16px}._bellIcon_5hjol_250{font-size:22px;color:#fff}._signOutBtn_5hjol_255{color:#fff!important;font-weight:500}._content_5hjol_260{margin:0;min-height:280px;display:flex;flex-direction:column;background:#f4f6f8}._contentInner_5hjol_268{width:100%}:root{--search-modal-bg: rgba(255, 255, 255, .95);--search-item-hover: rgba(99, 102, 241, .05);--search-item-active: rgba(99, 102, 241, .1);--search-accent: #6366f1;--search-text-primary: #1e293b;--search-text-secondary: #64748b;--search-border: #e2e8f0}.modern-search-modal .ant-modal-content{background:var(--search-modal-bg)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border-radius:1.5rem!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 25px 50px -12px #00000026!important;padding:10!important;overflow:hidden}.modern-search-header{padding:1.5rem 2rem;border-bottom:1px solid var(--search-border);display:flex;justify-content:space-between;align-items:center}.modern-search-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--search-text-primary)}.modern-search-title svg{color:var(--search-accent)}.modern-search-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--search-text-secondary);cursor:pointer;transition:all .2s;background:transparent;border:none}.modern-search-close:hover{background:var(--search-border);color:var(--search-text-primary);transform:rotate(90deg)}.modern-search-body{padding:1.5rem 2rem 2rem;max-height:70vh;overflow-y:auto}.modern-search-input-wrapper{position:relative;margin-bottom:2rem}.modern-search-input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--search-text-secondary);pointer-events:none;transition:all .3s}.modern-search-input{width:100%;padding:1rem 1.25rem 1rem 3.5rem;border-radius:1rem;border:2px solid var(--search-border);background:#fff;font-size:1.05rem;color:var(--search-text-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-search-input:focus{outline:none;border-color:var(--search-accent);box-shadow:0 0 0 4px #6366f11a}.modern-search-input:focus+.modern-search-input-icon{color:var(--search-accent);transform:translateY(-50%) scale(1.1)}.search-category-section{margin-bottom:2rem}.search-category-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--search-text-secondary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.search-category-label:after{content:"";flex:1;height:1px;background:var(--search-border)}.search-results-list{display:flex;flex-direction:column;gap:.5rem}.search-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;border-radius:1rem;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.search-item:hover{background:#fff;border-color:var(--search-border);transform:translate(4px);box-shadow:0 4px 6px -1px #0000000d}.search-item.active{background:#fff;border-color:var(--search-accent);box-shadow:0 4px 12px #6366f126}.search-item-icon{width:40px;height:40px;border-radius:.75rem;background:var(--search-item-hover);color:var(--search-accent);display:flex;align-items:center;justify-content:center;transition:all .2s}.search-item:hover .search-item-icon{background:var(--search-accent);color:#fff}.search-item-info{flex:1}.search-item-label{display:block;font-size:.95rem;font-weight:600;color:var(--search-text-primary)}.search-item-route{display:block;font-size:.8rem;color:var(--search-text-secondary)}.search-item-arrow{opacity:0;transform:translate(-10px);transition:all .2s;color:var(--search-accent)}.search-item:hover .search-item-arrow{opacity:1;transform:translate(0)}.modern-search-body::-webkit-scrollbar{width:6px}.modern-search-body::-webkit-scrollbar-track{background:transparent}.modern-search-body::-webkit-scrollbar-thumb{background:var(--search-border);border-radius:10px}.modern-search-body::-webkit-scrollbar-thumb:hover{background:var(--search-text-secondary)}.search-empty{padding:3rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.search-empty-icon{color:var(--search-border)}.search-empty-text{font-weight:600;color:var(--search-text-secondary)}@media(max-width:768px){.modern-search-modal .ant-modal-content{border-radius:0!important}.modern-search-body{padding:1.5rem 1rem}}.global-loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#0c2d78,#011d4c);display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.loader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.loader-logo-wrapper{width:160px;height:auto;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 0 15px rgba(212,175,55,.4))}.loader-logo{max-width:100%;height:auto}.loader-spinner-wrapper{position:relative;width:60px;height:60px}.loader-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid rgba(212,175,55,.1);border-top-color:#d4af37;border-radius:50%;animation:spin 1.5s linear infinite}.loader-spinner-inner{position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);border:2px solid rgba(255,255,255,.05);border-bottom-color:#fff;border-radius:50%;animation:spin-reverse 2s linear infinite}.loader-text{color:#d4af37;font-size:.875rem;font-weight:500;letter-spacing:.2rem;text-transform:uppercase;margin-top:.5rem;text-align:center;opacity:.8;animation:pulse-text 2s ease-in-out infinite}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse-text{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.global-loader-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.3) 100%);pointer-events:none}:root{--dp-paper: #F7F5EF;--dp-surface: #FFFFFF;--dp-navy: #111C33;--dp-navy-mid: #35507E;--dp-ink-soft: #5B6378;--dp-line: #E7E4DA;--dp-line-strong: #D4D0C2;--dp-gold: #C09A2E;--dp-gold-hover: #A9861F;--dp-gold-deep: #8C6D1F;--dp-gold-soft: #F6EFDA;--dp-danger: #B3372E;--dp-danger-soft: #F9E8E6;--dp-slate-soft: #EFECE3;--dp-radius: 10px;--dp-sans: "IBM Plex Sans", system-ui, sans-serif;--dp-mono: "IBM Plex Mono", ui-monospace, monospace;--category-modern-primary: var(--dp-navy);--category-modern-accent: var(--dp-gold);--category-modern-border: var(--dp-line);--category-modern-bg: var(--dp-slate-soft);--category-modern-text: var(--dp-navy);--category-modern-text-secondary: var(--dp-ink-soft)}.category-main{flex:1;min-width:0;font-family:var(--dp-sans);color:var(--dp-navy);padding:24px;background-color:#f8fafc}.category-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.category-crumbs{font-size:12px;color:var(--dp-ink-soft);margin-bottom:6px}.category-crumbs b{color:var(--dp-navy);font-weight:500}.category-page-head h1{font-size:24px;font-weight:700;color:var(--dp-navy);margin:0;letter-spacing:-.02em}.category-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--dp-line-strong);background:var(--dp-surface);color:var(--dp-navy);transition:background .15s,border-color .15s;cursor:pointer}.category-btn:hover:not(:disabled){background:var(--dp-slate-soft)}.category-btn.primary{background:var(--dp-gold);border-color:var(--dp-gold);color:var(--dp-navy);font-weight:600}.category-btn.primary:hover:not(:disabled){background:var(--dp-gold-hover);border-color:var(--dp-gold-hover)}.category-btn:disabled{opacity:.5;cursor:not-allowed}.category-panel{background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:var(--dp-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.category-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--dp-line);background:var(--dp-surface)}.category-search{display:flex;align-items:center;gap:8px;border:1px solid var(--dp-line-strong);border-radius:8px;padding:0 12px;height:38px;width:280px;max-width:100%;background:var(--dp-surface);color:var(--dp-ink-soft)}.category-search svg{width:15px;height:15px;color:var(--dp-ink-soft);flex-shrink:0}.category-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--dp-navy)}.category-search input::placeholder{color:#9aa0b0}.category-loading-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;font-size:13px;color:var(--dp-ink-soft)}.category-table-container{overflow-x:auto}.category-table{width:100%;border-collapse:collapse;text-align:left}.category-table th{background:var(--dp-paper);padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--dp-ink-soft);border-bottom:1px solid var(--dp-line)}.category-table td{padding:14px 16px;border-bottom:1px solid var(--dp-line);font-size:13px;color:var(--dp-navy);vertical-align:middle}.category-table tr:last-child td{border-bottom:none}.category-table tr:hover td{background:#f8fafc}.category-img-box{width:42px;height:42px;border-radius:8px;overflow:hidden;border:1px solid var(--dp-line);background:#f9fafb;flex-shrink:0}.category-img-box img{width:100%;height:100%;object-fit:cover}.category-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--dp-navy-mid);background:var(--dp-slate-soft)}.category-icon-box{width:34px;height:34px;border-radius:8px;background:var(--dp-slate-soft);display:flex;align-items:center;justify-content:center;color:var(--dp-navy-mid)}.category-name-slug-cell{display:flex;flex-direction:column;gap:2px}.category-name-en{font-weight:600;font-size:13.5px;color:var(--dp-navy)}.category-name-ar{font-size:11.5px;color:var(--dp-ink-soft)}.category-slug-code{font-family:var(--dp-mono);font-size:11px;color:var(--dp-navy-mid);background:var(--dp-slate-soft);padding:1px 6px;border-radius:4px;width:fit-content;margin-top:2px}.category-parent-chain{font-size:12.5px;color:var(--dp-ink-soft)}.category-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase}.category-status-dot{width:6px;height:6px;border-radius:50%}.category-status-active{background:#e8f5e9;color:#2e7d32}.category-status-active .category-status-dot{background:#2e7d32}.category-status-archived{background:var(--dp-danger-soft);color:var(--dp-danger)}.category-status-archived .category-status-dot{background:var(--dp-danger)}.category-dropdown{position:absolute;right:0;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:170px;padding:.4rem}.category-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--dp-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.category-dropdown-item:hover{background:var(--dp-paper)}.category-dropdown-item.danger:hover{background:var(--dp-danger-soft);color:var(--dp-danger)}.category-dropdown-divider{height:1px;background:var(--dp-line);margin:.35rem 0}.category-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--dp-line);flex-wrap:wrap;background:#fff}.category-foot-info{font-size:12.5px;color:var(--dp-ink-soft)}.category-foot-info b{font-family:var(--dp-mono);color:var(--dp-navy);font-weight:600}.category-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--dp-ink-soft)}.category-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--dp-line-strong);background-color:var(--dp-surface);color:var(--dp-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.category-pager{display:flex;gap:4px;align-items:center}.category-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--dp-mono);font-size:12.5px;color:var(--dp-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.category-page-btn:hover:not(:disabled){background:var(--dp-slate-soft);color:var(--dp-navy)}.category-page-btn.current{background:var(--dp-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--dp-gold)}.category-page-btn:disabled{opacity:.35;cursor:default}.category-tree-item{padding:2px 0}.category-tree-node{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .15s ease}.category-tree-node:hover{background:var(--dp-paper)}.category-modern-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#111c3399;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.category-modern-modal-container{background:var(--dp-surface);width:100%;max-width:800px;max-height:90vh;border-radius:12px;box-shadow:0 20px 40px -10px #111c3340;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--dp-line);color:var(--dp-navy)}.modal-header{padding:20px 24px;border-bottom:1px solid var(--dp-line);display:flex;justify-content:space-between;align-items:center;background:var(--dp-paper)!important;flex-shrink:0}.modal-title-group{display:flex;align-items:center;gap:12px}.modal-icon{color:var(--dp-navy-mid)!important}.modal-title-group h2,.modal-title{font-size:18px!important;font-weight:700!important;color:var(--dp-navy)!important;margin:0!important;line-height:1.3!important}.modal-title-group p,.modal-subtitle{font-size:12.5px!important;color:var(--dp-ink-soft)!important;margin:2px 0 0!important;line-height:1.4!important}.modal-close-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--dp-ink-soft)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close-btn:hover{background:var(--dp-slate-soft);color:var(--dp-navy)!important}.modal-tabs{padding:8px 24px;background:var(--dp-surface);display:flex;gap:12px;border-bottom:1px solid var(--dp-line)}.modal-tab{padding:8px 14px;border:none;background:transparent;color:var(--dp-ink-soft);font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;position:relative}.modal-tab.active{color:var(--dp-navy);border-bottom:2px solid var(--dp-gold)}.modal-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--dp-line);display:flex;justify-content:flex-end;gap:10px;background:var(--dp-paper)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-section{display:flex;flex-direction:column;gap:6px}.form-section.full{grid-column:span 2}.form-label{font-size:12.5px;font-weight:600;color:var(--dp-navy)}.input-row{display:flex;gap:12px}.input-group{display:flex;align-items:center;flex:1;border:1px solid var(--dp-line-strong);border-radius:8px;overflow:hidden;background:var(--dp-surface)}.input-prefix{padding:0 10px;background:var(--dp-slate-soft);color:var(--dp-ink-soft);font-size:11.5px;font-weight:700;border-right:1px solid var(--dp-line-strong)}.category-modern-input{width:100%;padding:8px 12px;border:1px solid var(--dp-line-strong);border-radius:8px;background:var(--dp-surface);font-size:13px;color:var(--dp-navy);outline:none}.input-group .category-modern-input{border:none;border-radius:0}.category-modern-input.textarea{min-height:70px;resize:vertical}.category-modern-add-btn{display:inline-flex;align-items:center;gap:7px;padding:0 16px;height:38px;border-radius:8px;font-size:13.5px;font-weight:600;border:1px solid var(--dp-gold);background:var(--dp-gold);color:var(--dp-navy);cursor:pointer}.category-modern-secondary-btn{display:inline-flex;align-items:center;gap:7px;padding:0 16px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--dp-line-strong);background:var(--dp-surface);color:var(--dp-navy);cursor:pointer}.custom-select-container{position:relative}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid var(--dp-line-strong);border-radius:8px;background:var(--dp-surface);cursor:pointer;font-size:13px;color:var(--dp-navy)}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:100;max-height:220px;overflow-y:auto;padding:6px}.dropdown-search{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--dp-line)}.dropdown-search input{border:none;outline:none;font-size:12.5px;width:100%}.dropdown-option{padding:8px 12px;border-radius:6px;font-size:12.5px;cursor:pointer;color:var(--dp-navy)}.dropdown-option:hover{background:var(--dp-paper)}.image-upload-zone{border:2px dashed var(--dp-line-strong);border-radius:8px;padding:16px;text-align:center;cursor:pointer;background:#fafafa;transition:border-color .15s}.image-upload-zone:hover{border-color:var(--dp-gold)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--dp-ink-soft);font-size:12.5px}.upload-preview{max-height:100px;object-fit:contain;border-radius:6px}.visibility-control{padding:12px;background:var(--dp-paper);border-radius:8px;border:1px solid var(--dp-line)}.mobile-menu-toggle{display:flex;align-items:center;gap:12px}.toggle-desc{font-size:11.5px;color:var(--dp-ink-soft)}.preview-modal{max-width:900px!important}.preview-body{padding:24px!important;background:var(--dp-paper)!important;overflow-y:auto}.preview-layout{display:grid;grid-template-columns:1fr 300px;gap:20px}@media(max-width:768px){.preview-layout{grid-template-columns:1fr}}.preview-main{display:flex;flex-direction:column;gap:20px}.preview-hero{display:flex;gap:16px;background:var(--dp-surface);padding:16px;border-radius:10px;border:1px solid var(--dp-line);box-shadow:0 2px 4px #111c330a}.preview-image-container{width:100px;height:100px;border-radius:8px;overflow:hidden;border:1px solid var(--dp-line);background:var(--dp-paper);flex-shrink:0}.preview-main-img{width:100%;height:100%;object-fit:cover}.preview-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--dp-ink-soft);font-size:11px}.preview-headline{display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:0}.preview-status-row{display:flex;align-items:center;gap:12px}.preview-date{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-family:var(--dp-mono);color:var(--dp-ink-soft)}.preview-title-en{font-size:20px;font-weight:700;color:var(--dp-navy);margin:0;line-height:1.2}.preview-title-ar{font-size:14px;color:var(--dp-ink-soft);margin:0;direction:rtl}.preview-section{display:flex;flex-direction:column;gap:10px}.section-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--dp-ink-soft);margin:0}.description-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.description-box{background:var(--dp-surface);padding:14px;border-radius:8px;border:1px solid var(--dp-line)}.lang-tag{font-size:10px;font-weight:700;font-family:var(--dp-mono);text-transform:uppercase;color:var(--dp-gold-deep);background:var(--dp-gold-soft);padding:2px 6px;border-radius:4px;margin-bottom:8px;display:inline-block}.description-box p{margin:0;font-size:13px;color:var(--dp-navy);line-height:1.5}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.seo-card{background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;overflow:hidden}.seo-card-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--dp-slate-soft);font-size:12px;font-weight:600;color:var(--dp-navy);border-bottom:1px solid var(--dp-line)}.seo-card-content{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.seo-item{display:flex;flex-direction:column;gap:2px}.seo-item label{font-size:10.5px;font-weight:600;text-transform:uppercase;color:var(--dp-ink-soft)}.seo-item span{font-size:12.5px;color:var(--dp-navy);word-break:break-word}.preview-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-section{display:flex;flex-direction:column;gap:10px}.sidebar-card{background:var(--dp-surface);padding:14px;border-radius:8px;border:1px solid var(--dp-line);display:flex;flex-direction:column;gap:12px}.sidebar-item{display:flex;align-items:flex-start;gap:10px;color:var(--dp-navy-mid)}.sidebar-info{display:flex;flex-direction:column;gap:2px}.sidebar-info label{font-size:10.5px;font-weight:600;text-transform:uppercase;color:var(--dp-ink-soft)}.sidebar-info span{font-size:12.5px;font-weight:600;color:var(--dp-navy)}.child-list{background:var(--dp-surface);padding:12px 14px;border-radius:8px;border:1px solid var(--dp-line);display:flex;flex-direction:column;gap:8px}.child-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--dp-navy)}.child-dot{width:6px;height:6px;border-radius:50%;background:var(--dp-gold)}.child-more{font-size:11.5px;font-weight:600;color:var(--dp-ink-soft);margin-top:4px}.category-modern-reorder-container{padding:24px;font-family:var(--dp-sans);color:var(--dp-navy);background-color:#f8fafc;min-height:calc(100vh - 100px);display:flex;flex-direction:column;gap:24px;box-sizing:border-box}.category-modern-header{display:flex;justify-content:space-between;align-items:center;background:#011d4c;padding:20px 28px;border-radius:12px;color:#fff;box-shadow:0 4px 12px #011d4c26;flex-wrap:wrap;gap:16px}.category-modern-title-section{display:flex;flex-direction:column;gap:4px}.category-modern-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:#fff9;font-weight:500}.category-modern-breadcrumb span:not(:last-child):after{content:"/";margin-left:6px;opacity:.5}.category-modern-title{font-size:22px;font-weight:700;color:#fff!important;margin:0!important;letter-spacing:-.01em}.category-modern-subtitle{font-size:13px;color:#fffc!important;margin:2px 0 0!important}.category-modern-header .header-actions{display:flex;align-items:center;gap:12px}.category-modern-card{background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #111c330d}.reorder-selection-card{display:flex;flex-direction:column;gap:16px}.selection-header{display:flex;align-items:center;gap:12px}.selection-icon{color:var(--dp-gold);flex-shrink:0}.selection-text h3{font-size:16px;font-weight:600;color:var(--dp-navy);margin:0}.selection-text p{font-size:13px;color:var(--dp-ink-soft);margin:2px 0 0}.custom-select-wrapper{position:relative;width:100%;max-width:480px}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border:1px solid var(--dp-line-strong);border-radius:8px;background:var(--dp-surface);cursor:pointer;font-size:14px;color:var(--dp-navy);transition:border-color .15s,box-shadow .15s}.custom-select-trigger:hover{border-color:var(--dp-gold);box-shadow:0 0 0 3px var(--dp-gold-soft)}.custom-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--dp-surface);border:1px solid var(--dp-line-strong);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;max-height:280px;display:flex;flex-direction:column;overflow:hidden}.dropdown-search{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--dp-line);background:#fafafa}.dropdown-search svg{color:var(--dp-ink-soft);flex-shrink:0}.dropdown-search input{border:none;outline:none;background:transparent;font-size:13px;color:var(--dp-navy);width:100%}.dropdown-options{overflow-y:auto;flex:1;padding:6px}.dropdown-option{padding:8px 12px;border-radius:6px;font-size:13.5px;cursor:pointer;color:var(--dp-navy);transition:background .15s,color .15s}.dropdown-option:hover{background:var(--dp-slate-soft)}.dropdown-option.selected{background:var(--dp-gold-soft);color:var(--dp-gold-deep);font-weight:600}.option-content{display:flex;justify-content:space-between;align-items:center;width:100%}.option-en{font-weight:500}.option-ar{font-size:12px;color:var(--dp-ink-soft);direction:rtl}.dropdown-empty{padding:16px;text-align:center;color:var(--dp-ink-soft);font-size:13px}.reorder-content-section{display:flex;flex-direction:column;gap:16px;animation:fadeIn .3s ease}.reorder-controls-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:12px;box-shadow:0 2px 4px #111c3305;flex-wrap:wrap;gap:12px}.reorder-stats{display:flex;align-items:center;gap:8px}.stats-count{display:inline-flex;align-items:center;justify-content:center;background:var(--dp-navy);color:#fff;font-family:var(--dp-mono);font-weight:700;font-size:13px;padding:4px 10px;border-radius:20px}.stats-label{font-size:13.5px;font-weight:550;color:var(--dp-ink-soft)}.reorder-actions{display:flex;align-items:center;gap:10px}.reorder-actions button{height:38px}.reset-btn{color:var(--dp-danger)!important;border-color:var(--dp-danger-soft)!important;background:var(--dp-danger-soft)!important}.reset-btn:hover{background:#fcdad7!important}.save-btn{background:var(--dp-gold)!important;border-color:var(--dp-gold)!important;color:var(--dp-navy)!important}.save-btn:hover:not(:disabled){background:var(--dp-gold-hover)!important;border-color:var(--dp-gold-hover)!important}.save-btn:disabled{opacity:.5;cursor:not-allowed}.reorder-list{display:flex;flex-direction:column;gap:10px}.reorder-item{display:flex;align-items:center;padding:12px 20px;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:10px;box-shadow:0 2px 4px #111c3305;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.reorder-item:hover{transform:translateY(-1px);box-shadow:0 4px 8px #111c330f;border-color:var(--dp-line-strong)}.reorder-drag-handle{color:var(--dp-line-strong);cursor:grab;margin-right:12px;display:flex;align-items:center}.reorder-drag-handle:hover{color:var(--dp-ink-soft)}.reorder-index{font-family:var(--dp-mono);font-weight:700;font-size:13.5px;color:var(--dp-ink-soft);background:var(--dp-slate-soft);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin-right:16px}.reorder-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1}.reorder-name-en{font-size:14.5px;font-weight:600;color:var(--dp-navy)}.reorder-name-ar{font-size:12.5px;color:var(--dp-ink-soft)}.reorder-movement-actions{display:flex;align-items:center;gap:6px}.move-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--dp-line);background:var(--dp-surface);color:var(--dp-navy-mid);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.move-btn:hover:not(:disabled){background:var(--dp-slate-soft);color:var(--dp-navy);border-color:var(--dp-line-strong)}.move-btn:disabled{opacity:.3;cursor:not-allowed}.reorder-empty-state,.reorder-initial-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;background:var(--dp-surface);border:1px dashed var(--dp-line-strong);border-radius:12px;color:var(--dp-ink-soft)}.reorder-empty-state svg,.reorder-initial-state svg{color:var(--dp-line-strong);margin-bottom:16px}.reorder-empty-state h3,.reorder-initial-state h3{font-size:18px;font-weight:600;color:var(--dp-navy);margin:0 0 8px}.reorder-empty-state p,.reorder-initial-state p{font-size:14px;margin:0;max-width:360px}.category-modern-loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:12px;color:var(--dp-ink-soft)}.category-modern-spinner{width:36px;height:36px;border:3px solid var(--dp-slate-soft);border-top-color:var(--dp-gold);border-radius:50%;animation:spin .8s linear infinite}.btn-spinner{width:16px;height:16px;border:2px solid rgba(17,28,51,.2);border-top-color:var(--dp-navy);border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ui-table-container{background:var(--product-card-bg, #ffffff);border-radius:1rem;border:1px solid var(--product-border, #e2e8f0);overflow-x:auto;overflow-y:hidden;max-width:100%;position:relative;transition:opacity .3s ease;box-shadow:0 4px 6px -1px #0000000d}.ui-table-container.is-fetching{opacity:.7;pointer-events:none}.ui-fetching-progress{position:absolute;top:0;left:0;right:0;height:3px;background:transparent;z-index:10}.ui-fetching-progress-bar{height:100%;background:var(--product-primary, #011d4c);box-shadow:0 0 10px var(--product-primary, #011d4c)}.ui-table{width:100%;border-collapse:collapse;min-width:1000px}.ui-table th{background:#f8fafc;padding:1rem;font-weight:700;color:var(--product-text-secondary, #64748b);font-size:.75rem;text-transform:uppercase;border-bottom:2px solid var(--product-border, #e2e8f0);text-align:left}.ui-table td{padding:1rem;border-bottom:1px solid var(--product-border, #e2e8f0);font-size:.875rem}.ui-sticky-column{position:sticky;right:0;z-index:5;background:inherit;border-left:1px solid var(--product-border, #e2e8f0);transition:background-color .2s}.ui-sticky-column.menu-active{z-index:10}th.ui-sticky-column{background:#f8fafc!important}td.ui-sticky-column{background:var(--product-card-bg, #ffffff)}.ui-table tr:hover td,.ui-table tr:hover td.ui-sticky-column{background-color:#f8fafc}.ui-sticky-column:after{content:"";position:absolute;top:0;bottom:0;left:-10px;width:10px;pointer-events:none;background:linear-gradient(to right,transparent,rgba(0,0,0,.03));opacity:1}.ui-table-empty-cell{text-align:center;padding:4rem!important}.ui-table-empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--product-text-secondary, #64748b)}.ui-table-empty-icon{opacity:.2;margin-bottom:1rem}.ui-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;font-size:.875rem;width:100%}.ui-pagination-info{color:var(--product-text-secondary, #64748b)}.ui-pagination-pages{display:flex;gap:.375rem}.ui-page-btn{width:34px;height:34px;border-radius:.5rem;border:1px solid var(--product-border, #e2e8f0);background:#fff;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ui-page-btn:hover:not(:disabled):not(.active){background:#f8fafc;border-color:var(--product-primary, #011d4c);color:var(--product-primary, #011d4c)}.ui-page-btn.active{background:var(--product-primary, #011d4c);color:#fff;border-color:var(--product-primary, #011d4c)}.ui-page-btn:disabled{opacity:.5;cursor:not-allowed}.ui-pagination-ellipsis{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--product-text-secondary, #64748b);font-weight:600}.ui-pagination-jump{display:flex;align-items:center;gap:.75rem;color:var(--product-text-secondary, #64748b);font-weight:500}.ui-jump-input-wrapper{display:flex;align-items:center;background:#fff;border:1px solid var(--product-border, #e2e8f0);border-radius:.625rem;padding:3px 3px 3px 10px;transition:all .2s ease}.ui-jump-input-wrapper:focus-within{border-color:var(--product-primary, #011d4c);box-shadow:0 0 0 3px #011d4c1a}.ui-jump-input-wrapper input{width:50px;border:none;outline:none;font-size:.875rem;font-weight:600;color:var(--product-text, #1e293b);background:transparent}.ui-jump-input-wrapper input::-webkit-outer-spin-button,.ui-jump-input-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ui-jump-input-wrapper button{width:28px;height:28px;border-radius:.45rem;border:none;background:var(--product-primary, #011d4c);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.ui-jump-input-wrapper button:hover{background:var(--product-primary-hover, #0c2d78);transform:scale(1.05)}.ui-select-container{position:relative;min-width:160px;font-family:Inter,-apple-system,sans-serif}.ui-select-trigger{padding:.5rem 1rem;border-radius:.75rem;border:1px solid var(--product-border, #e2e8f0);background-color:var(--product-bg, #f8fafc);font-size:.875rem;color:var(--product-text, #1e293b);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.ui-select-trigger:hover{border-color:var(--product-primary, #011d4c);background-color:#fff}.ui-select-trigger.active{border-color:var(--product-primary, #011d4c);box-shadow:0 0 0 3px #011d4c1a;background-color:#fff}.ui-select-icon{display:flex;align-items:center;color:var(--product-text-secondary, #64748b)}.ui-select-value{flex:1;overflow:hidden;text-overflow:ellipsis}.ui-select-arrow{color:var(--product-text-secondary, #64748b);transition:transform .2s ease}.ui-select-arrow.open{transform:rotate(90deg)}.ui-select-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid var(--product-border, #e2e8f0);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;z-index:1000;padding:.4rem;max-height:250px;overflow-y:auto}.ui-select-option{padding:.6rem .8rem;border-radius:.5rem;font-size:.875rem;color:var(--product-text-secondary, #64748b);cursor:pointer;transition:all .1s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-select-option:hover{background-color:#011d4c0d;color:var(--product-primary, #011d4c)}.ui-select-option.selected{background-color:#011d4c1a;color:var(--product-primary, #011d4c);font-weight:600}.ui-daterange-container{position:relative;font-family:Inter,-apple-system,sans-serif}.ui-daterange-trigger{border-radius:.75rem;border:1px solid var(--product-border, #e2e8f0);background-color:var(--product-bg, #f8fafc);font-size:.875rem;color:var(--product-text, #1e293b);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%;text-align:left;font-family:inherit}.ui-daterange-trigger:hover{border-color:var(--product-primary, #011d4c);background-color:#fff}.ui-daterange-trigger.active{border-color:var(--product-primary, #011d4c);box-shadow:0 0 0 3px #011d4c1a;background-color:#fff}.ui-daterange-value{overflow:hidden;text-overflow:ellipsis}.ui-daterange-clear-btn{background:transparent;border:none;color:var(--product-text-secondary, #64748b);cursor:pointer;padding:2px;display:flex;align-items:center;font-size:10px;border-radius:50%;width:16px;height:16px;justify-content:center;background-color:#0000000d}.ui-daterange-arrow{color:var(--product-text-secondary, #64748b);transition:transform .2s ease}.ui-daterange-arrow.open{transform:rotate(90deg)}.ui-daterange-dropdown{position:absolute;top:calc(100% + .5rem);background:#fff;border:1px solid var(--product-border, #e2e8f0);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;z-index:1000}.ui-daterange-calendar-dropdown{width:460px;padding:0;display:flex;right:0;left:auto;overflow:hidden;max-height:none;background:#fff}.ui-daterange-sidebar{width:140px;background:#f8fafc;border-right:1px solid var(--product-border, #e2e8f0);padding:.75rem;display:flex;flex-direction:column;gap:.35rem;flex-shrink:0}.ui-daterange-preset-btn{padding:.45rem .6rem;border-radius:.375rem;border:none;background:transparent;color:var(--product-text, #1e293b);font-size:.8rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;width:100%}.ui-daterange-preset-btn:hover{background:#011d4c0d;color:var(--product-primary, #011d4c)}.ui-daterange-main{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-width:300px}.ui-daterange-header{display:flex;align-items:center;justify-content:space-between}.ui-daterange-nav-btn{background:transparent;border:none;color:var(--product-text-secondary, #64748b);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .15s ease}.ui-daterange-nav-btn:hover{background:#f1f5f9}.ui-daterange-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.ui-daterange-weekday{font-size:.725rem;font-weight:700;color:var(--product-text-secondary, #64748b);padding:.25rem 0}.ui-daterange-day-cell{padding:.45rem 0;font-size:.8rem;font-weight:500;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .15s ease;border-radius:.375rem;color:var(--product-text, #1e293b);border:none;background:transparent;font-family:inherit;width:100%}.ui-daterange-day-cell.other-month{color:#1e293b4d}.ui-daterange-day-cell:hover{background-color:#f1f5f9;color:var(--product-primary, #011d4c)}.ui-daterange-day-cell.today:after{content:"";position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background-color:var(--product-primary, #011d4c)}.ui-daterange-day-cell.in-range{background-color:#011d4c14;color:var(--product-primary, #011d4c);border-radius:0}.ui-daterange-day-cell.selected-start{background-color:var(--product-primary, #011d4c)!important;color:#fff!important;font-weight:700;border-radius:.375rem 0 0 .375rem}.ui-daterange-day-cell.selected-end{background-color:var(--product-primary, #011d4c)!important;color:#fff!important;font-weight:700;border-radius:0 .375rem .375rem 0}.ui-daterange-day-cell.selected-single{background-color:var(--product-primary, #011d4c)!important;color:#fff!important;font-weight:700;border-radius:.375rem}.ui-daterange-day-cell.selected-start.today:after,.ui-daterange-day-cell.selected-end.today:after,.ui-daterange-day-cell.selected-single.today:after{background-color:#fff}.ui-daterange-footer{border-top:1px solid var(--product-border, #e2e8f0);padding-top:.5rem;display:flex;justify-content:flex-end}.ui-daterange-reset-btn{padding:.35rem .75rem;border-radius:.375rem;border:1px solid rgba(239,68,68,.2);background:#ef44440d;color:var(--product-error, #ef4444);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.ui-daterange-reset-btn:hover{background:#ef44441a}.ui-tabs-container{display:flex;gap:.375rem;padding:.2rem;background:#a8a9ad61;border-radius:.75rem;border:1px solid var(--product-border, #e2e8f0);font-family:Inter,-apple-system,sans-serif}.ui-tab-item{padding:.5rem 1rem;border-radius:.5rem;border:none;background:transparent;color:var(--product-text-secondary, #64748b);font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;outline:none}.ui-tab-item.active{background:var(--product-card-bg, #ffffff);color:var(--product-primary, #011d4c)}.ui-tab-count{font-size:.75rem;padding:.15rem .5rem;background:#011d4c14;color:var(--product-text-secondary, #64748b);border-radius:1rem;font-weight:700;transition:all .2s}.ui-tab-item.active .ui-tab-count{background:var(--product-primary, #011d4c);color:#fff}.ui-tab-item:hover .ui-tab-count{background:#011d4c26;color:var(--product-primary, #011d4c)}:root{--navy: #111C33;--navy-mid: #35507E;--ink-soft: #5B6378;--line: #E7E4DA;--line-strong: #D4D0C2;--gold: #C09A2E;--gold-hover: #A9861F;--gold-deep: #8C6D1F;--gold-soft: #F6EFDA;--paper: #F7F5EF;--radius: 10px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:var(--radius)}.border{border:1px solid var(--line)}.border-gray-200{border-color:var(--line)}.shadow-sm{box-shadow:0 1px 3px #111c330f,0 1px 2px #111c3308}.min-w-full{width:100%}.table-new{border-collapse:collapse;width:100%}.table-new thead th{border-bottom:1px solid var(--line);font-family:var(--sans, inherit);text-transform:uppercase;font-size:11px;font-weight:600;color:var(--ink-soft);padding:11px 14px}.table-new tbody td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:13.5px}.table-new tbody tr:last-child td{border-bottom:none}.divide-y>tr+tr,.divide-y>tbody>tr+tr{border-top:1px solid var(--line)}.divide-gray-200>tr+tr,.divide-gray-200>tbody>tr+tr{border-top-color:var(--line)}.divide-gray-100>tr+tr,.divide-gray-100>tbody>tr+tr{border-top-color:var(--line)}.bg-white{background-color:#fff}.bg-gray-50{background-color:#fbfaf5}.px-4{padding-left:14px;padding-right:14px}.py-2{padding-top:11px;padding-bottom:11px}.py-6{padding-top:24px;padding-bottom:24px}.text-xs{font-size:11px}.font-medium{font-weight:600}.text-gray-500{color:var(--ink-soft)}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:1px}.left{text-align:left}.center{text-align:center}.right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.hover\:bg-gray-50:hover{background-color:#faf8f2}.transition-colors{transition:background-color .15s ease-in-out}.row-actions{display:flex;gap:4px;justify-content:flex-end;align-items:center}.icon-btn{width:30px;height:30px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft);background:transparent;border:1px solid transparent;transition:all .2s ease;cursor:pointer}.icon-btn:hover{background:var(--line);color:var(--navy)}.icon-btn svg{width:15px;height:15px}.icon-btn.danger:hover{background:var(--danger-soft, #F9E8E6);color:var(--danger, #B3372E)}.modal-new-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-new-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#111c3373;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-new-content{position:relative;width:100%;background:var(--surface, #FFFFFF);border-radius:var(--radius, 10px);box-shadow:0 20px 40px -10px #111c3326;overflow:hidden;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--line, #E7E4DA);z-index:10000}.modal-new-header{background:var(--navy, #111C33)!important;border-bottom:2px solid var(--gold, #C09A2E)!important;padding:1.25rem 2rem!important;position:relative!important;display:flex!important;align-items:center;justify-content:space-between}.modal-new-title{color:#fff!important;font-size:18px!important;font-weight:700!important;margin:0!important;letter-spacing:-.2px!important;line-height:1.2!important}.modal-new-close{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.modal-new-close:hover{background:#fff3;color:var(--gold-soft, #F6EFDA)}.modal-new-body{padding:2rem;overflow-y:auto}.modal-new-footer{display:flex;gap:1rem;padding:1.25rem 2rem;background:var(--paper, #F7F5EF)!important;border-top:1px solid var(--line, #E7E4DA)!important;justify-content:flex-end}.category-custom-notification{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;min-width:280px;max-width:400px;background:#fff;border-radius:.75rem;padding:.3rem 1rem;display:flex;align-items:center;gap:.875rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--category-modern-border);overflow:hidden}.category-custom-notification:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.category-custom-notification.success{border-left:3px solid #10b981}.category-custom-notification.success .notification-icon{color:#10b981;background:#10b9811a}.category-custom-notification.error{border-left:3px solid #ef4444}.category-custom-notification.error .notification-icon{color:#ef4444;background:#ef44441a}.category-custom-notification.info{border-left:3px solid var(--category-modern-primary)}.category-custom-notification.info .notification-icon{color:var(--category-modern-primary);background:#1e3a8a1a}.notification-icon{width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-content{flex:1}.notification-content p{margin:0;font-size:.85rem;font-weight:600;color:var(--category-modern-text);line-height:1.4}.notification-close{background:transparent;border:none;color:var(--category-modern-text-secondary);cursor:pointer;padding:.2rem;border-radius:.4rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.notification-close:hover{background:var(--category-modern-bg);color:#ef4444}.category-custom-notification.success .notification-progress{background:#10b981}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--category-modern-accent);width:100%;transform-origin:left;animation:notificationProgress 5s linear forwards}@keyframes notificationProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.category-tabs{margin-bottom:0}.category-tab-label{color:#888}.category-searchbar{display:flex;gap:8px;align-items:center}.category-searchbar-input{width:220px}.category-tree-container{padding:20px}.category-tree-legend{margin-bottom:16px;padding:8px;background:#f5f5f5;border-radius:4px}.category-tree-legend-text{font-size:.9em}.category-tree{background:#fff}.category-tree-item{display:flex;align-items:center;gap:8px;padding:4px 0}.category-tree-arabic{font-size:.9em;direction:rtl}.category-tree-status{font-size:.8em;font-weight:700}.category-tree-child-count{background:#f0f0f0;color:#666;padding:2px 6px;border-radius:12px;font-size:.75em;font-weight:500;margin-left:4px}.category-tree-loading{display:flex;justify-content:center;align-items:center;padding:60px 20px;text-align:center}.category-tree-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;text-align:center}.category-tree-empty-icon{font-size:48px;color:#d9d9d9;margin-bottom:16px}.category-tree-empty-title{font-size:16px;color:#8c8c8c;margin-bottom:8px}.category-tree-empty-description{font-size:14px;color:#bfbfbf}.category-preview-child-card{background:#fafafa}.category-preview-child-arabic{font-size:12px;color:#666;direction:rtl}.category-preview-child-tag{margin-top:4px;font-size:11px}.category-action-dropdown-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#8c8c8c;transition:all .3s}.category-action-dropdown-button:hover{color:var(--admin-primary-color, #1890ff)!important;background-color:#0000000a!important}.category-action-dropdown-button .anticon{font-size:18px}.products-main,.dynamic-pages-main{flex:1;min-width:0;font-family:var(--dp-sans);color:var(--dp-navy)}.products-page-head,.dynamic-pages-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.products-crumbs,.dynamic-pages-crumbs{font-size:12px;color:var(--dp-ink-soft);margin-bottom:6px}.products-crumbs b,.dynamic-pages-crumbs b{color:var(--dp-navy);font-weight:500}.products-page-head h1,.dynamic-pages-page-head h1{font-size:24px;font-weight:700;color:var(--dp-navy);margin:0;letter-spacing:-.02em}.products-btn,.dynamic-pages-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--dp-line-strong);background:var(--dp-surface);color:var(--dp-navy);transition:background .15s,border-color .15s;cursor:pointer}.products-btn:hover,.dynamic-pages-btn:hover{background:var(--dp-slate-soft)}.products-btn.primary,.dynamic-pages-btn.primary{background:var(--dp-gold);border-color:var(--dp-gold);color:var(--dp-navy);font-weight:600}.products-btn.primary:hover,.dynamic-pages-btn.primary:hover{background:var(--dp-gold-hover);border-color:var(--dp-gold-hover)}.products-btn.danger,.dynamic-pages-btn.danger{color:var(--dp-danger);border-color:var(--dp-danger)}.products-btn.danger:hover,.dynamic-pages-btn.danger:hover{background:var(--dp-danger-soft)}.products-panel,.dynamic-pages-panel{background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:var(--dp-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.products-toolbar,.dynamic-pages-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--dp-line);background:var(--dp-surface)}.products-search,.dynamic-pages-search{display:flex;align-items:center;gap:8px;border:1px solid var(--dp-line-strong);border-radius:8px;padding:0 12px;height:38px;width:260px;max-width:100%;background:var(--dp-surface);color:var(--dp-ink-soft)}.products-search svg,.dynamic-pages-search svg{width:15px;height:15px;color:var(--dp-ink-soft);flex-shrink:0}.products-search input,.dynamic-pages-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--dp-navy)}.products-search input::placeholder,.dynamic-pages-search input::placeholder{color:#9aa0b0}.products-modern-controls,.dynamic-pages-modern-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.products-filter-dropdown-wrapper,.dynamic-pages-filter-dropdown-wrapper{position:relative}.products-filter-menu,.dynamic-pages-filter-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;padding:.5rem;box-shadow:0 10px 25px -5px #111c3326;z-index:100;min-width:200px;max-height:280px;overflow-y:auto}.products-filter-option,.dynamic-pages-filter-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:6px;font-size:13px;color:var(--dp-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.products-filter-option:hover,.dynamic-pages-filter-option:hover{background:var(--dp-paper)}.products-filter-option.active,.dynamic-pages-filter-option.active{background:var(--dp-gold-soft);color:var(--dp-gold-deep);font-weight:600}.products-option-icon,.dynamic-pages-option-icon{display:flex;align-items:center;color:var(--dp-ink-soft)}.products-filter-option.active .products-option-icon,.dynamic-pages-filter-option.active .dynamic-pages-option-icon{color:var(--dp-gold-deep)}.products-check-icon,.dynamic-pages-check-icon{margin-left:auto;color:var(--dp-gold-deep)}.products-panel .table-new-wrapper,.dynamic-pages-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.products-product-cell,.dynamic-pages-page-cell{display:flex;align-items:center;gap:12px}.products-product-image-mini,.dynamic-pages-page-icon-wrapper{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:8px;background:var(--dp-slate-soft);display:flex;align-items:center;justify-content:center;color:var(--dp-navy-mid);overflow:hidden;border:1px solid var(--dp-line);flex-shrink:0;font-size:14px;font-weight:700}.products-product-image-mini img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;object-fit:cover!important}.products-product-name,.dynamic-pages-page-name{font-weight:600;font-size:13.5px;color:var(--dp-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.products-product-sub,.dynamic-pages-page-slug{font-size:11.5px;font-family:var(--dp-mono);color:var(--dp-ink-soft);margin-top:1px}.products-type-badge,.dynamic-pages-type-badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;display:inline-block;width:fit-content;text-transform:uppercase}.products-type-simple,.dynamic-pages-type-static{background:var(--dp-slate-soft);color:var(--dp-navy-mid)}.products-type-variable,.dynamic-pages-type-dynamic{background:var(--dp-gold-soft);color:var(--dp-gold-deep);border:1px solid rgba(192,154,46,.15)}.products-type-combo,.dynamic-pages-type-cms{background:#fdf2f8;color:#db2777}.products-cat-brand-cell{display:flex;flex-direction:column}.products-cat-name{font-weight:600;font-size:13px;color:var(--dp-navy)}.products-brand-name{font-size:11.5px;color:var(--dp-ink-soft)}.products-status-badge,.dynamic-pages-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:capitalize}.products-status-dot,.dynamic-pages-status-dot{width:6px;height:6px;border-radius:50%}.products-status-published,.dynamic-pages-status-active{background:#e8f5e9;color:#2e7d32}.products-status-published .products-status-dot,.dynamic-pages-status-active .dynamic-pages-status-dot{background:#2e7d32}.products-status-draft,.dynamic-pages-status-draft{background:var(--dp-slate-soft);color:var(--dp-ink-soft)}.products-status-draft .products-status-dot,.dynamic-pages-status-draft .dynamic-pages-status-dot{background:var(--dp-ink-soft)}.products-status-archived,.dynamic-pages-status-inactive{background:var(--dp-danger-soft);color:var(--dp-danger)}.products-status-archived .products-status-dot,.dynamic-pages-status-inactive .dynamic-pages-status-dot{background:var(--dp-danger)}.products-date-info,.dynamic-pages-date-info{font-size:12.5px;font-family:var(--dp-mono);color:var(--dp-ink-soft)}.products-dropdown,.dynamic-pages-dropdown{position:absolute;right:0;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:170px;padding:.4rem}.products-dropdown-item,.dynamic-pages-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--dp-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.products-dropdown-item:hover,.dynamic-pages-dropdown-item:hover{background:var(--dp-paper)}.products-dropdown-item.danger,.dynamic-pages-dropdown-item.dynamic-pages-danger{color:var(--dp-danger)}.products-dropdown-item.danger:hover,.dynamic-pages-dropdown-item.dynamic-pages-danger:hover{background:var(--dp-danger-soft)}.products-dropdown-divider,.dynamic-pages-dropdown-divider{height:1px;background:var(--dp-line);margin:.35rem 0}.products-table-foot,.dynamic-pages-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--dp-line);flex-wrap:wrap;background:#fff}.products-foot-info,.dynamic-pages-foot-info{font-size:12.5px;color:var(--dp-ink-soft)}.products-foot-info b,.dynamic-pages-foot-info b{font-family:var(--dp-mono);color:var(--dp-navy);font-weight:600}.products-page-size-selector,.dynamic-pages-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--dp-ink-soft)}.products-page-size-select,.dynamic-pages-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--dp-line-strong);background-color:var(--dp-surface);color:var(--dp-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.products-pager,.dynamic-pages-pager{display:flex;gap:4px;align-items:center}.products-page-btn,.dynamic-pages-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--dp-mono);font-size:12.5px;color:var(--dp-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.products-page-btn:hover:not(:disabled),.dynamic-pages-page-btn:hover:not(:disabled){background:var(--dp-slate-soft);color:var(--dp-navy)}.products-page-btn.current,.dynamic-pages-page-btn.current{background:var(--dp-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--dp-gold)}.products-page-btn:disabled,.dynamic-pages-page-btn:disabled{opacity:.35;cursor:default}.products-loading-skeleton,.dynamic-pages-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:prod-skeleton-loading 1.5s infinite;border-radius:6px}.ckeditor-wrapper{border:1px solid #d9d9d9;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.ckeditor-wrapper .ck-editor{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}.ckeditor-wrapper .ck-editor__top{flex:0 0 auto;border-bottom:1px solid #d9d9d9}.ckeditor-wrapper .ck-editor__main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.ckeditor-wrapper .ck-editor__editable{flex:1 1 auto;min-height:150px;max-height:100%;overflow-y:auto!important;border:none;border-radius:0}.ckeditor-wrapper.dark-theme .ck-editor__editable{background-color:#1f1f1f;color:#fff}.ckeditor-wrapper.dark-theme .ck-editor__editable:focus{background-color:#1f1f1f}@media(max-width:768px){.ckeditor-wrapper .ck-toolbar{flex-wrap:wrap}.ckeditor-wrapper .ck-toolbar__separator{display:none}}.ckeditor-wrapper .ck-toolbar{background-color:#fafafa;border-bottom:1px solid #d9d9d9}.ckeditor-wrapper .ck-button{border-radius:4px;margin:2px}.ckeditor-wrapper .ck-button:hover{background-color:#e6f7ff}.ckeditor-wrapper .ck-button.ck-on{background-color:#1890ff;color:#fff}.ckeditor-wrapper .ck-editor__editable h1,.ckeditor-wrapper .ck-editor__editable h2,.ckeditor-wrapper .ck-editor__editable h3,.ckeditor-wrapper .ck-editor__editable h4,.ckeditor-wrapper .ck-editor__editable h5,.ckeditor-wrapper .ck-editor__editable h6{margin-top:1em;margin-bottom:.5em;font-weight:700}.ckeditor-wrapper .ck-editor__editable p{margin-bottom:1em}.ckeditor-wrapper .ck-editor__editable ul,.ckeditor-wrapper .ck-editor__editable ol{margin-bottom:1em;padding-left:2em}.ckeditor-wrapper .ck-editor__editable blockquote{border-left:4px solid #1890ff;margin:1em 0;padding-left:1em;font-style:italic;background-color:#f9f9f9}.ckeditor-wrapper .ck-editor__editable table{border-collapse:collapse;width:100%;margin-bottom:1em}.ckeditor-wrapper .ck-editor__editable table th,.ckeditor-wrapper .ck-editor__editable table td{border:1px solid #d9d9d9;padding:8px;text-align:left}.ckeditor-wrapper .ck-editor__editable table th{background-color:#fafafa;font-weight:700}.product-count-badge{color:#888;font-weight:400;font-size:.9em;margin-left:4px}.product-action-button{padding:4px}.product-restore-icon{color:#52c41a}.product-table-avatar-container{display:flex;align-items:center;gap:12px}.product-table-avatar{width:40px;height:40px;object-fit:cover;border-radius:6px;background-color:#f0f0f0;border:1px solid #eee;display:flex;align-items:center;justify-content:center;font-size:10px;color:#bbb}.product-table-title{display:block;font-size:14px;font-weight:600}.product-table-subtitle{display:block;font-size:12px;color:#666}.product-table-secondary{font-size:12px;color:#666}.product-form-title-section{display:flex;align-items:center;gap:12px}.product-form-status-badge{font-size:12px;font-weight:500}.product-form-row{display:flex;gap:16px;margin-bottom:16px}.product-form-col{flex:1}.product-form-col-full{width:100%}.product-sku-input{text-transform:uppercase}.product-category-select,.product-brand-select,.product-warranty-select{width:100%}.product-description-card,.product-specs-card{margin-bottom:24px}.product-specs-intro{margin-bottom:16px}.product-specs-description{color:#666;font-size:14px}.product-spec-item{margin-bottom:16px;padding:16px;border:1px solid #f0f0f0;border-radius:8px}.product-spec-input{width:100%}.product-warranty-card,.product-flags-card{margin-bottom:24px}.product-flags-container{display:flex;gap:8px}.product-flag-label{margin-left:8px}.product-images-card{margin-bottom:24px}.product-upload-text{margin-top:8px}.product-video-card{margin-bottom:24px}.product-service-card{margin-bottom:24px;margin-top:24px}.product-service-intro{margin-bottom:24px}.product-service-description{color:#666;font-size:14px;margin-bottom:16px}.product-service-item{margin-bottom:16px}.product-service-form-item{margin-bottom:8px}.product-service-price-input,.product-service-duration-input,.product-service-duration-select{width:100%}.product-service-flag-container{margin-bottom:8px}.product-service-flag-label{font-size:12px}.product-service-select{width:100%}.product-variants-card{margin-bottom:24px;margin-top:24px}.product-variants-intro{margin-bottom:16px}.product-variants-description{color:#666;font-size:14px}.product-variants-info{margin-top:16px;padding:16px;background-color:#f5f5f5;border-radius:6px}.product-variants-info-text{margin:0;color:#666;font-size:14px}.product-variant-section{display:flex;gap:16px;margin-bottom:16px}.product-variant-column{flex:1}.product-variant-item{margin-bottom:16px;padding:16px;border:1px solid #f0f0f0;border-radius:8px}.product-variant-input{width:100%}.product-variant-price-container{display:flex;align-items:center;gap:8px}.product-variant-price-input{width:100%}.product-variant-stock-container{display:flex;gap:16px;margin-bottom:16px}.product-variant-stock-input{width:100%;margin-bottom:16px}.product-variant-nested-container{padding:16px;background-color:#fafafa;border-radius:6px;margin-bottom:16px}.product-variant-nested-info{margin-bottom:16px;padding:12px;background-color:#e6f7ff;border-radius:4px}.product-attributes-card{margin-top:24px}.product-attributes-info{margin-top:16px;padding:16px;background-color:#f5f5f5;border-radius:6px}.product-attributes-info-text{margin:0;color:#666;font-size:14px}.product-preview-modal-title{margin:0}.product-preview-close-button{top:20px}.product-preview-image{width:100%;height:300px;object-fit:cover}.product-preview-image-container{display:flex;justify-content:center;align-items:center;height:300px;background-color:#f5f5f5;border-radius:8px;color:#999;font-size:16px}.product-preview-gallery{margin-top:16px}.product-preview-gallery-container{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.product-preview-gallery-image{object-fit:cover;border-radius:4px}.product-preview-video-container{display:flex;justify-content:center;align-items:center;height:200px;background-color:#f5f5f5;border-radius:8px;color:#999;font-size:14px}.product-preview-content{width:100%}.product-preview-section,.product-preview-merchant-item{margin-bottom:16px}.product-preview-service-card{margin-top:24px}.product-preview-service-row{width:100%}.product-preview-attributes-card,.product-preview-variants-card{margin-top:24px}.product-preview-variants-row{width:100%}.product-preview-specs-card{margin-top:24px}.product-loading-container{display:flex;justify-content:center;align-items:center;height:400px}.product-error-container{text-align:center;padding:50px}@media(max-width:768px){.product-form-row,.product-variants-section,.product-variant-stock-container{flex-direction:column}}[dir=rtl] .product-form-row{direction:rtl}.create-product-basic-info-card,.create-product-attributes-card,.create-product-description-card,.create-product-specifications-card,.create-product-warranty-card,.create-product-settings-card,.create-product-images-card,.create-product-video-card,.create-product-service-card{margin-bottom:24px}.create-product-hsn-container{display:flex;gap:8px}.create-product-hsn-input{flex:1}.create-product-hsn-button{border-color:#1890ff;color:#1890ff;background-color:transparent}.create-product-hsn-button:hover{background-color:#1890ff;color:#fff}.create-product-attribute-container{margin-bottom:16px;padding:16px;border:1px solid #f0f0f0;border-radius:8px;background-color:#fff}.create-product-attribute-container.mandatory{background-color:#f6ffed;border-color:#b7eb8f}.create-product-attribute-header{display:flex;align-items:center;gap:8px}.create-product-attribute-select{width:100%}.create-product-mandatory-tag{margin:0}.create-product-attribute-values-select{width:100%}.create-product-no-options-message{padding:8px 12px;background:#fff2e8;border:1px solid #ffbb96;border-radius:6px;color:#d46b08;font-size:13px;text-align:center}.create-product-all-attributes-message{padding:12px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;text-align:center;color:#52c41a;margin-bottom:16px}.create-product-add-attribute-button{width:100%;margin-bottom:16px}.create-product-category-selection-message{padding:16px;background:#f0f0f0;border-radius:8px;text-align:center;color:#666}.create-product-no-attributes-message{padding:16px;background:#f9f9f9;border-radius:8px;text-align:center;color:#666}.create-product-identification-section{margin-top:24px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.create-product-identification-title{margin-bottom:16px;color:#495057}.create-product-variants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.create-product-variants-stats{display:flex;gap:8px;font-size:12px}.create-product-variants-stats-active{color:#52c41a}.create-product-variants-stats-inactive{color:#ff4d4f}.create-product-variants-stats-base{color:#1890ff}.create-product-duplicate-sku-warning{padding:12px;background:#fff2e8;border:1px solid #ffbb96;border-radius:8px;text-align:center;color:#d46b08;margin-bottom:16px}.create-product-variant-card{margin-bottom:16px;opacity:1}.create-product-variant-card-inactive{opacity:.6}.create-product-variant-card-header,.create-product-variant-card-extra{display:flex;align-items:center;gap:8px}.create-product-variant-active-switch{display:flex;align-items:center;gap:4px}.create-product-variant-active-label{font-size:12px;color:#666}.create-product-sku-error-message,.create-product-gtin-error-message{color:#ff4d4f;font-size:12px;margin-top:4px}.create-product-variant-image-container{position:relative}.create-product-variant-image{width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #d9d9d9}.create-product-variant-image-remove-button{position:absolute;top:-8px;right:-8px;width:16px;height:16px;border-radius:50%;font-size:10px;padding:0;display:flex;align-items:center;justify-content:center}.create-product-variant-add-image-button{width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-direction:column}.create-product-variant-add-image-text{font-size:10px}.create-product-variant-add-image-subtext{font-size:8px;color:#666}.create-product-image-container{position:relative}.create-product-image{width:120px;height:120px;object-fit:cover;border-radius:8px;border:1px solid #d9d9d9}.create-product-image-primary{border:2px solid #1890ff}.create-product-image-primary-tag{position:absolute;top:4px;left:4px;background:#1890ff;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px}.create-product-image-remove-button{position:absolute;top:4px;right:4px;background:#ffffffe6;border:1px solid #ff4d4f;border-radius:50%;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;z-index:10}.create-product-image-reorder-container{position:absolute;bottom:4px;left:4px;display:flex;flex-direction:column;gap:2px}.create-product-image-reorder-button{background:#ffffffe6;border:1px solid #d9d9d9;border-radius:4px;width:24px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;font-size:12px}.create-product-select-images-button{background-color:#fff;border-color:#d9d9d9;color:#000000e0;width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:8px}.create-product-form-actions{display:flex;gap:8px}.create-product-service-option-card{margin-bottom:16px}.create-product-service-switch-item{font-size:12px}.edit-product-loading{text-align:center}.edit-product-loading-icon{font-size:24px}.edit-product-loading-text{margin-top:16px}.edit-product-status-container{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.edit-product-status-label{font-size:.875rem;color:var(--text-secondary)}.edit-product-variant-message{padding:16px;background:#f0f0f0;border-radius:8px;text-align:center;color:#666;margin-bottom:16px}.edit-product-variant-message-title{margin-bottom:8px;font-weight:700}.edit-product-variant-message-text{font-size:14px}.edit-product-service-option-card{margin-bottom:16px}.edit-product-service-switch-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px}.edit-product-image-container{position:relative}.edit-product-image{width:120px;height:120px;object-fit:cover;border-radius:8px;border:1px solid #d9d9d9}.edit-product-image-remove-button{position:absolute;top:4px;right:4px;background:#ffffffe6;border:1px solid #ff4d4f;border-radius:50%;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;z-index:10}.edit-product-select-images-button{background-color:#fff;border-color:#d9d9d9;color:#000000e0;width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:8px}.edit-product-form-actions{display:flex;gap:8px}.product-table-avatar{width:40px;height:40px;border-radius:4px;object-fit:cover}.product-table-title{font-weight:500;color:#262626;margin-bottom:4px}.product-table-subtitle{color:#8c8c8c;font-size:12px}.product-table-status-tag{font-size:11px;padding:2px 6px}.product-table-action-button{margin-right:8px}.product-table-action-button:last-child{margin-right:0}.product-preview-modal-header{display:flex;align-items:center;gap:8px}.product-preview-modal-header-image{border-radius:4px}.product-preview-modal-header-title{font-size:16px;font-weight:500}.product-preview-modal-header-sku{font-size:12px;color:#666}.product-preview-modal-content{max-height:70vh;overflow-y:auto}.product-preview-modal-card{margin-bottom:16px}.product-preview-modal-divider{margin:12px 0}.product-preview-modal-description{margin-top:8px;margin-bottom:0}.product-preview-modal-pricing-strong{font-weight:600}.product-preview-modal-inventory-text{font-size:12px;color:#666}.product-preview-modal-rejection-title{color:#ff4d4f;font-weight:600}.product-preview-modal-rejection-text{margin-top:8px;margin-bottom:0;color:#ff4d4f}.product-preview-modal-images{display:flex;flex-wrap:wrap;gap:12px}.product-preview-modal-image-container{position:relative}.product-preview-modal-image{object-fit:cover;border:1px solid #d9d9d9;border-radius:4px}.product-preview-modal-image-tag{position:absolute;top:4px;left:4px;font-size:10px}.product-preview-modal-spec-item{display:flex;justify-content:space-between}.product-preview-modal-attributes{display:flex;flex-wrap:wrap;gap:8px}.product-preview-modal-variant-card{margin-bottom:8px}.product-preview-modal-variant-attributes{margin-top:8px}.product-preview-modal-variant-attributes-container{margin-top:4px}.product-preview-modal-variant-attribute-tag{margin-bottom:4px}.product-preview-modal-variant-status-tag{margin-left:8px}.product-preview-modal-variant-details{padding:8px 0}.product-preview-modal-variant-details p{margin-bottom:8px;font-size:14px}.product-preview-modal-variant-details p:last-child{margin-bottom:0}.product-preview-modal-variant-details strong{color:#666;font-weight:600}.product-preview-modal-barcode-section{margin-top:16px;padding:16px;background-color:#fafafa;border-radius:8px;border:1px solid #e8e8e8}.product-preview-modal-barcode-container{display:flex;justify-content:center;align-items:center;margin:12px 0;padding:16px;background-color:#fff;border-radius:6px;border:1px solid #d9d9d9}.product-preview-modal-barcode-info{text-align:center;margin-top:8px;color:#666;font-size:12px}.product-preview-modal-detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:4px 0}.product-preview-modal-detail-row:last-child{margin-bottom:0}.product-preview-modal-detail-label{color:#666;font-weight:600;font-size:12px;min-width:60px;flex-shrink:0}.product-preview-modal-detail-value{color:#333;font-size:13px;text-align:right;flex:1;margin-left:8px}.product-preview-modal-detail-value .ant-tag{font-size:11px;padding:2px 6px;line-height:1.2}.variants-modal{border-radius:16px;overflow:hidden}.variants-modal .ant-modal-header{background:#fff;border-bottom:1px solid #e9ecef;padding:24px;margin:0}.variants-modal .ant-modal-title{color:#495057;font-size:18px;font-weight:600;margin:0}.variants-modal .ant-modal-close{color:#6c757d;font-size:18px;top:24px;right:24px}.variants-modal .ant-modal-close:hover{color:#495057;background-color:#f8f9fa}.variants-modal .ant-modal-body{padding:0;background:#f8f9fa}.variants-modal .ant-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014}.variants-modal .ant-table-thead>tr>th{background:#f8f9fa;border-bottom:1px solid #e9ecef;font-weight:600;color:#495057;padding:16px 12px;font-size:13px}.variants-modal .ant-table-thead>tr>th:after{display:none}.variants-modal .ant-table-tbody>tr>td{border-bottom:1px solid #f1f3f4;padding:12px;font-size:13px;color:#495057}.variants-modal .ant-table-tbody>tr:hover>td{background-color:#f8f9fa}.variants-modal .ant-table-tbody>tr:last-child>td{border-bottom:none}.variants-modal .ant-table-tbody>tr:nth-child(2n){background-color:#fafbfc}.variants-modal-header{display:flex;align-items:center;gap:16px}.variants-modal-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:600;box-shadow:0 4px 12px #667eea4d}.variants-modal-title{font-size:18px;font-weight:600;color:#495057;margin:0}.variants-modal-subtitle{font-size:14px;color:#6c757d;margin:2px 0 0}.variants-modal-subtitle .variant-count-highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;margin-left:4px;display:inline-block}.product-summary-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;position:relative;overflow:hidden}.product-summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.product-summary-item{text-align:center;flex:1}.product-summary-label{font-size:12px;color:#6c757d;font-weight:500;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.product-summary-value{font-size:16px;font-weight:600;color:#495057;margin:0}.variant-column-header{display:flex;align-items:center;gap:8px;font-weight:600}.variant-column-icon{font-size:14px}.variant-sku-cell,.variant-gtin-cell{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#495057;background:#f8f9fa;padding:6px 10px;border-radius:6px;border:1px solid #e9ecef;display:inline-block}.variant-attributes-container{display:flex;flex-wrap:wrap;gap:4px;max-width:180px}.variant-price-cell{display:flex;align-items:center;gap:4px;font-weight:500}.variant-price-currency{font-size:11px;color:#6c757d;font-weight:500}.variant-selling-price{color:#28a745}.variant-selling-price-na{color:#6c757d;font-style:italic}.variant-stock-cell{display:flex;align-items:center;gap:8px}.variant-stock-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.variant-stock-indicator-good{background-color:#28a745}.variant-stock-indicator-low{background-color:#ffc107}.variant-stock-indicator-out{background-color:#dc3545}.variant-stock-text-good{color:#28a745;font-weight:500}.variant-stock-text-low{color:#ffc107;font-weight:500}.variant-stock-text-out{color:#dc3545;font-weight:500}.variant-status-cell{padding:6px 12px;border-radius:20px;text-align:center;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.variant-status-icon{margin-right:4px}.status-pending{background-color:#fff7e6;color:#faad14;border:1px solid #ffd591}.status-approved{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-rejected{background-color:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.status-default{background-color:#f5f5f5;color:#666;border:1px solid #d9d9d9}.variants-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014;margin-bottom:24px}.variants-empty-state{text-align:center;padding:48px 24px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.variants-empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.variants-empty-title{font-size:18px;font-weight:600;color:#495057;margin-bottom:8px}.variants-empty-description{font-size:14px;color:#6c757d;line-height:1.5}.product-table-variant-count{color:#667eea;font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);transition:all .2s ease;display:inline-block;margin-top:4px}.product-table-variant-count:hover{background:#667eea26;border-color:#667eea4d;transform:translateY(-1px)}@media(max-width:768px){.variants-modal .ant-modal{margin:16px;max-width:calc(100vw - 32px)}.variants-modal .ant-modal-header{padding:16px}.variants-modal .ant-modal-title{font-size:16px}.variants-modal .ant-table-thead>tr>th,.variants-modal .ant-table-tbody>tr>td{padding:8px;font-size:12px}.product-summary-card{padding:16px}.product-summary-item{margin-bottom:12px}.product-summary-value{font-size:14px}}@media(max-width:480px){.variants-modal .ant-modal{margin:8px;max-width:calc(100vw - 16px)}.variants-modal .ant-table-thead>tr>th,.variants-modal .ant-table-tbody>tr>td{padding:6px;font-size:11px}}@media(max-width:768px){.create-product-hsn-container,.create-product-form-actions{flex-direction:column}.create-product-variants-header{flex-direction:column;align-items:flex-start;gap:8px}.create-product-variant-card-extra{flex-direction:column;align-items:flex-start;gap:4px}.create-product-service-switch-item{margin-bottom:8px}.edit-product-hsn-container,.edit-product-form-actions{flex-direction:column}.edit-product-service-switch-item{margin-bottom:8px}.product-preview-modal-detail-row{flex-direction:column;align-items:flex-start;margin-bottom:12px}.product-preview-modal-detail-label{margin-bottom:4px;min-width:auto}.product-preview-modal-detail-value{text-align:left;margin-left:0}.product-preview-modal-variant-details{margin-bottom:16px}.product-preview-modal-barcode-section,.product-preview-modal-variant-attributes{margin-top:0}.product-preview-modal-barcode-container{padding:12px}.product-preview-modal-barcode-container svg{max-width:100%;height:auto}}.edit-product-loading-container{display:flex;justify-content:center;align-items:center;height:400px}.edit-product-error-container{text-align:center;padding:50px}.edit-product-header{display:flex;justify-content:space-between;align-items:center}.edit-product-title-section{display:flex;align-items:center;gap:12px}.edit-product-status-badge{font-size:12px;font-weight:500}.edit-product-basic-info-card,.edit-product-attributes-card,.edit-product-description-card,.edit-product-specifications-card,.edit-product-warranty-card,.edit-product-settings-card,.edit-product-images-card,.edit-product-video-card,.edit-product-service-card{margin-bottom:24px}.edit-product-hsn-container{display:flex;gap:8px}.edit-product-hsn-input{flex:1}.edit-product-hsn-button{border-color:#1890ff;color:#1890ff;background-color:transparent}.edit-product-hsn-button:hover{background-color:#1890ff;color:#fff}.edit-product-attributes-section,.edit-product-attributes-title{margin-bottom:16px}.edit-product-attributes-description{color:#666;font-size:14px;margin-bottom:16px}.edit-product-attributes-description strong{font-weight:600}.edit-product-attributes-info{margin-bottom:16px;padding:16px;background:#f0f0f0;border-radius:8px;text-align:center;color:#666}.edit-product-attributes-no-category{padding:16px;background:#f0f0f0;border-radius:8px;text-align:center;color:#666}.edit-product-attributes-no-attributes{padding:16px;background:#f9f9f9;border-radius:8px;text-align:center;color:#666}.edit-product-attribute-container{margin-bottom:16px;padding:16px;border:1px solid #f0f0f0;border-radius:8px;background-color:#fff}.edit-product-attribute-container.mandatory{background-color:#f6ffed;border-color:#b7eb8f}.edit-product-attribute-header{display:flex;align-items:center;gap:8px}.edit-product-attribute-select{width:100%}.edit-product-mandatory-tag{margin:0}.edit-product-attribute-values-container .edit-product-attribute-values-select{width:100%}.edit-product-attribute-values-container .edit-product-no-options-message{padding:8px 12px;background:#fff2e8;border:1px solid #ffbb96;border-radius:6px;color:#d46b08;font-size:13px;text-align:center}.edit-product-attribute-values-container .edit-product-all-attributes-message{padding:12px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;text-align:center;color:#52c41a;margin-bottom:16px}.edit-product-attribute-values-container .edit-product-add-attribute-button{width:100%;margin-bottom:16px}.edit-product-attribute-values-container .edit-product-no-valid-attributes{padding:16px;background:#f0f0f0;border-radius:8px;text-align:center;color:#666;margin-bottom:16px}.edit-product-attribute-values-container .edit-product-no-valid-attributes-title{margin-bottom:8px;font-weight:700}.edit-product-attribute-values-container .edit-product-no-valid-attributes-text{font-size:14px}.edit-product-attribute-values-container .edit-product-identification-section{margin-top:24px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.edit-product-attribute-values-container .edit-product-identification-title{margin-bottom:16px;color:#495057}.edit-product-attribute-values-container .edit-product-sku-label{display:flex;align-items:center;gap:4px}.edit-product-attribute-values-container .edit-product-sku-auto-generated{color:#1890ff;margin-left:4px}.edit-product-attribute-values-container .edit-product-sku-input{text-transform:uppercase}.edit-product-attribute-values-container .edit-product-variants-section{margin-top:24px}.edit-product-attribute-values-container .edit-product-variants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.edit-product-attribute-values-container .edit-product-variants-title{margin:0}.edit-product-attribute-values-container .edit-product-variants-stats{display:flex;gap:8px;font-size:12px}.edit-product-attribute-values-container .edit-product-variants-stats-active{color:#52c41a}.edit-product-attribute-values-container .edit-product-variants-stats-inactive{color:#ff4d4f}.edit-product-attribute-values-container .edit-product-duplicate-sku-warning{padding:12px;background:#fff2e8;border:1px solid #ffbb96;border-radius:8px;text-align:center;color:#d46b08;margin-bottom:16px}.edit-product-attribute-values-container .edit-product-variant-card{margin-bottom:16px;opacity:1}.edit-product-attribute-values-container .edit-product-variant-card-inactive{opacity:.6}.edit-product-attribute-values-container .edit-product-variant-card-header,.edit-product-attribute-values-container .edit-product-variant-card-extra{display:flex;align-items:center;gap:8px}.edit-product-attribute-values-container .edit-product-variant-active-switch{display:flex;align-items:center;gap:4px}.edit-product-attribute-values-container .edit-product-variant-active-label{font-size:12px;color:#666}.edit-product-attribute-values-container .edit-product-sku-error-message,.edit-product-attribute-values-container .edit-product-gtin-error-message{color:#ff4d4f;font-size:12px;margin-top:4px}.edit-product-attribute-values-container .edit-product-variant-image-container{position:relative}.edit-product-attribute-values-container .edit-product-variant-image{width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #d9d9d9}.edit-product-attribute-values-container .edit-product-variant-image-remove-button{position:absolute;top:-8px;right:-8px;width:16px;height:16px;border-radius:50%;font-size:10px;padding:0;display:flex;align-items:center;justify-content:center}.edit-product-attribute-values-container .edit-product-variant-add-image-button{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.edit-product-attribute-values-container .edit-product-images-container{margin-bottom:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.edit-product-attribute-values-container .edit-product-image-container{position:relative}.edit-product-attribute-values-container .edit-product-image{width:120px;height:120px;object-fit:cover;border-radius:8px;border:1px solid #d9d9d9}.edit-product-attribute-values-container .edit-product-image-primary{border:2px solid #1890ff}.edit-product-attribute-values-container .edit-product-image-primary-tag{position:absolute;top:4px;left:4px;background:#1890ff;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px}.edit-product-attribute-values-container .edit-product-image-remove-button{position:absolute;top:4px;right:4px;background:#ffffffe6;border:1px solid #ff4d4f;border-radius:50%;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;z-index:10}.edit-product-attribute-values-container .edit-product-image-reorder-container{position:absolute;bottom:4px;left:4px;display:flex;flex-direction:column;gap:2px}.edit-product-attribute-values-container .edit-product-image-reorder-button{background:#ffffffe6;border:1px solid #d9d9d9;border-radius:4px;width:24px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;font-size:12px}.edit-product-attribute-values-container .edit-product-select-images-button{background-color:#fff;border-color:#d9d9d9;color:#000000e0;width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:8px}.edit-product-attribute-values-container .edit-product-form-actions{display:flex;gap:8px}.edit-product-attribute-values-container .edit-product-service-option-card{margin-bottom:16px}.edit-product-attribute-values-container .edit-product-service-switch-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px}.edit-product-attribute-values-container .edit-product-service-switch-label{font-size:12px}.edit-product-attribute-values-container .edit-product-spec-item{margin-bottom:16px;padding:16px;border:1px solid #f0f0f0;border-radius:8px}.edit-product-attribute-values-container .edit-product-spec-input,.edit-product-attribute-values-container .edit-product-add-spec-button,.edit-product-attribute-values-container .edit-product-spec-remove-button,.edit-product-attribute-values-container .edit-product-warranty-period-input,.edit-product-attribute-values-container .edit-product-warranty-type-select,.edit-product-attribute-values-container .edit-product-warranty-description-textarea{width:100%}.edit-product-attribute-values-container .edit-product-settings-switch{margin-left:8px}.edit-product-attribute-values-container .edit-product-variant-message{padding:16px;background:#f0f0f0;border-radius:8px;text-align:center;color:#666;margin-bottom:16px}.edit-product-attribute-values-container .edit-product-variant-message-title{margin-bottom:8px;font-weight:700}.edit-product-attribute-values-container .edit-product-variant-message-text{font-size:14px}.edit-product-attribute-values-container .edit-product-form-item-margin{margin-bottom:8px}.edit-product-attribute-values-container .edit-product-form-item-full-width{width:100%}.edit-product-attribute-values-container .edit-product-form-item-description{color:#666;font-size:14px}.edit-product-attribute-values-container .edit-product-form-item-container{margin-bottom:16px}.edit-product-attribute-values-container .edit-product-form-item-container-large{margin-bottom:24px}.edit-product-attribute-values-container .edit-product-attribute-color-display{display:flex;align-items:center;gap:8px}.edit-product-attribute-values-container .edit-product-attribute-color-box{width:16px;height:16px;border:1px solid #ccc;border-radius:3px}.edit-product-attribute-values-container .edit-product-tree-select{width:100%}.edit-product-attribute-values-container .edit-product-tree-select-dropdown{max-height:400px;overflow:auto}.edit-product-attribute-values-container .edit-product-input-number{width:100%}.edit-product-attribute-values-container .edit-product-variant-images-container{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.edit-product-attribute-values-container .edit-product-service-description{color:#666;font-size:14px;margin-bottom:16px}.edit-product-attribute-values-container .edit-product-service-form-item{margin-bottom:8px}.edit-product-attribute-values-container .edit-product-service-input,.edit-product-attribute-values-container .edit-product-service-select,.edit-product-attribute-values-container .edit-product-service-duration-input,.edit-product-attribute-values-container .edit-product-service-duration-select,.edit-product-attribute-values-container .edit-product-service-price-input,.edit-product-attribute-values-container .edit-product-add-service-button{width:100%}@media(max-width:768px){.edit-product-attribute-values-container .edit-product-header{flex-direction:column;align-items:flex-start;gap:16px}.edit-product-attribute-values-container .edit-product-title-section{flex-direction:column;align-items:flex-start;gap:8px}.edit-product-attribute-values-container .edit-product-hsn-container,.edit-product-attribute-values-container .edit-product-form-actions{flex-direction:column}.edit-product-attribute-values-container .edit-product-variants-header{flex-direction:column;align-items:flex-start;gap:8px}.edit-product-attribute-values-container .edit-product-variant-card-extra{flex-direction:column;align-items:flex-start;gap:4px}.edit-product-attribute-values-container .edit-product-service-switch-item{margin-bottom:8px}}:root{--primary-navy: #0f172a;--secondary-navy: #1e293b;--accent-gold: #b45309;--accent-gold-light: #fef3c7;--bg-main: #f8fafc;--card-bg: #ffffff;--border-subtle: #f1f5f9;--text-main: #334155;--text-muted: #64748b;--text-dark: #020617;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-lg: 16px;--radius-md: 12px}.product-view-container{max-width:1400px;margin:0 auto;padding:3rem 2rem;background-color:var(--bg-main);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-main)}h1,h2,h3,h4{color:var(--text-dark);letter-spacing:-.02em}.premium-breadcrumb{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:.875rem;font-weight:500;color:var(--text-muted)}.breadcrumb-item{transition:color .2s;cursor:pointer}.breadcrumb-item:hover{color:var(--primary-navy)}.premium-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;border-bottom:1px solid var(--border-subtle);padding-bottom:2rem}.header-title-section h1{font-size:2.5rem;font-weight:800;margin:0;line-height:1.1}.header-subtitle{margin-top:.75rem;font-size:1.125rem;color:var(--text-muted);font-style:italic}.header-badges{display:flex;gap:.75rem}.premium-badge{padding:.5rem 1.25rem;border-radius:99px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent}.badge-type{background:var(--primary-navy);color:#fff}.badge-status-published{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.badge-status-draft{background:#fffbeb;color:#92400e;border-color:#fef3c7}.badge-global{border:1px solid var(--accent-gold);color:var(--accent-gold);background:#fffcf0}.content-layout-grid{display:grid;grid-template-columns:400px 1fr;gap:3rem;align-items:start}@media(max-width:1100px){.content-layout-grid{grid-template-columns:1fr}}.premium-section-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);transition:box-shadow .3s ease}.premium-section-card:hover{box-shadow:var(--shadow-md)}.section-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.section-title-row h3{margin:0;font-size:1.125rem;font-weight:700}.media-gallery-wrapper{position:sticky;top:2rem}.main-image-container{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:#fff;border:1px solid var(--border-subtle);margin-bottom:1rem}.main-image-container img{width:100%;height:100%;object-fit:contain;padding:1rem}.thumb-grid{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.thumb-item{width:70px;height:70px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;flex-shrink:0;background:#fff}.thumb-item.active{border-color:var(--accent-gold)}.info-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-module{padding:1.25rem;background:#fdfdfd;border-radius:var(--radius-md);border-left:3px solid var(--border-subtle)}.summary-module:hover{border-left-color:var(--accent-gold);background:#fff}.module-label{font-size:.7rem;text-transform:uppercase;font-weight:700;color:var(--text-muted);display:block;margin-bottom:.5rem}.module-value{font-size:1rem;font-weight:600;color:var(--text-dark)}.product-view-tabs{margin-top:2rem}.tabs-nav{display:flex;gap:2rem;border-bottom:2px solid var(--border-subtle);margin-bottom:2rem}.tab-btn{padding:1rem 0;background:none;border:none;font-weight:600;color:var(--text-muted);cursor:pointer;position:relative;transition:color .2s}.analytics-glass-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:3rem}.stat-module{background:#fff;padding:2rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;border:1px solid var(--border-subtle)}.stat-module .icon-circle{width:48px;height:48px;border-radius:12px;background:var(--bg-main);display:flex;align-items:center;justify-content:center;color:var(--primary-navy)}.stat-module .value{font-size:2rem;font-weight:800;color:var(--text-dark)}.stat-module .label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.merchant-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:1rem;align-items:center}.merchant-info-block{display:flex;align-items:center;gap:1rem}.merchant-avatar{width:40px;height:40px;border-radius:10px;background:var(--primary-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.specs-clean-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;max-height:600px;overflow-y:auto}.spec-clean-item{display:grid;grid-template-columns:minmax(80px,max-content) 1fr;gap:.5rem;align-items:start;padding:1rem;background:#fdfdfd;border-radius:8px}.spec-clean-item .spec-key{white-space:nowrap}.spec-clean-item .spec-val{overflow-wrap:anywhere}.spec-key{color:var(--text-muted);font-size:.9rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}:root{--dp-paper: #F7F5EF;--dp-surface: #FFFFFF;--dp-navy: #111C33;--dp-navy-mid: #35507E;--dp-ink-soft: #5B6378;--dp-line: #E7E4DA;--dp-line-strong: #D4D0C2;--dp-gold: #C09A2E;--dp-gold-hover: #A9861F;--dp-gold-deep: #8C6D1F;--dp-gold-soft: #F6EFDA;--dp-danger: #B3372E;--dp-danger-soft: #F9E8E6;--dp-slate-soft: #EFECE3;--dp-radius: 10px;--dp-sans: "IBM Plex Sans", system-ui, sans-serif;--dp-mono: "IBM Plex Mono", ui-monospace, monospace;--brand-paper: var(--dp-paper);--brand-surface: var(--dp-surface);--brand-navy: var(--dp-navy);--brand-navy-mid: var(--dp-navy-mid);--brand-ink-soft: var(--dp-ink-soft);--brand-line: var(--dp-line);--brand-line-strong: var(--dp-line-strong);--brand-gold: var(--dp-gold);--brand-gold-hover: var(--dp-gold-hover);--brand-gold-deep: var(--dp-gold-deep);--brand-gold-soft: var(--dp-gold-soft);--brand-danger: var(--dp-danger);--brand-danger-soft: var(--dp-danger-soft);--brand-slate-soft: var(--dp-slate-soft);--brand-radius: var(--dp-radius);--brand-sans: var(--dp-sans);--brand-mono: var(--dp-mono)}.brands-main{flex:1;min-width:0;font-family:var(--brand-sans);color:var(--brand-navy)}.brands-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.brands-crumbs{font-size:12px;color:var(--brand-ink-soft);margin-bottom:6px}.brands-crumbs b{color:var(--brand-navy);font-weight:500}.brands-page-head h1{font-size:24px;font-weight:700;color:var(--brand-navy);margin:0;letter-spacing:-.02em}.brands-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--brand-line-strong);background:var(--brand-surface);color:var(--brand-navy);transition:background .15s,border-color .15s;cursor:pointer}.brands-btn:hover{background:var(--brand-slate-soft)}.brands-btn:disabled{opacity:.5;cursor:not-allowed}.brands-btn.primary{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--brand-navy);font-weight:600}.brands-btn.primary:hover{background:var(--brand-gold-hover);border-color:var(--brand-gold-hover)}.brands-btn.danger{color:var(--brand-danger);border-color:var(--brand-danger)}.brands-btn.danger:hover{background:var(--brand-danger-soft)}.brands-panel{background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:var(--brand-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.brands-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--brand-line);background:var(--brand-surface)}.brands-search{display:flex;align-items:center;gap:8px;border:1px solid var(--brand-line-strong);border-radius:8px;padding:0 12px;height:38px;width:240px;max-width:100%;background:var(--brand-surface);color:var(--brand-ink-soft)}.brands-search svg{width:15px;height:15px;color:var(--brand-ink-soft);flex-shrink:0}.brands-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--brand-navy)}.brands-search input::placeholder{color:#9aa0b0}.brands-modern-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.brands-filter-dropdown-wrapper{position:relative}.brands-filter-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:8px;padding:.5rem;box-shadow:0 10px 25px -5px #111c3326;z-index:100;min-width:200px;max-height:280px;overflow-y:auto}.brands-filter-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:6px;font-size:13px;color:var(--brand-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.brands-filter-option:hover{background:var(--brand-paper)}.brands-filter-option.active{background:var(--brand-gold-soft);color:var(--brand-gold-deep);font-weight:600}.brands-option-icon{display:flex;align-items:center;color:var(--brand-ink-soft)}.brands-filter-option.active .brands-option-icon{color:var(--brand-gold-deep)}.brands-check-icon{margin-left:auto;color:var(--brand-gold-deep)}.brands-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.brands-layout-toggle{display:flex;gap:2px;padding:3px;background:var(--brand-slate-soft);border-radius:8px;border:1px solid var(--brand-line);align-items:center;height:38px}.brands-layout-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--brand-ink-soft);border-radius:6px;cursor:pointer;transition:all .15s ease}.brands-layout-btn:hover{color:var(--brand-navy);background:#111c330d}.brands-layout-btn.active{background:var(--brand-navy);color:#fff;box-shadow:0 2px 4px #111c3326}.brands-brand-cell{display:flex;align-items:center;gap:12px}.brands-logo-mini{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:50%;background:var(--brand-slate-soft);display:flex;align-items:center;justify-content:center;color:var(--brand-navy-mid);overflow:hidden;border:1px solid var(--brand-line);flex-shrink:0;font-size:14px;font-weight:700}.brands-logo-mini img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;object-fit:contain!important}.brands-brand-name{font-weight:600;font-size:13.5px;color:var(--brand-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.brands-brand-sub{font-size:11.5px;color:var(--brand-ink-soft);margin-top:1px}.brands-categories-list{display:flex;flex-wrap:wrap;gap:4px;max-width:220px}.brand-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:capitalize;line-height:1}.brand-status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.brand-badge-green{background:#e8f5e9;color:#2e7d32}.brand-badge-green .brand-status-dot{background:#2e7d32}.brand-badge-red{background:var(--brand-danger-soft);color:var(--brand-danger)}.brand-badge-red .brand-status-dot{background:var(--brand-danger)}.brand-badge-orange{background:var(--brand-gold-soft);color:var(--brand-gold-deep)}.brand-badge-orange .brand-status-dot{background:var(--brand-gold-deep)}.brand-badge-blue{background:var(--brand-slate-soft);color:var(--brand-navy-mid)}.brand-badge-blue .brand-status-dot{background:var(--brand-navy-mid)}.brand-badge-purple{background:#f3e8ff;color:#7e22ce}.brand-badge-purple .brand-status-dot{background:#7e22ce}.brand-badge-gray{background:var(--brand-slate-soft);color:var(--brand-ink-soft)}.brand-badge-gray .brand-status-dot{background:var(--brand-ink-soft)}.brands-date-info{font-size:12px;font-family:var(--brand-mono);color:var(--brand-ink-soft)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--brand-ink-soft);cursor:pointer;transition:all .15s}.icon-btn:hover,.icon-btn.active{background:var(--brand-slate-soft);color:var(--brand-navy);border-color:var(--brand-line-strong)}.brands-dropdown{position:absolute;right:0;background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:170px;padding:.4rem}.brands-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--brand-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.brands-dropdown-item:hover{background:var(--brand-paper)}.brands-dropdown-item.danger{color:var(--brand-danger)}.brands-dropdown-item.danger:hover{background:var(--brand-danger-soft)}.brands-dropdown-divider{height:1px;background:var(--brand-line);margin:.35rem 0}.brands-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--brand-line);flex-wrap:wrap;background:#fff}.brands-foot-info{font-size:12.5px;color:var(--brand-ink-soft)}.brands-foot-info b{font-family:var(--brand-mono);color:var(--brand-navy);font-weight:600}.brands-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--brand-ink-soft)}.brands-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--brand-line-strong);background-color:var(--brand-surface);color:var(--brand-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.brands-pager{display:flex;gap:4px;align-items:center}.brands-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--brand-mono);font-size:12.5px;color:var(--brand-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.brands-page-btn:hover:not(:disabled){background:var(--brand-slate-soft);color:var(--brand-navy)}.brands-page-btn.current{background:var(--brand-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--brand-gold)}.brands-page-btn:disabled{opacity:.35;cursor:default}.brands-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:brands-skeleton-loading 1.5s infinite;border-radius:6px}@keyframes brands-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.brand-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;width:100%;padding:16px}.brand-card-premium{background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:12px;overflow:visible;position:relative;box-shadow:0 4px 6px -1px #111c330d;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:380px}.brand-card-premium:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #111c3326;border-color:var(--brand-line-strong)}.brand-card-banner{height:100px;border-top-left-radius:11px;border-top-right-radius:11px;position:relative;background:linear-gradient(135deg,var(--brand-navy) 0%,var(--brand-navy-mid) 100%);overflow:hidden}.brand-card-banner img{width:100%;height:100%;object-fit:cover}.brand-card-avatar-wrapper{position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:5}.brand-card-avatar{width:80px;height:80px;background:#fff;border:4px solid white;border-radius:50%;box-shadow:0 4px 10px #111c3326;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .3s}.brand-card-premium:hover .brand-card-avatar{transform:scale(1.05)}.brand-card-avatar img{width:100%;height:100%;object-fit:contain}.brand-card-avatar-icon{font-size:24px;color:var(--brand-navy)}.brand-card-body{padding:50px 1.25rem 1.25rem;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:0}.brand-card-title{font-size:1.1rem;font-weight:700;color:var(--brand-navy);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.brand-card-title-ar{font-size:.85rem;color:var(--brand-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin-bottom:.75rem;height:1.2rem}.brand-card-categories{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-bottom:1rem;height:24px;overflow:hidden;width:100%}.brand-card-category-tag{font-size:.7rem;padding:.15rem .5rem;background:var(--brand-slate-soft);color:var(--brand-navy-mid);border-radius:4px;white-space:nowrap}.brand-card-meta{width:100%;margin-top:auto;border-top:1px solid var(--brand-line);padding-top:.75rem}.brand-card-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--brand-ink-soft);margin-bottom:.4rem}.brand-card-meta-row:last-child{margin-bottom:0}.brand-card-meta-label{font-weight:500}.brand-card-meta-value{font-weight:600;color:var(--brand-navy)}.brand-card-more-action{position:absolute;top:.75rem;right:.75rem;z-index:10;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--brand-line);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #111c330d;color:var(--brand-ink-soft);transition:all .2s}.brand-card-more-action:hover{background:#fff;color:var(--brand-navy);transform:scale(1.05)}.brand-card-dropdown{position:absolute;top:2.75rem;right:.75rem;background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:20;min-width:170px;padding:.375rem}.brand-card-footer{border-top:1px solid var(--brand-line);padding:.75rem 1.25rem;display:flex;gap:.5rem;background:var(--brand-slate-soft);border-bottom-left-radius:11px;border-bottom-right-radius:11px;z-index:2}.brand-card-action-btn{flex:1;padding:.5rem .75rem;font-size:.8rem;font-weight:700;border-radius:6px;border:1px solid var(--brand-line-strong);background:#fff;color:var(--brand-ink-soft);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.25rem}.brand-card-action-btn:hover{border-color:var(--brand-navy);color:var(--brand-navy);background:var(--brand-slate-soft)}.brand-card-action-btn-primary{background:var(--brand-navy);color:#fff;border-color:var(--brand-navy)}.brand-card-action-btn-primary:hover{background:var(--brand-navy-mid);border-color:var(--brand-navy-mid);color:#fff}.brand-card-skeleton{background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:12px;height:380px;display:flex;flex-direction:column;padding:0;overflow:hidden}.brand-skeleton-banner{height:100px;background:#f1f5f9;animation:pulse-loading 1.5s infinite ease-in-out}.brand-skeleton-circle{width:80px;height:80px;background:#f1f5f9;border:4px solid white;border-radius:50%;margin:-40px auto 0;z-index:2;animation:pulse-loading 1.5s infinite ease-in-out}.brand-skeleton-body{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.75rem;align-items:center}.brand-skeleton-title{height:20px;width:60%;background:#f1f5f9;border-radius:4px;animation:pulse-loading 1.5s infinite ease-in-out}.brand-skeleton-text{height:14px;width:40%;background:#f1f5f9;border-radius:4px;animation:pulse-loading 1.5s infinite ease-in-out}.brand-skeleton-tags{height:24px;width:80%;background:#f1f5f9;border-radius:6px;animation:pulse-loading 1.5s infinite ease-in-out}.brand-skeleton-meta{width:100%;margin-top:auto;border-top:1px solid var(--brand-line);padding-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.brand-skeleton-meta-row{display:flex;justify-content:space-between;width:100%}.brand-skeleton-meta-bar{height:12px;background:#f1f5f9;border-radius:4px;animation:pulse-loading 1.5s infinite ease-in-out}.brand-skeleton-footer{height:52px;background:var(--brand-slate-soft);border-top:1px solid var(--brand-line);animation:pulse-loading 1.5s infinite ease-in-out}@keyframes pulse-loading{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.brand-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand-confirm-card{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:440px;padding:2rem;border:1px solid var(--brand-line)}.brand-confirm-body{display:flex;gap:1rem;align-items:flex-start;margin-bottom:2rem}.brand-confirm-icon-wrapper{flex-shrink:0;width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.brand-confirm-icon-danger{background:var(--brand-danger-soft);color:var(--brand-danger)}.brand-confirm-icon-info{background:var(--brand-slate-soft);color:var(--brand-navy)}.brand-confirm-content{flex:1}.brand-confirm-title{font-size:1.2rem;font-weight:700;color:var(--brand-navy);margin:0 0 .5rem}.brand-confirm-desc{font-size:.95rem;color:var(--brand-ink-soft);line-height:1.5;margin:0}.brand-confirm-actions{display:flex;justify-content:flex-end;gap:.75rem}.brand-confirm-btn{padding:.6rem 1.25rem;font-size:.9rem;font-weight:700;border-radius:8px;cursor:pointer;border:1px solid var(--brand-line-strong);background:#fff;color:var(--brand-ink-soft);transition:all .15s}.brand-confirm-btn:hover{border-color:var(--brand-navy);color:var(--brand-navy);background:var(--brand-slate-soft)}.brand-confirm-btn-primary{background:var(--brand-navy);color:#fff;border-color:var(--brand-navy)}.brand-confirm-btn-primary:hover{background:var(--brand-navy-mid);border-color:var(--brand-navy-mid);color:#fff}.brand-confirm-btn-danger{background:var(--brand-danger);color:#fff;border-color:var(--brand-danger)}.brand-confirm-btn-danger:hover{background:#991b1b;border-color:#991b1b;color:#fff}.brand-tabs{margin-bottom:16px}.brands-tabs-container{flex-shrink:0}.brands-content{flex:1;overflow:auto;min-height:0}.brands-header-actions{justify-content:space-between;width:100%}.product-tabs{margin-bottom:0}.product-category-dropdown{max-height:400px;overflow:auto}.brand-preview-card{margin-bottom:16px}.brand-preview-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:12px 16px}.brand-preview-card .ant-card-head-title{font-size:14px;font-weight:600;color:#262626}.brand-preview-card .ant-statistic-title{font-size:12px;color:#8c8c8c;margin-bottom:4px}.brand-preview-card .ant-statistic-content{font-size:20px;font-weight:700}.brand-analytics-card{text-align:center;border-radius:8px;transition:all .3s ease}.brand-analytics-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.brand-analytics-card .ant-card-body{padding:16px 12px}.brand-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}@media(max-width:768px){.brand-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.brand-preview-card .ant-statistic-content{font-size:18px}.brand-preview-card .ant-statistic-title{font-size:11px}}.brand-action-dropdown-button{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border-radius:50%!important;padding:0!important;transition:all .3s ease!important;border:none!important;margin:0 auto!important}.brand-action-dropdown-button:hover{background-color:rgba(var(--admin-primary-color-rgb, 0, 102, 255),.1)!important;color:var(--admin-primary-color)!important;transform:scale(1.1)}.brand-action-dropdown-button .anticon{font-size:18px}:root{--attr-paper: #F7F5EF;--attr-surface: #FFFFFF;--attr-navy: #111C33;--attr-navy-mid: #35507E;--attr-ink-soft: #5B6378;--attr-line: #E7E4DA;--attr-line-strong: #D4D0C2;--attr-gold: #C09A2E;--attr-gold-hover: #A9861F;--attr-gold-deep: #8C6D1F;--attr-gold-soft: #F6EFDA;--attr-danger: #B3372E;--attr-danger-soft: #F9E8E6;--attr-slate-soft: #EFECE3;--attr-radius: 10px;--attr-sans: "IBM Plex Sans", system-ui, sans-serif;--attr-mono: "IBM Plex Mono", ui-monospace, monospace;--dp-paper: var(--attr-paper);--dp-surface: var(--attr-surface);--dp-navy: var(--attr-navy);--dp-navy-mid: var(--attr-navy-mid);--dp-ink-soft: var(--attr-ink-soft);--dp-line: var(--attr-line);--dp-line-strong: var(--attr-line-strong);--dp-gold: var(--attr-gold);--dp-gold-hover: var(--attr-gold-hover);--dp-gold-deep: var(--attr-gold-deep);--dp-gold-soft: var(--attr-gold-soft);--dp-danger: var(--attr-danger);--dp-danger-soft: var(--attr-danger-soft);--dp-slate-soft: var(--attr-slate-soft);--dp-radius: var(--attr-radius);--dp-sans: var(--attr-sans);--dp-mono: var(--attr-mono)}.attributes-main{flex:1;min-width:0;font-family:var(--attr-sans);color:var(--attr-navy)}.attributes-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.attributes-crumbs{font-size:12px;color:var(--attr-ink-soft);margin-bottom:6px}.attributes-crumbs b{color:var(--attr-navy);font-weight:500}.attributes-page-head h1{font-size:24px;font-weight:700;color:var(--attr-navy);margin:0;letter-spacing:-.02em}.attributes-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--attr-line-strong);background:var(--attr-surface);color:var(--attr-navy);transition:background .15s,border-color .15s;cursor:pointer}.attributes-btn:hover{background:var(--attr-slate-soft)}.attributes-btn.primary{background:var(--attr-gold);border-color:var(--attr-gold);color:var(--attr-navy);font-weight:600}.attributes-btn.primary:hover{background:var(--attr-gold-hover);border-color:var(--attr-gold-hover)}.attributes-btn.danger{color:var(--attr-danger);border-color:var(--attr-danger)}.attributes-btn.danger:hover{background:var(--attr-danger-soft)}.attributes-panel{background:var(--attr-surface);border:1px solid var(--attr-line);border-radius:var(--attr-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.attributes-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--attr-line);background:var(--attr-surface)}.attributes-search{display:flex;align-items:center;gap:8px;border:1px solid var(--attr-line-strong);border-radius:8px;padding:0 12px;height:38px;width:260px;max-width:100%;background:var(--attr-surface);color:var(--attr-ink-soft)}.attributes-search svg{width:15px;height:15px;color:var(--attr-ink-soft);flex-shrink:0}.attributes-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--attr-navy)}.attributes-search input::placeholder{color:#9aa0b0}.attributes-modern-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.attributes-filter-dropdown-wrapper{position:relative}.attributes-filter-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--attr-surface);border:1px solid var(--attr-line);border-radius:8px;padding:.5rem;box-shadow:0 10px 25px -5px #111c3326;z-index:100;min-width:210px;max-height:280px;overflow-y:auto}.attributes-filter-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:6px;font-size:13px;color:var(--attr-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.attributes-filter-option:hover{background:var(--attr-paper)}.attributes-filter-option.active{background:var(--attr-gold-soft);color:var(--attr-gold-deep);font-weight:600}.attributes-option-icon{display:flex;align-items:center;color:var(--attr-ink-soft)}.attributes-filter-option.active .attributes-option-icon{color:var(--attr-gold-deep)}.attributes-check-icon{margin-left:auto;color:var(--attr-gold-deep)}.attributes-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.attributes-name-cell{display:flex;flex-direction:column}.attributes-name-en{font-weight:600;font-size:13.5px;color:var(--attr-navy)}.attributes-name-ar{font-size:11.5px;font-family:var(--attr-mono);color:var(--attr-ink-soft);margin-top:1px}.attributes-type-badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;display:inline-block;width:fit-content;text-transform:uppercase}.attributes-type-text{background:var(--attr-slate-soft);color:var(--attr-navy-mid)}.attributes-type-color{background:var(--attr-gold-soft);color:var(--attr-gold-deep);border:1px solid rgba(192,154,46,.15)}.attributes-type-number{background:#e0f2fe;color:#0369a1}.attributes-type-boolean{background:#f3e8ff;color:#6b21a8}.attributes-type-date{background:#fef3c7;color:#92400e}.attributes-type-select,.attributes-type-multiselect{background:#fce7f3;color:#9d174d}.attributes-cat-badge{padding:3px 8px;border-radius:4px;font-size:11.5px;font-weight:600;background:var(--attr-slate-soft);color:var(--attr-navy-mid);display:inline-flex;align-items:center;gap:4px}.attributes-options-badge{padding:3px 8px;border-radius:4px;font-size:11.5px;font-family:var(--attr-mono);background:var(--attr-paper);color:var(--attr-ink-soft);border:1px solid var(--attr-line)}.attributes-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:capitalize}.attributes-status-dot{width:6px;height:6px;border-radius:50%}.attributes-status-active{background:#e8f5e9;color:#2e7d32}.attributes-status-active .attributes-status-dot{background:#2e7d32}.attributes-status-archived{background:var(--attr-danger-soft);color:var(--attr-danger)}.attributes-status-archived .attributes-status-dot{background:var(--attr-danger)}.attributes-dropdown{position:absolute;right:0;background:var(--attr-surface);border:1px solid var(--attr-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:160px;padding:.4rem}.attributes-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--attr-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.attributes-dropdown-item:hover{background:var(--attr-paper)}.attributes-dropdown-item.danger{color:var(--attr-danger)}.attributes-dropdown-item.danger:hover{background:var(--attr-danger-soft)}.attributes-dropdown-divider{height:1px;background:var(--attr-line);margin:.35rem 0}.attributes-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--attr-line);flex-wrap:wrap;background:#fff}.attributes-foot-info{font-size:12.5px;color:var(--attr-ink-soft)}.attributes-foot-info b{font-family:var(--attr-mono);color:var(--attr-navy);font-weight:600}.attributes-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--attr-ink-soft)}.attributes-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--attr-line-strong);background-color:var(--attr-surface);color:var(--attr-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.attributes-pager{display:flex;gap:4px;align-items:center}.attributes-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--attr-mono);font-size:12.5px;color:var(--attr-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.attributes-page-btn:hover:not(:disabled){background:var(--attr-slate-soft);color:var(--attr-navy)}.attributes-page-btn.current{background:var(--attr-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--attr-gold)}.attributes-page-btn:disabled{opacity:.35;cursor:default}.attributes-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:attr-skeleton-loading 1.5s infinite;border-radius:6px}@keyframes attr-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.attribute-options-section{margin-top:24px}.attribute-options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.attribute-options-list{max-height:320px;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent}.attribute-option-card{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;background:#fff;border:1px solid var(--attr-line);border-radius:10px;transition:box-shadow .2s ease,border-color .2s ease}.attribute-option-swatch{width:38px;height:38px;min-width:38px;border-radius:50%;border:2px solid rgba(0,0,0,.08);box-shadow:0 2px 6px #00000026;flex-shrink:0}.attribute-option-info{flex:1;min-width:0}.attribute-option-label-en{font-size:14px;font-weight:600;color:var(--attr-navy)}.attribute-option-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.attribute-option-value-badge{font-size:11px;color:var(--attr-ink-soft);background:var(--attr-paper);border-radius:4px;padding:1px 7px;font-family:var(--attr-mono)}.modern-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modern-modal-content{background-color:var(--modern-card-bg);width:100%;max-width:700px;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;z-index:1001;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.2)}.modern-modal-header{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:flex-start}.modern-modal-form{padding:1rem 1.5rem 1.5rem}.modern-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.modern-label{font-size:.875rem;font-weight:600;color:var(--modern-text);margin-left:.25rem}.modern-input{padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--modern-border);background-color:var(--modern-bg);color:var(--modern-text);transition:all .2s;outline:none;font-size:.95rem}.modern-input:focus{border-color:var(--modern-primary);background-color:var(--modern-card-bg);box-shadow:0 0 0 4px #6366f11a}.modern-input.error{border-color:var(--modern-error);background-color:#ef444405}.modern-input.ar{text-align:right;font-family:Amiri,serif;font-size:1.1rem}.modern-input.code{font-family:JetBrains Mono,Fira Code,monospace;font-weight:600;letter-spacing:.05em}.modern-help-text{margin:.25rem 0 0 .5rem;font-size:.75rem;color:var(--modern-text-secondary)}.modern-modal-footer{display:flex;gap:.75rem;margin-top:2rem;justify-content:flex-end}.modern-btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--modern-primary);color:#fff;border-radius:.75rem;font-weight:700;border:none;cursor:pointer;transition:all .2s;font-size:.95rem}.modern-btn-primary:hover:not(:disabled){background-color:var(--modern-primary-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #6366f166}.modern-btn-primary:disabled{opacity:.7;cursor:not-allowed}.modern-btn-secondary{padding:.75rem 1.5rem;background-color:var(--modern-bg);color:var(--modern-text-secondary);border-radius:.75rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;font-size:.95rem}.loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%}.modern-confirm-content{background-color:var(--modern-card-bg);width:100%;max-width:440px;border-radius:1.25rem;box-shadow:0 25px 50px -12px #00000040;z-index:1002;padding:2rem 1.5rem 1.5rem;position:relative;border:1px solid rgba(255,255,255,.2);text-align:center;display:flex;flex-direction:column;align-items:center}.modern-confirm-icon-wrapper{width:64px;height:64px;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;background-color:#ef44441a;color:#ef4444}.modern-confirm-icon-wrapper.info{background-color:#6366f11a;color:#6366f1}.modern-confirm-title{font-size:1.25rem;font-weight:700;color:var(--modern-text);margin:0 0 .5rem}.modern-confirm-desc{font-size:.95rem;color:var(--modern-text-secondary);line-height:1.5;margin:0}.modern-confirm-footer button{flex:1;padding:.75rem;font-weight:700;font-size:.95rem}.modern-btn-confirm{border:none;border-radius:.75rem;cursor:pointer;transition:all .2s;background-color:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center}.modern-btn-confirm:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:0 8px 16px -4px #ef444466}.modern-btn-confirm.warning:hover:not(:disabled){background-color:#d97706;box-shadow:0 8px 16px -4px #f59e0b66}.modern-btn-confirm.info{background-color:#6366f1}.modern-confirm-close{position:absolute;top:1rem;right:1rem;padding:.4rem;border-radius:.5rem;border:none;background:transparent;color:var(--modern-text-secondary);cursor:pointer;transition:all .2s}.modern-confirm-close:hover{background-color:var(--modern-bg);color:var(--modern-text)}.loading-spinner.small{width:16px;height:16px;border-width:2px}:root{--dp-paper: #F7F5EF;--dp-surface: #FFFFFF;--dp-navy: #111C33;--dp-navy-mid: #35507E;--dp-ink-soft: #5B6378;--dp-line: #E7E4DA;--dp-line-strong: #D4D0C2;--dp-gold: #C09A2E;--dp-gold-hover: #A9861F;--dp-gold-deep: #8C6D1F;--dp-gold-soft: #F6EFDA;--dp-danger: #B3372E;--dp-danger-soft: #F9E8E6;--dp-slate-soft: #EFECE3;--dp-radius: 10px;--dp-sans: "IBM Plex Sans", system-ui, sans-serif;--dp-mono: "IBM Plex Mono", ui-monospace, monospace;--st-paper: var(--dp-paper);--st-surface: var(--dp-surface);--st-navy: var(--dp-navy);--st-navy-mid: var(--dp-navy-mid);--st-ink-soft: var(--dp-ink-soft);--st-line: var(--dp-line);--st-line-strong: var(--dp-line-strong);--st-gold: var(--dp-gold);--st-gold-hover: var(--dp-gold-hover);--st-gold-deep: var(--dp-gold-deep);--st-gold-soft: var(--dp-gold-soft);--st-danger: var(--dp-danger);--st-danger-soft: var(--dp-danger-soft);--st-slate-soft: var(--dp-slate-soft);--st-radius: var(--dp-radius);--st-sans: var(--dp-sans);--st-mono: var(--dp-mono)}.service-types-main{flex:1;min-width:0;font-family:var(--dp-sans);color:var(--dp-navy)}.service-types-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.service-types-crumbs{font-size:12px;color:var(--dp-ink-soft);margin-bottom:6px}.service-types-crumbs b{color:var(--dp-navy);font-weight:500}.service-types-page-head h1{font-size:24px;font-weight:700;color:var(--dp-navy);margin:0;letter-spacing:-.02em}.service-types-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--dp-line-strong);background:var(--dp-surface);color:var(--dp-navy);transition:background .15s,border-color .15s;cursor:pointer}.service-types-btn:hover{background:var(--dp-slate-soft)}.service-types-btn.primary{background:var(--dp-gold);border-color:var(--dp-gold);color:var(--dp-navy);font-weight:600}.service-types-btn.primary:hover{background:var(--dp-gold-hover);border-color:var(--dp-gold-hover)}.service-types-btn.danger{color:var(--dp-danger);border-color:var(--dp-danger)}.service-types-btn.danger:hover{background:var(--dp-danger-soft)}.service-types-panel{background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:var(--dp-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.service-types-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--dp-line);background:var(--dp-surface)}.service-types-search{display:flex;align-items:center;gap:8px;border:1px solid var(--dp-line-strong);border-radius:8px;padding:0 12px;height:38px;width:260px;max-width:100%;background:var(--dp-surface);color:var(--dp-ink-soft)}.service-types-search svg{width:15px;height:15px;color:var(--dp-ink-soft);flex-shrink:0}.service-types-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--dp-navy)}.service-types-search input::placeholder{color:#9aa0b0}.service-types-modern-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.service-types-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.service-types-cell{display:flex;align-items:center;gap:12px}.service-types-icon-wrapper{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;border-radius:8px;background:var(--dp-slate-soft);display:flex;align-items:center;justify-content:center;color:var(--dp-navy-mid);overflow:hidden;border:1px solid var(--dp-line);flex-shrink:0}.service-types-name{font-weight:600;font-size:13.5px;color:var(--dp-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-types-sub{font-size:11.5px;font-family:var(--dp-sans);color:var(--dp-ink-soft);margin-top:1px}.service-types-code-badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;display:inline-block;width:fit-content;text-transform:uppercase;background:var(--dp-slate-soft);color:var(--dp-navy-mid);font-family:var(--dp-mono)}.service-types-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:capitalize}.service-types-status-dot{width:6px;height:6px;border-radius:50%}.service-types-status-badge.active{background:#e8f5e9;color:#2e7d32}.service-types-status-badge.active .service-types-status-dot{background:#2e7d32}.service-types-status-badge.archived{background:var(--dp-danger-soft);color:var(--dp-danger)}.service-types-status-badge.archived .service-types-status-dot{background:var(--dp-danger)}.service-types-dropdown{position:absolute;right:0;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:170px;padding:.4rem}.service-types-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--dp-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.service-types-dropdown-item:hover{background:var(--dp-paper)}.service-types-dropdown-item.danger{color:var(--dp-danger)}.service-types-dropdown-item.danger:hover{background:var(--dp-danger-soft)}.service-types-dropdown-divider{height:1px;background:var(--dp-line);margin:.35rem 0}.service-types-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--dp-line);flex-wrap:wrap;background:#fff}.service-types-foot-info{font-size:12.5px;color:var(--dp-ink-soft)}.service-types-foot-info b{font-family:var(--dp-mono);color:var(--dp-navy);font-weight:600}.service-types-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--dp-ink-soft)}.service-types-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--dp-line-strong);background-color:var(--dp-surface);color:var(--dp-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.service-types-pager{display:flex;gap:4px;align-items:center}.service-types-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--dp-mono);font-size:12.5px;color:var(--dp-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.service-types-page-btn:hover:not(:disabled){background:var(--dp-slate-soft);color:var(--dp-navy)}.service-types-page-btn.current{background:var(--dp-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--dp-gold)}.service-types-page-btn:disabled{opacity:.35;cursor:default}.service-types-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:service-types-skeleton-loading 1.5s infinite;border-radius:6px}@keyframes service-types-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.service-tabs{margin-bottom:16px}.service-searchbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.service-searchbar-input{width:180px}.service-searchbar-input-wide{width:220px}.service-searchbar-select{width:150px}.service-searchbar-date-picker{width:200px}.service-type-searchbar{display:flex;gap:8px;align-items:center}.service-table-price{font-weight:600;color:#059669}.service-table-duration{font-size:12px;color:#666;margin-top:2px}.service-table-service-type{display:flex;flex-direction:column;gap:4px}.service-table-coverage{font-size:12px;color:#666}.service-form-section{margin-bottom:24px}.service-images-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;max-width:400px}.service-image-item{position:relative;border-radius:8px;overflow:hidden;transition:transform .2s ease}.service-image-item:hover{transform:scale(1.05)}.service-image-primary-tag{position:absolute;top:4px;left:4px;font-size:10px;padding:2px 6px;border-radius:4px;z-index:1}.service-image-preview{width:100%;height:120px;object-fit:cover;border-radius:8px;cursor:pointer}.service-image-placeholder{width:120px;height:120px;background:#f0f0f0;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px dashed #d9d9d9;color:#999}.service-form-row{display:flex;gap:16px;margin-bottom:16px}.service-form-col{flex:1}.service-form-full-width{width:100%}.service-coverage-area{margin-bottom:8px}.service-time-slot{display:flex;gap:8px;align-items:center;margin-bottom:8px}.service-time-slot-input{flex:1}.service-addon-item{padding:12px;border:1px solid #f0f0f0;border-radius:6px;margin-bottom:8px}.service-addon-row{display:flex;gap:8px;align-items:center}.service-addon-name{flex:2}.service-addon-price{flex:1}.service-included-item{padding:8px 12px;background:#f8f9fa;border-radius:4px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.service-provider-section{background:#f8f9fa;padding:16px;border-radius:6px;margin-bottom:16px}.service-expertise-tag{margin-bottom:4px}.service-schedule-days{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.service-schedule-settings{display:flex;gap:16px;margin-bottom:16px}.service-schedule-input{flex:1}.service-more-icon{transition:all .2s ease;color:#595959}.service-more-icon:hover{background-color:#f0f0f0;color:#1890ff}@media(max-width:768px){.service-form-row{flex-direction:column}.service-searchbar,.service-type-searchbar{flex-direction:column;align-items:stretch}.service-searchbar-input,.service-searchbar-input-wide,.service-searchbar-select,.service-searchbar-date-picker{width:100%}.service-schedule-settings{flex-direction:column}}:root{--dp-paper: #F7F5EF;--dp-surface: #FFFFFF;--dp-navy: #111C33;--dp-navy-mid: #35507E;--dp-ink-soft: #5B6378;--dp-line: #E7E4DA;--dp-line-strong: #D4D0C2;--dp-gold: #C09A2E;--dp-gold-hover: #A9861F;--dp-gold-deep: #8C6D1F;--dp-gold-soft: #F6EFDA;--dp-danger: #B3372E;--dp-danger-soft: #F9E8E6;--dp-slate-soft: #EFECE3;--dp-radius: 10px;--dp-sans: "IBM Plex Sans", system-ui, sans-serif;--dp-mono: "IBM Plex Mono", ui-monospace, monospace;--services-paper: var(--dp-paper);--services-surface: var(--dp-surface);--services-navy: var(--dp-navy);--services-navy-mid: var(--dp-navy-mid);--services-ink-soft: var(--dp-ink-soft);--services-line: var(--dp-line);--services-line-strong: var(--dp-line-strong);--services-gold: var(--dp-gold);--services-gold-hover: var(--dp-gold-hover);--services-gold-deep: var(--dp-gold-deep);--services-gold-soft: var(--dp-gold-soft);--services-danger: var(--dp-danger);--services-danger-soft: var(--dp-danger-soft);--services-slate-soft: var(--dp-slate-soft);--services-radius: var(--dp-radius);--services-sans: var(--dp-sans);--services-mono: var(--dp-mono)}.services-main{flex:1;min-width:0;font-family:var(--services-sans);color:var(--services-navy)}.services-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.services-crumbs{font-size:12px;color:var(--services-ink-soft);margin-bottom:6px}.services-crumbs b{color:var(--services-navy);font-weight:500}.services-page-head h1{font-size:24px;font-weight:700;color:var(--services-navy);margin:0;letter-spacing:-.02em}.services-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--services-line-strong);background:var(--services-surface);color:var(--services-navy);transition:background .15s,border-color .15s;cursor:pointer}.services-btn:hover{background:var(--services-slate-soft)}.services-btn:disabled{opacity:.5;cursor:not-allowed}.services-btn.primary{background:var(--services-gold);border-color:var(--services-gold);color:var(--services-navy);font-weight:600}.services-btn.primary:hover{background:var(--services-gold-hover);border-color:var(--services-gold-hover)}.services-btn.danger{color:var(--services-danger);border-color:var(--services-danger)}.services-btn.danger:hover{background:var(--services-danger-soft)}.services-panel{background:var(--services-surface);border:1px solid var(--services-line);border-radius:var(--services-radius);overflow:visible;box-shadow:0 4px 6px -1px #111c330d}.services-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--services-line);background:var(--services-surface);border-top-left-radius:var(--services-radius);border-top-right-radius:var(--services-radius)}.services-search{display:flex;align-items:center;gap:8px;border:1px solid var(--services-line-strong);border-radius:8px;padding:0 12px;height:38px;width:240px;max-width:100%;background:var(--services-surface);color:var(--services-ink-soft);position:relative}.services-search svg{width:15px;height:15px;color:var(--services-ink-soft);flex-shrink:0}.services-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--services-navy)}.services-search input::placeholder{color:#9aa0b0}.services-modern-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.services-filter-dropdown-wrapper{position:relative}.services-filter-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--services-surface);border:1px solid var(--services-line);border-radius:8px;padding:.5rem;box-shadow:0 10px 25px -5px #111c3326;z-index:100;min-width:200px;max-height:280px;overflow-y:auto}.services-filter-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:6px;font-size:13px;color:var(--services-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.services-filter-option:hover{background:var(--services-paper)}.services-filter-option.active{background:var(--services-gold-soft);color:var(--services-gold-deep);font-weight:600}.services-option-icon{display:flex;align-items:center;color:var(--services-ink-soft)}.services-filter-option.active .services-option-icon{color:var(--services-gold-deep)}.services-check-icon{margin-left:auto;color:var(--services-gold-deep)}.services-layout-toggle{display:flex;border:1px solid var(--services-line-strong);border-radius:8px;overflow:hidden;background:var(--services-surface);height:38px;align-items:center}.services-layout-btn{border:none;background:transparent;color:var(--services-ink-soft);width:38px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.services-layout-btn:hover{background:var(--services-slate-soft);color:var(--services-navy)}.services-layout-btn.active{background:var(--services-navy);color:var(--services-surface)}.services-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.service-cell{display:flex;align-items:center;gap:12px}.service-image{width:40px;height:40px;border-radius:8px;object-fit:cover;background:var(--services-slate-soft);border:1px solid var(--services-line)}.image-placeholder{width:40px;height:40px;border-radius:8px;background:var(--services-slate-soft);display:flex;align-items:center;justify-content:center;color:var(--services-ink-soft)}.service-name{font-weight:700;font-size:13.5px;color:var(--services-navy)}.service-info{font-size:11.5px;color:var(--services-ink-soft);margin-top:1px}.services-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:capitalize;line-height:1}.services-status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.services-badge-green{background:#e8f5e9;color:#2e7d32}.services-badge-green .services-status-dot{background:#2e7d32}.services-badge-red{background:var(--services-danger-soft);color:var(--services-danger)}.services-badge-red .services-status-dot{background:var(--services-danger)}.services-badge-orange{background:#fff3e0;color:#e65100}.services-badge-orange .services-status-dot{background:#e65100}.services-badge-blue{background:var(--services-slate-soft);color:var(--services-navy-mid)}.services-badge-blue .services-status-dot{background:var(--services-navy-mid)}.services-badge-purple{background:#f3e5f5;color:#4a148c}.services-badge-purple .services-status-dot{background:#4a148c}.services-badge-gray{background:var(--services-slate-soft);color:var(--services-ink-soft)}.services-badge-gray .services-status-dot{background:var(--services-ink-soft)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--services-ink-soft);cursor:pointer;transition:all .15s}.icon-btn:hover,.icon-btn.active{background:var(--services-slate-soft);color:var(--services-navy);border-color:var(--services-line-strong)}.services-dropdown{position:absolute;right:0;background:var(--services-surface);border:1px solid var(--services-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:170px;padding:.4rem}.services-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--services-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.services-dropdown-item:hover{background:var(--services-paper)}.services-dropdown-item.danger{color:var(--services-danger)}.services-dropdown-item.danger:hover{background:var(--services-danger-soft)}.services-dropdown-divider{height:1px;background:var(--services-line);margin:.35rem 0}.services-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--services-line);flex-wrap:wrap;background:#fff;border-bottom-left-radius:var(--services-radius);border-bottom-right-radius:var(--services-radius)}.services-foot-info{font-size:12.5px;color:var(--services-ink-soft)}.services-foot-info b{font-family:var(--services-mono);color:var(--services-navy);font-weight:600}.services-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--services-ink-soft)}.services-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--services-line-strong);background-color:var(--services-surface);color:var(--services-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.services-pager{display:flex;gap:4px;align-items:center}.services-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--services-mono);font-size:12.5px;color:var(--services-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.services-page-btn:hover:not(:disabled){background:var(--services-slate-soft);color:var(--services-navy)}.services-page-btn.current{background:var(--services-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--services-gold)}.services-page-btn:disabled{opacity:.35;cursor:default}.services-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:services-skeleton-loading 1.5s infinite;border-radius:6px}@keyframes services-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:16px;background:var(--services-paper)}.service-card{background:var(--services-surface);border:1px solid var(--services-line);border-radius:12px;overflow:visible;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column;position:relative;box-shadow:0 4px 6px -1px #111c330a}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px #111c331f;border-color:var(--services-gold)}.card-header{padding:16px;display:flex;justify-content:space-between;align-items:flex-start}.card-image,.card-image-placeholder{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--services-slate-soft);border:1px solid var(--services-line)}.card-image-placeholder{display:flex;align-items:center;justify-content:center;color:var(--services-ink-soft)}.card-content{padding:0 16px 16px;flex:1}.card-title{font-size:15px;font-weight:700;color:var(--services-navy);margin:0 0 4px;line-height:1.3}.card-merchant{font-size:12px;font-weight:600;color:var(--services-gold-deep);margin-bottom:4px}.card-category{font-size:11.5px;color:var(--services-ink-soft);margin-bottom:8px}.card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.meta-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--services-navy-mid);background:var(--services-slate-soft);padding:2px 8px;border-radius:4px;font-weight:500}.card-footer{padding:12px 16px;border-top:1px solid var(--services-line);display:flex;gap:6px;background:#111c3303;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.card-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px;border-radius:6px;border:1px solid var(--services-line-strong);background:var(--services-surface);color:var(--services-ink-soft);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.card-action-btn:hover{background:var(--services-slate-soft);color:var(--services-navy);border-color:var(--services-navy)}.card-more-actions{position:relative}.services-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.services-confirm-card{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:440px;padding:2rem;border:1px solid var(--services-line)}.services-confirm-body{display:flex;gap:1rem;align-items:flex-start;margin-bottom:2rem}.services-confirm-icon-wrapper{flex-shrink:0;width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.services-confirm-icon-danger{background:var(--services-danger-soft);color:var(--services-danger)}.services-confirm-icon-info{background:var(--services-slate-soft);color:var(--services-navy)}.services-confirm-content{flex:1}.services-confirm-title{font-size:1.2rem;font-weight:700;color:var(--services-navy);margin:0 0 .5rem}.services-confirm-desc{font-size:.95rem;color:var(--services-ink-soft);line-height:1.5;margin:0}.services-confirm-actions{display:flex;justify-content:flex-end;gap:.75rem}.services-confirm-btn{padding:.6rem 1.25rem;font-size:.9rem;font-weight:700;border-radius:8px;cursor:pointer;border:1px solid var(--services-line-strong);background:#fff;color:var(--services-ink-soft);transition:all .15s}.services-confirm-btn:hover{border-color:var(--services-navy);color:var(--services-navy);background:var(--services-slate-soft)}.services-confirm-btn-primary{background:var(--services-navy);color:#fff;border-color:var(--services-navy)}.services-confirm-btn-primary:hover{background:var(--services-navy-mid);border-color:var(--services-navy-mid);color:#fff}.services-confirm-btn-danger{background:var(--services-danger);color:#fff;border-color:var(--services-danger)}.services-confirm-btn-danger:hover{background:#991b1b;border-color:#991b1b;color:#fff}:root{--modern-primary: #011d4c;--modern-primary-light: rgba(1, 29, 76, .1);--modern-bg: #f8fafc;--modern-card-bg: #ffffff;--modern-border: #e2e8f0;--modern-text-main: #0f172a;--modern-text-secondary: #64748b;--modern-success: #10b981;--modern-warning: #f59e0b;--modern-danger: #ef4444;--modern-info: #3b82f6;--modern-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--modern-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}.modern-details-container{padding:1.25rem;background-color:var(--modern-bg);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.modern-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;gap:1.5rem}.modern-back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--modern-card-bg);border:1px solid var(--modern-border);border-radius:.625rem;color:var(--modern-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.modern-action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.modern-hero-card{background:var(--modern-card-bg);border-radius:1.25rem;padding:1.75rem;border:1px solid var(--modern-border);box-shadow:var(--modern-shadow);margin-bottom:1.5rem}.modern-hero-content{display:grid;grid-template-columns:280px 1fr;gap:2.25rem}@media(max-width:992px){.modern-hero-content{grid-template-columns:1fr}}.modern-image-gallery{display:flex;flex-direction:column;gap:1rem}.modern-main-image{width:100%;aspect-ratio:1.2;background:#f1f5f9;border-radius:1rem;overflow:hidden;border:1px solid var(--modern-border)}.modern-thumbnails{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.modern-thumb{width:54px;height:54px;border-radius:.5rem;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;flex-shrink:0}.modern-thumb.active{border-color:var(--modern-primary)}.modern-service-info{display:flex;flex-direction:column}.modern-status-badges{display:flex;gap:.5rem;margin-bottom:1rem}.modern-badge{padding:.25rem .75rem;border-radius:2rem;font-size:.7rem;font-weight:700;display:flex;align-items:center;gap:.25rem}.badge-active,.badge-approved{background:#10b9811a;color:#10b981}.badge-pending{background:#f59e0b1a;color:#f59e0b}.badge-rejected{background:#ef44441a;color:#ef4444}.badge-archived{background:#f1f5f9;color:#64748b}.modern-service-name{font-size:1.75rem;font-weight:800;color:var(--modern-text-main);margin:0 0 .25rem;line-height:1.2}.modern-service-ar{font-size:1.25rem;font-weight:600;color:var(--modern-text-secondary);direction:rtl;margin-bottom:1.5rem}.modern-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:auto}.modern-stat-item{padding:1rem;background:#f8fafc;border-radius:.875rem;border:1px solid #f1f5f9}.stat-label{font-size:.7rem;font-weight:600;display:flex;align-items:center;gap:6px}.stat-value{font-size:1.1rem;font-weight:700}.modern-details-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}@media(max-width:992px){.modern-details-grid{grid-template-columns:1fr}}.modern-card{background:var(--modern-card-bg);border-radius:1.25rem;padding:1.5rem;border:1px solid var(--modern-border);box-shadow:var(--modern-shadow);margin-bottom:1.5rem}.modern-card-title{font-size:1.125rem;font-weight:700;color:var(--modern-text-main);margin:0 0 1.25rem;display:flex;align-items:center;gap:.625rem}.modern-info-list{display:flex;flex-direction:column;gap:1rem}.modern-info-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.info-label{display:flex;align-items:center;gap:.625rem;color:var(--modern-text-secondary);font-size:.875rem;font-weight:500}.info-value{font-size:.875rem;font-weight:600}.modern-custom-tabs{display:flex;gap:.75rem;margin-bottom:1rem;border-bottom:1px solid var(--modern-border);padding-bottom:.25rem}.modern-tab-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--modern-text-secondary);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;transition:all .2s}.description-content{line-height:1.6;color:#334155;font-size:.95rem}.modern-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.modern-list-item{display:flex;align-items:center;gap:.625rem;padding:.75rem;background:#f8fafc;border-radius:.875rem;border:1px solid #f1f5f9;font-size:.875rem;font-weight:500}.modern-addons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.modern-addon-card{padding:1rem;background:#f8fafc;border-radius:1rem;border:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.modern-faq-list{display:flex;flex-direction:column;gap:.75rem}.modern-faq-item{padding:1.25rem;background:#fff;border-radius:1rem;border:1px solid var(--modern-border)}.faq-question{font-size:.95rem;font-weight:700;color:var(--modern-text-main);margin-bottom:.5rem;display:flex;gap:.5rem}.faq-answer{line-height:1.5;font-size:.9rem;color:var(--modern-text-secondary);padding-left:1.5rem}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid var(--modern-primary);border-radius:50%;animation:spin 1s linear infinite}.email-template-table-tag{font-size:11px}.email-template-table-tag-bilingual,.email-template-table-tag-arabic{color:#d4380d}.email-template-table-tag-english{color:#1890ff}.email-template-table-code{font-family:monospace;font-size:13px}.email-template-table-cell{margin-bottom:4px}.email-template-table-content{max-width:100%;overflow:hidden}.email-template-table-variable-tag{margin:2px}.email-template-table-action-button{padding:4px}.email-template-table-action-icon{color:#52c41a;font-size:16px;display:inline-flex;align-items:center}.email-template-card-container{height:100%}.email-template-card-body{padding:16px}.email-template-card-header{margin-bottom:12px}.email-template-card-title-section{display:flex;align-items:center;margin-bottom:8px}.email-template-card-title{font-size:14px;flex:1}.email-template-card-section{margin-bottom:12px}.email-template-card-section-title{font-size:12px;display:block;margin-bottom:4px}.email-template-card-content{font-family:monospace;font-size:11px;background:#f5f5f5;padding:8px;border-radius:4px;max-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-template-card-content-rtl{direction:rtl;font-family:monospace;font-size:11px;background:#f5f5f5;padding:8px;border-radius:4px;max-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-template-card-tag{margin-left:8px;font-size:10px}.email-template-card-tag-bilingual,.email-template-card-tag-arabic{color:#d4380d}.email-template-card-tag-english{color:#1890ff}.email-template-card-variables{margin-top:4px}.email-template-card-variable-tag{font-size:10px;margin:0}.email-template-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #f0f0f0}.email-template-card-timestamp{font-size:11px}.email-template-card-status{display:flex;align-items:center;gap:4px}.email-template-card-status-tag{font-size:10px;margin:0}.email-template-modal-section,.email-template-modal-section-title{margin-bottom:16px}.email-template-modal-card{margin-bottom:8px}.email-template-modal-content{direction:rtl}.email-template-modal-actions{width:100%;justify-content:flex-end}.email-template-preview-section,.email-template-preview-card{margin-bottom:16px}.email-template-preview-variable{margin-bottom:8px}.email-template-preview-required{color:red}.email-template-preview-description{font-size:12px}.email-template-preview-content{background:#fafafa;padding:16px;border-radius:4px;min-height:200px;line-height:1.6}.email-template-preview-content-rtl{background:#fafafa;padding:16px;border-radius:4px;min-height:200px;line-height:1.6;direction:rtl}.email-template-preview-empty{text-align:center;padding:40px 0;color:#999}.email-template-preview-variables{margin-top:16px}.email-template-preview-variable-tag{margin:2px}.email-template-editor-section{margin-bottom:16px}.email-template-editor-card{margin-bottom:8px}.email-template-editor-content{direction:rtl}.email-template-editor-actions{width:100%;justify-content:flex-end}@media(max-width:768px){.email-template-card-title-section{flex-direction:column;align-items:stretch}}.sms-template-table-tag{font-size:11px}.sms-template-table-tag-bilingual,.sms-template-table-tag-arabic{color:#d4380d}.sms-template-table-tag-english{color:#1890ff}.sms-template-table-code{font-family:monospace;font-size:13px}.sms-template-table-cell{margin-bottom:4px}.sms-template-table-content{max-width:100%;overflow:hidden}.sms-template-table-variable-tag{margin:2px}.sms-template-table-action-button{padding:4px}.sms-template-table-action-icon{color:#52c41a;font-size:16px;display:inline-flex;align-items:center}.sms-template-card-container{height:100%}.sms-template-card-body{padding:16px}.sms-template-card-header{margin-bottom:12px}.sms-template-card-title-section{display:flex;align-items:center;margin-bottom:8px}.sms-template-card-title{font-size:14px;flex:1}.sms-template-card-section{margin-bottom:12px}.sms-template-card-section-title{font-size:12px;display:block;margin-bottom:4px}.sms-template-card-content{font-family:monospace;font-size:11px;background:#f5f5f5;padding:8px;border-radius:4px;max-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sms-template-card-content-rtl{direction:rtl;font-family:monospace;font-size:11px;background:#f5f5f5;padding:8px;border-radius:4px;max-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sms-template-card-tag{margin-left:8px;font-size:10px}.sms-template-card-tag-bilingual,.sms-template-card-tag-arabic{color:#d4380d}.sms-template-card-tag-english{color:#1890ff}.sms-template-card-variables{margin-top:4px}.sms-template-card-variable-tag{font-size:10px;margin:0}.sms-template-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #f0f0f0}.sms-template-card-timestamp{font-size:11px}.sms-template-card-status{display:flex;align-items:center;gap:4px}.sms-template-card-status-tag{font-size:10px;margin:0}.sms-template-modal-section,.sms-template-modal-section-title{margin-bottom:16px}.sms-template-modal-card{margin-bottom:8px}.sms-template-modal-content{direction:rtl}.sms-template-modal-actions{width:100%;justify-content:flex-end}.sms-template-preview-section,.sms-template-preview-card{margin-bottom:16px}.sms-template-preview-variable{margin-bottom:8px}.sms-template-preview-required{color:red}.sms-template-preview-description{font-size:12px}.sms-template-preview-content{background:#fafafa;padding:16px;border-radius:4px;min-height:100px;line-height:1.6}.sms-template-preview-content-rtl{background:#fafafa;padding:16px;border-radius:4px;min-height:100px;line-height:1.6;direction:rtl}.sms-template-preview-empty{text-align:center;padding:40px 0;color:#999}.sms-template-preview-variables{margin-top:16px}.sms-template-preview-variable-tag{margin:2px}.sms-template-editor-section{margin-bottom:16px}.sms-template-editor-card{margin-bottom:8px}.sms-template-editor-content{direction:rtl}.sms-template-editor-actions{width:100%;justify-content:flex-end}@media(max-width:768px){.sms-template-card-title-section{flex-direction:column;align-items:stretch}}.common-page-container{display:flex;flex-direction:column;gap:16px}.common-page-card{background:#fff}.common-page-header{display:flex;align-items:center;justify-content:space-between}.common-divider{height:1px;background:#f0f0f0;margin:16px 0}.notification-variables-hint{color:#8c8c8c}:root{--dp-paper: #F7F5EF;--dp-surface: #FFFFFF;--dp-navy: #111C33;--dp-navy-mid: #35507E;--dp-ink-soft: #5B6378;--dp-line: #E7E4DA;--dp-line-strong: #D4D0C2;--dp-gold: #C09A2E;--dp-gold-hover: #A9861F;--dp-gold-deep: #8C6D1F;--dp-gold-soft: #F6EFDA;--dp-danger: #B3372E;--dp-danger-soft: #F9E8E6;--dp-slate-soft: #EFECE3;--dp-radius: 10px;--dp-sans: "IBM Plex Sans", system-ui, sans-serif;--dp-mono: "IBM Plex Mono", ui-monospace, monospace;--hsn-paper: var(--dp-paper);--hsn-surface: var(--dp-surface);--hsn-navy: var(--dp-navy);--hsn-navy-mid: var(--dp-navy-mid);--hsn-ink-soft: var(--dp-ink-soft);--hsn-line: var(--dp-line);--hsn-line-strong: var(--dp-line-strong);--hsn-gold: var(--dp-gold);--hsn-gold-hover: var(--dp-gold-hover);--hsn-gold-deep: var(--dp-gold-deep);--hsn-gold-soft: var(--dp-gold-soft);--hsn-danger: var(--dp-danger);--hsn-danger-soft: var(--dp-danger-soft);--hsn-slate-soft: var(--dp-slate-soft);--hsn-radius: var(--dp-radius);--hsn-sans: var(--dp-sans);--hsn-mono: var(--dp-mono)}.hsn-main{flex:1;min-width:0;font-family:var(--hsn-sans);color:var(--hsn-navy)}.hsn-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.hsn-crumbs{font-size:12px;color:var(--hsn-ink-soft);margin-bottom:6px}.hsn-crumbs b{color:var(--hsn-navy);font-weight:500}.hsn-page-head h1{font-size:24px;font-weight:700;color:var(--hsn-navy);margin:0;letter-spacing:-.02em}.hsn-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--hsn-line-strong);background:var(--hsn-surface);color:var(--hsn-navy);transition:background .15s,border-color .15s;cursor:pointer}.hsn-btn:hover{background:var(--hsn-slate-soft)}.hsn-btn:disabled{opacity:.5;cursor:not-allowed}.hsn-btn.primary{background:var(--hsn-gold);border-color:var(--hsn-gold);color:var(--hsn-navy);font-weight:600}.hsn-btn.primary:hover{background:var(--hsn-gold-hover);border-color:var(--hsn-gold-hover)}.hsn-btn.danger{color:var(--hsn-danger);border-color:var(--hsn-danger)}.hsn-btn.danger:hover{background:var(--hsn-danger-soft)}.hsn-panel{background:var(--hsn-surface);border:1px solid var(--hsn-line);border-radius:var(--hsn-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.hsn-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--hsn-line);background:var(--hsn-surface)}.hsn-search{display:flex;align-items:center;gap:8px;border:1px solid var(--hsn-line-strong);border-radius:8px;padding:0 12px;height:38px;width:240px;max-width:100%;background:var(--hsn-surface);color:var(--hsn-ink-soft)}.hsn-search svg{width:15px;height:15px;color:var(--hsn-ink-soft);flex-shrink:0}.hsn-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--hsn-navy)}.hsn-search input::placeholder{color:#9aa0b0}.hsn-modern-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hsn-filter-dropdown-wrapper{position:relative}.hsn-filter-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--hsn-surface);border:1px solid var(--hsn-line);border-radius:8px;padding:.5rem;box-shadow:0 10px 25px -5px #111c3326;z-index:100;min-width:200px;max-height:280px;overflow-y:auto}.hsn-filter-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:6px;font-size:13px;color:var(--hsn-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.hsn-filter-option:hover{background:var(--hsn-paper)}.hsn-filter-option.active{background:var(--hsn-gold-soft);color:var(--hsn-gold-deep);font-weight:600}.hsn-option-icon{display:flex;align-items:center;color:var(--hsn-ink-soft)}.hsn-filter-option.active .hsn-option-icon{color:var(--hsn-gold-deep)}.hsn-check-icon{margin-left:auto;color:var(--hsn-gold-deep)}.hsn-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.hsn-code-cell{font-family:var(--hsn-mono);font-size:13px;font-weight:700;color:var(--hsn-navy)}.hsn-description-cell{font-size:13px;color:var(--hsn-navy);line-height:1.4;max-width:450px;word-break:break-word}.hsn-categories-list{display:flex;flex-wrap:wrap;gap:4px;max-width:220px}.hsn-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:capitalize;line-height:1}.hsn-status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.hsn-badge-green{background:#e8f5e9;color:#2e7d32}.hsn-badge-green .hsn-status-dot{background:#2e7d32}.hsn-badge-red{background:var(--hsn-danger-soft);color:var(--hsn-danger)}.hsn-badge-red .hsn-status-dot{background:var(--hsn-danger)}.hsn-badge-blue{background:var(--hsn-slate-soft);color:var(--hsn-navy-mid)}.hsn-badge-blue .hsn-status-dot{background:var(--hsn-navy-mid)}.hsn-badge-cyan{background:#e0f7fa;color:#006064}.hsn-badge-gray{background:var(--hsn-slate-soft);color:var(--hsn-ink-soft)}.hsn-badge-gray .hsn-status-dot{background:var(--hsn-ink-soft)}.hsn-date-info{font-size:12px;font-family:var(--hsn-mono);color:var(--hsn-ink-soft)}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--hsn-ink-soft);cursor:pointer;transition:all .15s}.icon-btn:hover,.icon-btn.active{background:var(--hsn-slate-soft);color:var(--hsn-navy);border-color:var(--hsn-line-strong)}.hsn-dropdown{position:absolute;right:0;background:var(--hsn-surface);border:1px solid var(--hsn-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:170px;padding:.4rem}.hsn-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--hsn-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.hsn-dropdown-item:hover{background:var(--hsn-paper)}.hsn-dropdown-item.danger{color:var(--hsn-danger)}.hsn-dropdown-item.danger:hover{background:var(--hsn-danger-soft)}.hsn-dropdown-divider{height:1px;background:var(--hsn-line);margin:.35rem 0}.hsn-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--hsn-line);flex-wrap:wrap;background:#fff}.hsn-foot-info{font-size:12.5px;color:var(--hsn-ink-soft)}.hsn-foot-info b{font-family:var(--hsn-mono);color:var(--hsn-navy);font-weight:600}.hsn-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--hsn-ink-soft)}.hsn-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--hsn-line-strong);background-color:var(--hsn-surface);color:var(--hsn-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.hsn-pager{display:flex;gap:4px;align-items:center}.hsn-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--hsn-mono);font-size:12.5px;color:var(--hsn-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.hsn-page-btn:hover:not(:disabled){background:var(--hsn-slate-soft);color:var(--hsn-navy)}.hsn-page-btn.current{background:var(--hsn-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--hsn-gold)}.hsn-page-btn:disabled{opacity:.35;cursor:default}.hsn-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:hsn-skeleton-loading 1.5s infinite;border-radius:6px}@keyframes hsn-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.hsn-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hsn-confirm-card{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:440px;padding:2rem;border:1px solid var(--hsn-line)}.hsn-confirm-body{display:flex;gap:1rem;align-items:flex-start;margin-bottom:2rem}.hsn-confirm-icon-wrapper{flex-shrink:0;width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.hsn-confirm-icon-danger{background:var(--hsn-danger-soft);color:var(--hsn-danger)}.hsn-confirm-icon-info{background:var(--hsn-slate-soft);color:var(--hsn-navy)}.hsn-confirm-content{flex:1}.hsn-confirm-title{font-size:1.2rem;font-weight:700;color:var(--hsn-navy);margin:0 0 .5rem}.hsn-confirm-desc{font-size:.95rem;color:var(--hsn-ink-soft);line-height:1.5;margin:0}.hsn-confirm-actions{display:flex;justify-content:flex-end;gap:.75rem}.hsn-confirm-btn{padding:.6rem 1.25rem;font-size:.9rem;font-weight:700;border-radius:8px;cursor:pointer;border:1px solid var(--hsn-line-strong);background:#fff;color:var(--hsn-ink-soft);transition:all .15s}.hsn-confirm-btn:hover{border-color:var(--hsn-navy);color:var(--hsn-navy);background:var(--hsn-slate-soft)}.hsn-confirm-btn-primary{background:var(--hsn-navy);color:#fff;border-color:var(--hsn-navy)}.hsn-confirm-btn-primary:hover{background:var(--hsn-navy-mid);border-color:var(--hsn-navy-mid);color:#fff}.hsn-confirm-btn-danger{background:var(--hsn-danger);color:#fff;border-color:var(--hsn-danger)}.hsn-confirm-btn-danger:hover{background:#991b1b;border-color:#991b1b;color:#fff}.hsn-search-input{width:220px}.hsn-category-filter{width:200px}.hsn-category-dropdown{max-height:400px;overflow:auto}.hsn-code-cell{font-family:monospace;font-size:13px;font-weight:700}.hsn-description-cell{margin-bottom:4px}.hsn-category-tag{color:#00f;font-size:11px}.hsn-tax-tag{color:#0ff;font-size:11px}.hsn-restore-icon{color:#52c41a}.hsn-table-scroll{overflow-x:auto}.hsn-card-header-row{display:flex;align-items:center;margin-bottom:8px}.hsn-card-avatar{margin-right:8px;font-size:12px}.hsn-card-title{font-size:14px;flex:1}.hsn-card-status-tag{margin-bottom:8px}.hsn-card-description{margin-bottom:12px}.hsn-card-description-label{font-size:12px;display:block;margin-bottom:4px}.hsn-card-description-text{margin:0;font-size:13px;font-weight:500}.hsn-card-categories{margin-bottom:12px}.hsn-card-categories-label{font-size:12px;display:block;margin-bottom:4px}.hsn-card-categories-container{display:flex;flex-wrap:wrap;gap:4px}.hsn-card-category-tag{font-size:10px;margin:0}.hsn-card-date{font-size:11px}.hsn-card-footer-tags{display:flex;align-items:center;gap:4px}.hsn-modal-mask{z-index:999}.hsn-modal-wrapper{z-index:1000}.hsn-editor-form-submit{margin-bottom:0;text-align:right}.hsn-preview-categories-tags{margin-top:8px}.hsn-preview-category-tag{margin:2px}.hsn-tabs{margin-bottom:0}.hsn-tab-count{color:#888}:root{--color-primary: #d4af37;--color-primary-active: #b8941f;--color-text-light-solid: #ffffff;--color-error: #ef4444;--color-error-active: #dc2626;--padding-sm: 12px;--padding: 16px;--padding-lg: 24px;--border-radius-lg: 12px;--font-weight-strong: 600;--font-size-lg: 18px}.hsn-action-dropdown-button{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border-radius:50%!important;padding:0!important;transition:all .3s ease!important;border:none!important;margin:0 auto!important}.hsn-action-dropdown-button:hover{background-color:rgba(var(--admin-primary-color-rgb, 0, 102, 255),.1)!important;color:var(--admin-primary-color)!important;transform:scale(1.1)}.hsn-action-dropdown-button .anticon{font-size:18px}.tax-management-module .modern-tabs{display:flex;gap:.5rem;padding:.25rem;background:var(--modern-bg);border-radius:.75rem;width:fit-content;margin-bottom:0!important}.tax-management-module .modern-tab{padding:.5rem 1rem;border-radius:.5rem;border:none;background:transparent;color:var(--modern-text-secondary);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.tax-management-module .modern-tab.active{background:var(--modern-card-bg);color:var(--modern-primary);box-shadow:0 1px 3px #0000001a}.tax-management-module .tab-count{font-size:.75rem;padding:.125rem .375rem;background:#6366f11a;border-radius:1rem}.rate-badge{padding:.25rem .6rem;background:#6366f114;color:var(--modern-primary);border-radius:.5rem;font-weight:700;font-size:.875rem;border:1px solid rgba(99,102,241,.1);width:fit-content}.status-archived{background:#ef44441a;color:var(--modern-error)}.actions-menu-wrapper{position:relative;display:flex;justify-content:flex-end}.modern-dropdown{position:absolute;right:0;top:calc(100% + .5rem);background:var(--modern-card-bg);border:1px solid var(--modern-border);border-radius:.875rem;box-shadow:0 10px 25px -5px #0000001a;z-index:50;min-width:160px;padding:.5rem}.modern-preview-container{display:flex;flex-direction:column}.preview-header-gradient{background:linear-gradient(135deg,#6366f1,#4f46e5);padding:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center}.preview-title-section{display:flex;gap:1.25rem;align-items:center}.preview-icon-wrapper{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem;border-radius:1rem;display:flex}.preview-main-title{font-size:1.5rem;font-weight:800;margin:0;letter-spacing:-.01em}.preview-subtitle{margin:.25rem 0 0;opacity:.8;font-size:.9rem}.preview-status-tag{display:flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid currentColor}.preview-status-tag.active{background:#10b9810d;color:#10b981}.preview-status-tag.archived{background:#ef44440d;color:#ef4444}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.preview-content-grid{padding:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;background:#f8fafc}.info-card{background:#fff;padding:1.25rem;border-radius:1rem;border:1px solid var(--modern-border);box-shadow:0 1px 3px #0000000d}.info-card.full-width{grid-column:span 2}.info-card-header{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--modern-text-secondary);margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.info-grid.vertical{grid-template-columns:1fr;gap:1rem}.info-item label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--modern-text-secondary);margin-bottom:.5rem}.info-value{font-weight:700;color:var(--modern-text);display:flex;align-items:center;gap:.75rem}.info-value.primary{font-size:1.5rem;color:var(--modern-primary)}.info-value.small{font-size:.95rem;flex-wrap:wrap;gap:.5rem}.date-text{font-weight:600}.info-subtext{font-size:.75rem;font-weight:500;color:var(--modern-text-secondary)}.time-badge{display:inline-flex;align-items:center;gap:.375rem;background:#f1f5f9;padding:.25rem .625rem;border-radius:.625rem;font-size:.8rem;font-weight:600;color:var(--modern-primary);border:1px solid rgba(99,102,241,.1)}.description-text{font-size:.95rem;line-height:1.6;color:var(--modern-text);background:#f8fafc;padding:1rem;border-radius:.75rem}.usage-card{background:#fff;border-left:4px solid var(--modern-primary);padding:1.5rem!important}.usage-info{display:flex;gap:1.25rem;align-items:flex-start}.usage-icon{color:var(--modern-primary);flex-shrink:0;margin-top:.25rem}.usage-text{margin:0;font-size:.9rem;color:var(--modern-text)}.usage-warning{margin:.5rem 0 0;font-size:.85rem;color:var(--modern-error);font-weight:500}.preview-footer{padding:1.5rem 0;background:#fff;border-top:1px solid var(--modern-border);display:flex;justify-content:flex-end}.modern-secondary-btn{padding:.625rem 1.5rem;background:#f1f5f9;border:1px solid var(--modern-border);border-radius:.75rem;font-weight:700;color:var(--modern-text);cursor:pointer;transition:all .2s}.modern-secondary-btn:hover{background:#e2e8f0}.modern-primary-text{color:var(--modern-primary)}.custom-modal-portal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center}.custom-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.custom-modal-container{position:relative;z-index:1001;width:100%;max-width:900px;padding:1rem}.modern-tax-modal-custom{background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;position:relative}.custom-modal-close{position:absolute;right:1.25rem;top:1.25rem;z-index:10;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.custom-modal-close:hover{background:#fff3;transform:rotate(90deg)}.max-w-sm{max-width:450px!important}.confirm-card{padding:1.5rem}.confirm-icon-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.confirm-icon-wrapper{padding:1rem;border-radius:1rem;display:flex;align-items:center;justify-content:center}.confirm-icon-wrapper.danger{background:#ef44441a;color:var(--modern-error)}.confirm-icon-wrapper.warning{background:#f59e0b1a;color:var(--modern-warning)}.confirm-close-btn{background:transparent;border:none;color:var(--modern-text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s}.confirm-close-btn:hover{background:var(--modern-bg);color:var(--modern-text)}.confirm-content{margin-bottom:2rem}.confirm-title{font-size:1.25rem;font-weight:800;color:var(--modern-text);margin-bottom:.5rem}.confirm-message{color:var(--modern-text-secondary);font-size:.95rem;line-height:1.5}.confirm-footer{display:flex;gap:1rem}.flex-1{flex:1}.btn-danger{background-color:var(--modern-error)!important;box-shadow:0 4px 6px -1px #ef444466!important}.btn-danger:hover{background-color:#dc2626!important;box-shadow:0 10px 15px -3px #ef444466!important}.editor-form-container{padding:2rem;background:#fff}.form-grid{display:flex;flex-direction:column;gap:1.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--modern-text-secondary);text-transform:uppercase;letter-spacing:.05em}.modern-form-input{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--modern-border);background:var(--modern-bg);color:var(--modern-text);font-size:.95rem;transition:all .2s;outline:none}.modern-form-input:focus{border-color:var(--modern-primary);background:#fff;box-shadow:0 0 0 4px #6366f11a}.modern-form-input.error{border-color:var(--modern-error);background:#ef444405}.modern-form-textarea{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--modern-border);background:var(--modern-bg);color:var(--modern-text);font-size:.95rem;transition:all .2s;outline:none;resize:vertical;min-height:100px}.modern-form-textarea:focus{border-color:var(--modern-primary);background:#fff;box-shadow:0 0 0 4px #6366f11a}.form-error-text{display:flex;align-items:center;gap:.375rem;color:var(--modern-error);font-size:.75rem;font-weight:600;margin-top:.25rem}.rate-input-wrapper{position:relative;display:flex;align-items:center}.rate-suffix{position:absolute;right:1.25rem;color:var(--modern-text-secondary);font-weight:700;pointer-events:none}.rate-input-wrapper .modern-form-input{padding-right:2.75rem}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.settings-container{flex:1;min-width:0;font-family:var(--sans);color:var(--navy)}.btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:600;border:1px solid var(--line-strong);background:var(--surface);color:var(--navy);transition:background .15s,border-color .15s;cursor:pointer;outline:none}.btn-secondary{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:600;border:1px solid var(--line-strong);background:var(--surface);color:var(--navy);transition:background .15s,border-color .15s;cursor:pointer}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d;margin-bottom:24px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:8px;padding:0 12px;height:38px;width:320px;max-width:100%;background:var(--surface);color:var(--ink-soft)}.search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--navy)}.custom-tabs-container{display:flex;flex-wrap:wrap;margin-bottom:20px;gap:10px}.custom-tab-item{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;font-size:13px;font-weight:600;color:var(--navy-mid);background-color:var(--surface);border:1px solid var(--line-strong);border-radius:999px;transition:all .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.custom-tab-item:hover{background-color:var(--slate-soft);color:var(--navy)}.custom-tab-item.active{background-color:var(--navy);color:var(--gold)!important;border-color:var(--navy);box-shadow:0 4px 6px -1px #111c3326}.custom-tab-count{font-size:11px;background:var(--slate-soft);color:var(--navy-mid);padding:1px 6px;border-radius:999px;font-weight:700;border:1px solid var(--line-strong);transition:all .15s ease}.custom-tab-item.active .custom-tab-count{background:var(--gold-soft);color:var(--gold-deep);border-color:var(--gold-hover)}.custom-badge{display:inline-flex;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;border-radius:4px;letter-spacing:.02em}.custom-badge-blue{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.custom-badge-green{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.custom-badge-purple{background:#faf5ff;color:#6b21a8;border:1px solid #e9d5ff}.custom-badge-orange{background:#fff7ed;color:#c2410c;border:1px solid #ffedd5}.custom-badge-volcano{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}.custom-badge-cyan{background:#ecfeff;color:#0e7490;border:1px solid #cffafe}.custom-badge-geekblue{background:#e0e7ff;color:#4338ca;border:1px solid #c7d2fe}.custom-badge-magenta{background:#fdf2f8;color:#be185d;border:1px solid #fbcfe8}.custom-badge-gold{background:var(--gold-soft);color:var(--gold-deep);border:1px solid var(--gold-border)}.custom-badge-default{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.custom-switch{position:relative;display:inline-block;width:42px;height:22px;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-switch input{position:absolute;opacity:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;pointer-events:none;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important}.custom-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--line-strong);border:1px solid var(--line-strong);transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:99px;box-shadow:inset 0 1px 2px #111c3314}.custom-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;top:50%;transform:translateY(-50%);background-color:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #111c3326}.custom-switch:hover .custom-slider{border-color:var(--ink-soft);background-color:#c9c5b6}.custom-switch input:checked+.custom-slider{background-color:var(--gold);border-color:var(--gold);box-shadow:0 2px 8px #c09a2e59,inset 0 1px 1px #fff3}.custom-switch input:checked+.custom-slider:before{transform:translate(20px,-50%)}.custom-switch.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.settings-action-btn{width:30px;height:30px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer;transition:all .15s ease;border:none;background:transparent}.settings-action-btn:hover,.settings-action-btn.active{background:var(--slate-soft);color:var(--navy)}.custom-dropdown-wrapper{position:relative;display:inline-block}.custom-dropdown-menu{position:absolute;right:0;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:190px;padding:6px;display:flex;flex-direction:column;gap:4px}.custom-dropdown-item{display:flex;align-items:center;gap:10px;padding:.6rem .75rem;font-size:13px;font-weight:600;color:var(--navy);border-radius:6px;cursor:pointer;transition:all .15s;border:none;background:none;width:100%;text-align:left}.custom-dropdown-item:hover{background:var(--paper);color:var(--navy-mid)}.custom-dropdown-item.danger{color:var(--danger)}.custom-dropdown-item.danger:hover{background:var(--danger-soft);color:var(--danger)}.custom-dropdown-divider{height:1px;background:var(--line);margin:4px 0}.custom-popconfirm-bubble{position:absolute;bottom:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--line-strong);border-radius:8px;padding:12px;box-shadow:0 10px 15px -3px #111c331a,0 4px 6px -2px #111c330d;z-index:1200;width:200px;display:flex;flex-direction:column;gap:8px}.custom-popconfirm-arrow{position:absolute;top:100%;right:14px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--line-strong)}.custom-popconfirm-arrow:after{content:"";position:absolute;top:-7px;left:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #ffffff}.custom-popconfirm-title{font-size:13px;font-weight:600;color:var(--navy);white-space:normal}.custom-popconfirm-desc{font-size:11px;color:var(--ink-soft);margin-bottom:4px;white-space:normal}.custom-popconfirm-actions{display:flex;justify-content:flex-end;gap:6px}.custom-popconfirm-btn{padding:4px 8px;font-size:11px;font-weight:600;border-radius:4px;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.custom-popconfirm-btn-yes{background:var(--danger);color:#fff;border-color:var(--danger)}.custom-popconfirm-btn-yes:hover{background:#a12b23;border-color:#a12b23}.custom-popconfirm-btn-no{background:var(--surface);color:var(--navy);border-color:var(--line-strong)}.custom-popconfirm-btn-no:hover{background:var(--slate-soft)}.pagination-size-select{padding:4px 8px;border-radius:6px;border:1px solid var(--line-strong);font-size:12px;color:var(--navy);background:#fff;outline:none;cursor:pointer}.pagination-jumper{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft)}.pagination-jumper-input{width:40px;height:28px;text-align:center;border:1px solid var(--line-strong);border-radius:6px;font-size:12px;color:var(--navy);background:#fff;outline:none}.custom-form-body{padding:1.5rem;overflow-y:auto;font-family:var(--sans)}.modern-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:.5rem}.modern-input{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--line-strong);background:#fff;color:var(--navy);font-size:13.5px;transition:border-color .15s,box-shadow .15s;outline:none;box-sizing:border-box}.modern-input::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}.modern-input::-webkit-calendar-picker-indicator:hover{opacity:.8}.options-config-title{font-size:13px;font-weight:700;color:var(--navy);margin-top:10px;margin-bottom:12px;border-bottom:1px solid var(--line);padding-bottom:6px}.options-row-item{display:flex;align-items:center;gap:10px;margin-bottom:8px}.options-row-item .modern-input{padding:.5rem .75rem}.options-delete-btn{background:transparent;border:none;color:var(--ink-soft);cursor:pointer;transition:color .15s;display:flex;align-items:center;justify-content:center;padding:4px}.options-delete-btn:hover{color:var(--danger)}.options-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;border:1px dashed var(--line-strong);border-radius:8px;background:transparent;color:var(--navy-mid);font-weight:600;font-size:13px;cursor:pointer;transition:all .15s;margin-top:4px}.options-add-btn:hover{border-color:var(--gold);color:var(--gold-deep);background:var(--gold-soft)}.custom-ckeditor-wrapper{border:1px solid var(--line-strong);border-radius:8px;overflow:hidden}.color-presets-container{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:-6px;margin-bottom:12px}.color-presets-label{font-size:12px;font-weight:600;color:var(--ink-soft);margin-right:4px}.color-preset-btn{width:24px;height:24px;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:transform .15s ease,box-shadow .15s ease;padding:0;border:1px solid transparent}.color-preset-btn:hover{transform:scale(1.15);box-shadow:0 4px 8px #00000026}.modal-tip-box{background:var(--gold-soft);padding:12px;border-radius:8px;border:1px solid rgba(192,154,46,.2);margin-top:14px;font-size:12px;color:var(--gold-deep);font-weight:500;line-height:1.4}.modern-loading-container{padding:24px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--ink-soft)}.empty-state-title{font-size:15px;font-weight:700;color:var(--navy);margin:0 0 6px}.empty-state-desc{font-size:12.5px;margin:0}.media-preview-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.media-preview-info{display:flex;align-items:center;gap:12px}.media-thumbnail-img{width:50px;height:50px;border-radius:6px;object-fit:cover;border:1px solid var(--line-strong);background:#fff}.media-filename{font-size:13px;font-weight:600;color:var(--navy)}.media-meta{font-size:11.5px;color:var(--ink-soft);margin-top:2px}.media-select-dashed-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:18px;border:2px dashed var(--line-strong);border-radius:8px;background:transparent;cursor:pointer;transition:all .15s}.media-select-dashed-btn:hover{border-color:var(--gold);background:var(--gold-soft)}.media-select-dashed-title{font-size:13px;font-weight:600;color:var(--navy-mid);margin-top:4px}.media-select-dashed-desc{font-size:11.5px;color:var(--ink-soft);margin-top:2px}@media(max-width:640px){.modern-form-row{grid-template-columns:1fr;gap:.75rem}}:root{--mst-primary: #011d4c;--mst-primary-light: rgba(1, 29, 76, .08);--mst-accent: #c5a059;--mst-bg: #f8fafc;--mst-card-bg: #ffffff;--mst-text: #1e293b;--mst-text-secondary: #64748b;--mst-border: #e2e8f0;--mst-success: #22c55e;--mst-error: #ef4444}.merchant-settings-type-module{padding:2rem;background-color:var(--mst-bg);min-height:100vh;font-family:Inter,sans-serif}.mst-header-premium{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--mst-primary) 0%,#003366 100%);padding:1.5rem 2rem;border-radius:1.25rem;color:#fff;box-shadow:0 10px 15px -3px #011d4c26;position:relative;overflow:hidden}.mst-header-premium:after{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff08;border-radius:50%;pointer-events:none}.mst-header-content{display:flex;align-items:center;gap:1.5rem;z-index:1}.mst-header-badge{width:48px;height:48px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:var(--mst-accent);box-shadow:0 4px 8px #0000001a;border:1px solid rgba(255,255,255,.1)}.mst-title-section h1{font-size:1.5rem;font-weight:800;margin:0;color:#fff;letter-spacing:-.01em}.mst-subtitle{margin:0;color:#fff9;font-size:.85rem;font-weight:500}.mst-header-actions{display:flex;gap:1rem;z-index:1}.mst-add-button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:#fff;color:var(--mst-primary);border:none;border-radius:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #0000001a}.mst-add-button:hover{transform:translateY(-2px);box-shadow:0 12px 20px #00000026;background:#f8fafc}.mst-filters-bar{display:flex;gap:1.25rem;margin-bottom:2rem;padding:1rem;background:var(--mst-card-bg);border-radius:1.25rem;border:1px solid var(--mst-border);align-items:center;box-shadow:0 4px 6px -1px #0000000d}.mst-search-wrapper{position:relative;flex:1}.mst-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--mst-primary)}.mst-search-input{width:100%;padding:.875rem 3rem .875rem 3.25rem;border-radius:1rem;border:1.5px solid var(--mst-primary-light);background-color:#fff;color:var(--mst-text);transition:all .3s;outline:none;font-size:.95rem}.mst-search-input:focus{border-color:var(--mst-primary);box-shadow:0 0 0 4px var(--mst-primary-light)}.mst-search-clear{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--mst-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;z-index:2}.mst-search-clear:hover{color:var(--mst-error)}.mst-table-container{background:var(--mst-card-bg);border-radius:1.5rem;border:1px solid var(--mst-border);box-shadow:0 20px 25px -5px #0000000d;margin-bottom:2rem;position:relative}.mst-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.mst-table th{background:#f8fafc;padding:1.5rem 1.25rem;font-weight:700;color:var(--mst-text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--mst-border)}.mst-table td{padding:1.25rem;border-bottom:1px solid var(--mst-border);color:var(--mst-text)}.mst-table tr:last-child td{border-bottom:none}.mst-table tr:hover{background-color:#011d4c05}.mst-type-cell{display:flex;align-items:center;gap:1.25rem}.mst-icon-wrapper{width:44px;height:44px;background:var(--mst-primary-light);color:var(--mst-primary);border-radius:12px;display:flex;align-items:center;justify-content:center}.mst-name{font-weight:700;font-size:1rem;color:var(--mst-text)}.mst-description{font-size:.85rem;color:var(--mst-text-secondary);max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mst-actions-wrapper{position:relative}.mst-action-btn{padding:.5rem;border-radius:.75rem;border:1px solid var(--mst-border);background:#fff;color:var(--mst-text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.mst-action-btn:hover{border-color:var(--mst-primary);color:var(--mst-primary);background:var(--mst-primary-light)}.mst-dropdown{position:absolute;right:0;top:calc(100% + .5rem);background:#fff;border:1px solid var(--mst-border);border-radius:1rem;box-shadow:0 20px 25px -5px #0003;z-index:1000;min-width:180px;padding:.625rem}.mst-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.75rem;font-size:.9rem;color:var(--mst-text);cursor:pointer;transition:all .2s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.mst-dropdown-item:hover{background:var(--mst-bg);color:var(--mst-primary)}.mst-dropdown-item.mst-danger{color:var(--mst-error)}.mst-dropdown-item.mst-danger:hover{background:#ef44440d}.mst-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:0 .5rem}.mst-pagination-left{display:flex;align-items:center;gap:2rem;font-size:.9rem;color:var(--mst-text-secondary)}.mst-page-size-selector{display:flex;align-items:center;gap:.75rem}.mst-page-size-select{padding:.4rem .75rem;border-radius:.625rem;border:1.5px solid var(--mst-primary-light);background-color:#fff;color:var(--mst-primary);font-weight:700;cursor:pointer;outline:none}.mst-pagination-pages{display:flex;gap:.5rem}.mst-page-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.75rem;border:1px solid var(--mst-border);background:#fff;color:var(--mst-text);font-weight:600;cursor:pointer;transition:all .2s}.mst-page-btn:hover:not(:disabled){border-color:var(--mst-primary);color:var(--mst-primary);background:var(--mst-primary-light)}.mst-page-btn.active{background:var(--mst-primary);color:#fff;border-color:var(--mst-primary);box-shadow:0 4px 12px #011d4c40}.mst-page-btn:disabled{opacity:.5;cursor:not-allowed}.mst-empty-state{padding:5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.mst-empty-icon{color:var(--mst-border);margin-bottom:1.5rem}@media(max-width:768px){.mst-header-premium{flex-direction:column;gap:1.5rem;align-items:flex-start;padding:1.5rem}.mst-filters-bar{flex-direction:column;align-items:stretch}}.merchant-settings-type-searchbar{display:flex;gap:12px;align-items:center}.merchant-settings-type-searchbar-input{flex:1;max-width:400px}.merchant-settings-search-input{width:300px}.merchant-settings-modal-section{display:flex;gap:16px;margin-bottom:16px}.merchant-settings-modal-section-column{flex:1}.merchant-settings-modal-preview{margin-top:16px;padding:12px;background-color:#f5f5f5;border-radius:4px}.merchant-settings-table-title{font-weight:500;margin-bottom:4px}.merchant-settings-table-description{font-size:12px}.merchant-settings-table-content{display:flex;flex-wrap:wrap;gap:4px}:root{--dp-paper: #F7F5EF;--dp-surface: #FFFFFF;--dp-navy: #111C33;--dp-navy-mid: #35507E;--dp-ink-soft: #5B6378;--dp-line: #E7E4DA;--dp-line-strong: #D4D0C2;--dp-gold: #C09A2E;--dp-gold-hover: #A9861F;--dp-gold-deep: #8C6D1F;--dp-gold-soft: #F6EFDA;--dp-danger: #B3372E;--dp-danger-soft: #F9E8E6;--dp-slate-soft: #EFECE3;--dp-radius: 10px;--dp-sans: "IBM Plex Sans", system-ui, sans-serif;--dp-mono: "IBM Plex Mono", ui-monospace, monospace;--prod-paper: var(--dp-paper);--prod-surface: var(--dp-surface);--prod-navy: var(--dp-navy);--prod-navy-mid: var(--dp-navy-mid);--prod-ink-soft: var(--dp-ink-soft);--prod-line: var(--dp-line);--prod-line-strong: var(--dp-line-strong);--prod-gold: var(--dp-gold);--prod-gold-hover: var(--dp-gold-hover);--prod-gold-deep: var(--dp-gold-deep);--prod-gold-soft: var(--dp-gold-soft);--prod-danger: var(--dp-danger);--prod-danger-soft: var(--dp-danger-soft);--prod-slate-soft: var(--dp-slate-soft);--prod-radius: var(--dp-radius);--prod-sans: var(--dp-sans);--prod-mono: var(--dp-mono)}.products-main{flex:1;min-width:0;font-family:var(--dp-sans);color:var(--dp-navy)}.products-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.products-crumbs{font-size:12px;color:var(--dp-ink-soft);margin-bottom:6px}.products-crumbs b{color:var(--dp-navy);font-weight:500}.products-page-head h1{font-size:24px;font-weight:700;color:var(--dp-navy);margin:0;letter-spacing:-.02em}.products-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--dp-line-strong);background:var(--dp-surface);color:var(--dp-navy);transition:background .15s,border-color .15s;cursor:pointer}.products-btn:hover{background:var(--dp-slate-soft)}.products-btn.primary{background:var(--dp-gold);border-color:var(--dp-gold);color:var(--dp-navy);font-weight:600}.products-btn.primary:hover{background:var(--dp-gold-hover);border-color:var(--dp-gold-hover)}.products-btn.danger{color:var(--dp-danger);border-color:var(--dp-danger)}.products-btn.danger:hover{background:var(--dp-danger-soft)}.products-panel{background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:var(--dp-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.products-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--dp-line);background:var(--dp-surface)}.products-search{display:flex;align-items:center;gap:8px;border:1px solid var(--dp-line-strong);border-radius:8px;padding:0 12px;height:38px;width:260px;max-width:100%;background:var(--dp-surface);color:var(--dp-ink-soft)}.products-search svg{width:15px;height:15px;color:var(--dp-ink-soft);flex-shrink:0}.products-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--dp-navy)}.products-search input::placeholder{color:#9aa0b0}.products-modern-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.products-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.products-product-cell{display:flex;align-items:center;gap:12px}.products-product-image-mini{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:8px;background:var(--dp-slate-soft);display:flex;align-items:center;justify-content:center;color:var(--dp-navy-mid);overflow:hidden;border:1px solid var(--dp-line);flex-shrink:0;font-size:14px;font-weight:700}.products-product-name{font-weight:600;font-size:13.5px;color:var(--dp-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:450px}.products-product-sub{font-size:11.5px;font-family:var(--dp-mono);color:var(--dp-ink-soft);margin-top:1px}.products-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:capitalize}.products-status-dot{width:6px;height:6px;border-radius:50%}.products-status-published{background:#e8f5e9;color:#2e7d32}.products-status-published .products-status-dot{background:#2e7d32}.products-status-draft{background:var(--dp-slate-soft);color:var(--dp-ink-soft)}.products-status-draft .products-status-dot{background:var(--dp-ink-soft)}.products-status-pending_approval{background:var(--dp-gold-soft);color:var(--dp-gold-deep)}.products-status-pending_approval .products-status-dot{background:var(--dp-gold-deep)}.products-status-archived{background:var(--dp-danger-soft);color:var(--dp-danger)}.products-status-archived .products-status-dot{background:var(--dp-danger)}.products-date-info{font-size:12.5px;font-family:var(--dp-mono);color:var(--dp-ink-soft)}.products-dropdown{position:absolute;right:0;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:170px;padding:.4rem}.products-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--dp-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.products-dropdown-item:hover{background:var(--dp-paper)}.products-dropdown-item.danger{color:var(--dp-danger)}.products-dropdown-item.danger:hover{background:var(--dp-danger-soft)}.products-dropdown-divider{height:1px;background:var(--dp-line);margin:.35rem 0}.products-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--dp-line);flex-wrap:wrap;background:#fff}.products-foot-info{font-size:12.5px;color:var(--dp-ink-soft)}.products-foot-info b{font-family:var(--dp-mono);color:var(--dp-navy);font-weight:600}.products-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--dp-ink-soft)}.products-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--dp-line-strong);background-color:var(--dp-surface);color:var(--dp-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.products-pager{display:flex;gap:4px;align-items:center}.products-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--dp-mono);font-size:12.5px;color:var(--dp-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.products-page-btn:hover:not(:disabled){background:var(--dp-slate-soft);color:var(--dp-navy)}.products-page-btn.current{background:var(--dp-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--dp-gold)}.products-page-btn:disabled{opacity:.35;cursor:default}.products-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:prod-skeleton-loading 1.5s infinite;border-radius:6px}@keyframes prod-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.faq-searchbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.faq-searchbar-input{width:220px}.faq-add-button{display:flex;align-items:center;gap:8px}.faq-tabs{margin-bottom:16px}.faq-table-question{font-weight:500}.faq-table-question-ar{font-weight:500;direction:rtl;text-align:right}.faq-table-status-space{display:flex;align-items:center;gap:8px}.faq-table-actions{display:flex;gap:4px}.faq-form-container{position:relative;padding-top:4px}.faq-form-row{display:flex;gap:16px;width:100%}.faq-form-row .faq-form-group{flex:1;min-width:0}.faq-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.faq-form-label{font-size:12.5px;font-weight:600;color:var(--dp-navy, #111C33)}.faq-form-label .required{color:var(--dp-danger, #B3372E);margin-left:3px}.faq-form-input,.faq-form-select,.faq-form-textarea{width:100%;padding:9px 13px;border-radius:8px;border:1px solid var(--dp-line-strong, #D4D0C2);background:var(--dp-surface, #FFFFFF);color:var(--dp-navy, #111C33);font-size:13.5px;font-family:var(--dp-sans);outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.faq-form-input:focus,.faq-form-select:focus,.faq-form-textarea:focus{border-color:var(--dp-gold, #C09A2E);box-shadow:0 0 0 3px #c09a2e26}.faq-form-input.has-error,.faq-form-select.has-error,.faq-form-textarea.has-error{border-color:var(--dp-danger, #B3372E)}.faq-form-error-msg{font-size:11.5px;color:var(--dp-danger, #B3372E);margin-top:2px}.faq-form-field{margin-bottom:16px}.faq-form-textarea{min-height:100px}.faq-form-input-rtl{direction:rtl;text-align:right}.faq-form-treeselect{width:100%}.faq-form-treeselect-popup .ant-select-dropdown{max-height:400px;overflow:auto}.faq-form-modal-footer{display:flex;justify-content:flex-end;gap:10px;width:100%}.faq-preview-modal-title{display:flex;align-items:center;gap:12px}.faq-preview-modal-title-icon{width:34px;height:34px;border-radius:8px;background:#c09a2e33;color:var(--dp-gold, #C09A2E);display:flex;align-items:center;justify-content:center}.faq-preview-modal-title-text{font-size:17px;font-weight:700;color:#fff}.faq-preview-modal-title-id{font-size:11px;color:#f6efda;opacity:.8;font-family:var(--dp-mono, monospace)}.faq-preview-modal-body{display:flex;flex-direction:column;gap:20px}.faq-preview-info-card{background:var(--dp-paper, #F7F5EF);border:1px solid var(--dp-line, #E7E4DA);border-radius:10px;padding:16px 20px}.faq-preview-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.faq-preview-card-title{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--dp-navy-mid, #35507E)}.faq-preview-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 20px;font-size:13px}.faq-preview-info-item{display:flex;flex-direction:column;gap:2px}.faq-preview-info-label{font-size:11px;color:var(--dp-ink-soft, #5B6378);display:flex;align-items:center;gap:5px}.faq-preview-info-value{font-weight:600;color:var(--dp-navy, #111C33)}.faq-preview-info-value.capitalize{text-transform:capitalize}.faq-preview-info-value-mono{font-family:var(--dp-mono, monospace);font-size:12px;color:var(--dp-navy, #111C33)}.faq-preview-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.faq-preview-lang-tabs{display:flex;gap:4px;background:#efece3;padding:3px;border-radius:8px}.faq-preview-lang-tab{padding:4px 12px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer;background:transparent;color:var(--dp-ink-soft, #5B6378);box-shadow:none;transition:all .15s ease}.faq-preview-lang-tab.active{background:#fff;color:var(--dp-navy, #111C33);box-shadow:0 1px 3px #0000001a}.faq-preview-content-body{display:flex;flex-direction:column;gap:14px}.faq-preview-field-label{font-size:11px;font-weight:700;color:var(--dp-ink-soft, #5B6378);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.faq-preview-field-label.rtl{text-align:right}.faq-preview-question-box{font-size:14px;font-weight:600;color:var(--dp-navy, #111C33);padding:12px 16px;background:#fff;border-radius:8px;border:1px solid var(--dp-line, #E7E4DA)}.faq-preview-question-box.rtl{direction:rtl;text-align:right}.faq-preview-header{margin-bottom:16px}.faq-preview-status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.faq-preview-status-left{display:flex;align-items:center;gap:8px}.faq-preview-status-right{text-align:right;color:#666}.faq-preview-card,.faq-preview-section{margin-bottom:16px}.faq-preview-question-en{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:8px}.faq-preview-question-ar{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:8px;direction:rtl;text-align:right}.faq-preview-answer{padding:16px;background:#fff;border-radius:8px;line-height:1.6;color:var(--dp-navy, #111C33);border:1px solid var(--dp-line, #E7E4DA);border-left:4px solid var(--dp-gold, #C09A2E);font-size:14px}.faq-preview-answer-ar{padding:16px;background:#fff;border-radius:8px;line-height:1.6;color:var(--dp-navy, #111C33);direction:rtl;text-align:right;border:1px solid var(--dp-line, #E7E4DA);border-right:4px solid var(--dp-gold, #C09A2E);font-size:14px}.faq-preview-answer-empty{padding:16px;background:#f3f4f6;border-radius:8px;color:#9ca3af;font-style:italic;text-align:center}.faq-preview-meta-section{margin-top:16px}.faq-preview-meta-item{margin-bottom:8px}.faq-preview-meta-label{font-weight:600;color:#374151;margin-right:8px}.faq-preview-meta-value{color:#6b7280}.faq-preview-timestamps{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid #e5e7eb;margin-top:16px}.faq-preview-timestamp{display:flex;flex-direction:column;align-items:center;color:#6b7280;font-size:12px}.faq-preview-timestamp-label{font-weight:500;margin-bottom:4px}.faq-preview-timestamp-value{color:#9ca3af}@media(max-width:768px){.faq-searchbar{flex-direction:column;align-items:stretch}.faq-searchbar-input{width:100%}.faq-table-actions{flex-direction:column;gap:2px}.faq-preview-status-row{flex-direction:column;align-items:flex-start;gap:8px}.faq-preview-status-right{text-align:left}.faq-preview-timestamps{flex-direction:column;gap:12px}}.media-library-main-card{margin-bottom:24px}.media-library-content-wrapper{width:100%}.media-library-actions-col{display:flex;justify-content:flex-end;align-items:center}.media-library-filters-section{margin-top:16px}.media-library-filters-list{margin-top:8px}.filter-tag{background:#f0f0f0;padding:4px 8px;border-radius:4px;font-size:12px}.media-library-divider{margin:12px 0}.media-library-error-alert{margin-bottom:24px}.media-library-tabs{margin-bottom:16px}.media-library-grid-container{position:relative;min-height:200px}.media-library-loading-container{display:flex;justify-content:center;padding:32px 0}.media-library-empty-state{text-align:center;padding:48px 24px}.media-library-empty-text{font-size:16px}.media-library-pagination-container{display:flex;justify-content:center;margin-top:24px;padding:16px 0}.media-library-pagination-container .ant-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.media-library-batch-actions{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:10;box-shadow:0 -2px 8px #00000026}@media(max-width:768px){.media-library-actions-col{justify-content:flex-start;margin-top:8px}.media-library-filters-section{margin-top:12px}.media-library-empty-state{padding:32px 16px}.media-library-pagination-container{padding:12px 8px}.media-library-pagination-container .ant-pagination{gap:4px}}.discount-page-container{padding:24px}.discount-main-card{border-radius:4px}.discount-page-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.discount-breadcrumb{margin-bottom:0}.discount-header-actions{display:flex;align-items:center;gap:8px}.discount-search-container{display:flex;gap:8px;align-items:center}.discount-search-input{width:220px}.discount-search-select{width:150px}.discount-date-picker{min-width:240px}.discount-date-picker-label,.discount-refresh-button{margin-left:8px}.discount-tabs{margin-bottom:0}.discount-tab-count{color:#888}.discount-stats-row{margin-bottom:24px}.discount-stat-blue .ant-statistic-content-value{color:#1890ff!important}.discount-stat-green .ant-statistic-content-value{color:#52c41a!important}.discount-stat-orange .ant-statistic-content-value{color:#faad14!important}.discount-stat-red .ant-statistic-content-value{color:#ff4d4f!important}.discount-divider{border-bottom:1px solid #f0f0f0;margin:16px 0}.discount-tabs-section{margin-bottom:16px}.discount-status-tag{font-size:11px}.discount-text-secondary-12{font-size:12px}.discount-text-strong-16{font-size:16px;font-weight:600}.discount-text-secondary-11{font-size:11px}.discount-text-12{font-size:12px}.discount-text-11,.time-status-tag{font-size:11px}.description-text{font-size:12px}.value-text{font-size:16px;font-weight:600}.max-value-text{font-size:11px}.schedule-text,.usage-text{font-size:12px}.total-given-text,.contribution-text{font-size:11px}.action-button,.discount-action-button{padding:4px}.discount-activate-icon{color:#52c41a}.discount-pause-icon,.discount-clone-icon{color:#faad14}.discount-modal-section{background:#fafafa;padding:16px;border-radius:6px;margin-bottom:16px}.discount-modal-section-title{margin-bottom:16px;color:#262626;font-size:16px;font-weight:600}.discount-form-full-width{width:100%}.discount-form-actions{text-align:right;margin-top:16px}.discount-form-input{width:100%}.discount-form-section{background:#fafafa;padding:16px;border-radius:6px;margin-bottom:16px}.discount-form-section-title{margin-bottom:16px;color:#262626;font-size:16px;font-weight:600}.discount-form-actions-container{text-align:right;margin-top:16px}@media(max-width:768px){.discount-page-header,.discount-search-container{flex-direction:column;align-items:stretch}.discount-search-input,.discount-search-select{width:100%}.discount-header-actions{justify-content:center}}.banner-upload-container{border:1px dashed #d9d9d9;border-radius:8px;padding:8px;min-height:120px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#fafafa;transition:border-color .3s}.banner-upload-container:hover{border-color:#1890ff}.banner-preview{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.banner-preview img{max-width:100%;max-height:110px;object-fit:contain}.banner-preview .remove-btn{position:absolute;top:4px;right:4px;background:#fffc;border-radius:50%;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.upload-trigger-btn{height:100%;border:none!important;background:transparent!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}:root{--brand-primary: #011d4c;--brand-primary-hover: #0c2d78;--brand-success: #22c55e;--brand-success-hover: #16a34a;--brand-warning: #f59e0b;--brand-danger: #ef4444;--brand-danger-hover: #dc2626;--brand-info: #3b82f6;--brand-bg: #f8fafc;--brand-card-bg: #ffffff;--brand-border: #e2e8f0;--brand-text-main: #0f172a;--brand-text-secondary: #64748b;--brand-shadow: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--brand-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--navy-deep: #0f2042;--navy-dark: #1b263b;--navy-medium: #415a77;--navy-light: #f1f5f9;--navy-slate: #1e293b;--gold-metallic: #d4af37;--gold-primary: #caa03c;--gold-deep: #a88118;--gold-light: #fefcf3;--gold-border: #ebd69a}.details-wrapper{padding:1.5rem;background-color:var(--brand-bg);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--brand-text-main)}.details-nav-header{display:flex;flex-direction:column;margin-bottom:1.5rem;gap:.5rem}.details-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--brand-text-secondary)}.details-breadcrumb-item{font-weight:500}.details-breadcrumb-separator{color:var(--brand-border)}.details-back-action{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;flex-wrap:wrap;gap:1rem}.custom-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--brand-card-bg);border:1px solid var(--brand-border);border-radius:.5rem;color:var(--brand-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.custom-back-btn:hover{color:var(--brand-primary);border-color:var(--brand-primary);background:#f1f5f9}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.status-pending{background-color:#f59e0b1a;color:var(--brand-warning);border:1px solid rgba(245,158,11,.2)}.status-approved{background-color:#22c55e1a;color:var(--brand-success);border:1px solid rgba(34,197,94,.2)}.status-rejected{background-color:#ef44441a;color:var(--brand-danger);border:1px solid rgba(239,68,68,.2)}.details-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;align-items:start}@media(max-width:1024px){.details-main-grid{grid-template-columns:1fr}}.details-card{background:var(--brand-card-bg);border-radius:.75rem;border:1px solid var(--brand-border);box-shadow:var(--brand-shadow);padding:1.5rem;margin-bottom:1.5rem}.details-card-title{font-size:1.1rem;font-weight:700;margin:0 0 1.25rem;display:flex;align-items:center;gap:.625rem;color:var(--brand-primary);border-bottom:1px solid var(--brand-border);padding-bottom:.75rem}.discount-hero{display:flex;gap:1.5rem;align-items:flex-start}@media(max-width:640px){.discount-hero{flex-direction:column}}.discount-img-container{width:120px;height:120px;background:#f1f5f9;border-radius:.5rem;overflow:hidden;border:1px solid var(--brand-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.discount-img{width:100%;height:100%;object-fit:cover}.discount-placeholder-icon{font-size:3rem;color:var(--brand-border)}.discount-meta{flex:1}.discount-title{font-size:1.4rem;font-weight:800;color:var(--brand-text-main);margin:0 0 .5rem}.discount-badge-type{display:inline-block;padding:.25rem .625rem;background-color:var(--brand-primary);color:#fff;font-size:.75rem;font-weight:700;border-radius:.375rem;margin-bottom:.75rem}.discount-description{font-size:.925rem;line-height:1.6;color:var(--brand-text-secondary);margin:0 0 1rem}.info-field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(max-width:640px){.info-field-grid{grid-template-columns:1fr}}.info-field-box{display:flex;flex-direction:column;gap:.25rem}.info-field-label{font-size:.75rem;font-weight:600;color:var(--brand-text-secondary);text-transform:uppercase;letter-spacing:.05em}.info-field-value{font-size:.95rem;font-weight:600;color:var(--brand-text-main)}.custom-table-container{overflow-x:auto;border-radius:.5rem;border:1px solid var(--brand-border)}.custom-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.custom-data-table th{background-color:#f8fafc;padding:.75rem 1rem;font-weight:700;color:var(--brand-text-secondary);border-bottom:1px solid var(--brand-border)}.custom-data-table td{padding:.85rem 1rem;border-bottom:1px solid var(--brand-border);vertical-align:middle}.custom-data-table tr:last-child td{border-bottom:none}.table-product-cell{display:flex;align-items:center;gap:.75rem}.table-product-img{width:40px;height:40px;object-fit:cover;border-radius:.375rem;background:#f1f5f9;border:1px solid var(--brand-border)}.sidebar-list{display:flex;flex-direction:column;gap:1rem}.sidebar-item{display:flex;align-items:flex-start;gap:.75rem}.sidebar-icon-wrapper{margin-top:.15rem;color:var(--brand-primary);flex-shrink:0}.sidebar-content{display:flex;flex-direction:column;gap:.15rem}.sidebar-label{font-size:.75rem;font-weight:600;color:var(--brand-text-secondary);text-transform:uppercase}.sidebar-value{font-size:.9rem;font-weight:600;color:var(--brand-text-main);word-break:break-all}.action-box{display:flex;flex-direction:column;gap:1rem;background-color:#f8fafc;padding:1.25rem;border-radius:.5rem;border:1px dashed var(--brand-border)}.custom-textarea{width:100%;min-height:80px;padding:.75rem;border-radius:.375rem;border:1px solid var(--brand-border);font-family:inherit;font-size:.875rem;resize:vertical;outline:none;transition:border-color .2s}.custom-textarea:focus{border-color:var(--brand-primary)}.custom-input{width:100%;padding:.625rem .75rem;border-radius:.375rem;border:1px solid var(--brand-border);font-family:inherit;font-size:.875rem;outline:none;transition:border-color .2s}.custom-input:focus{border-color:var(--brand-primary)}.action-buttons-row{display:flex;gap:.75rem}.custom-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;border-radius:.375rem;border:1px solid transparent;cursor:pointer;transition:all .2s}.custom-btn-primary{background-color:var(--brand-primary);color:#fff}.custom-btn-primary:hover:not(:disabled){background-color:var(--brand-primary-hover)}.custom-btn-success{background-color:var(--brand-success);color:#fff}.custom-btn-success:hover:not(:disabled){background-color:var(--brand-success-hover)}.custom-btn-danger{background-color:var(--brand-danger);color:#fff}.custom-btn-danger:hover:not(:disabled){background-color:var(--brand-danger-hover)}.custom-btn-secondary{background-color:#fff;border-color:var(--brand-border);color:var(--brand-text-secondary)}.custom-btn-secondary:hover:not(:disabled){background-color:#f1f5f9;color:var(--brand-text-main)}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.custom-modal{background:#fff;width:100%;max-width:500px;border-radius:.75rem;box-shadow:var(--brand-shadow-lg);border:1px solid var(--brand-border);overflow:hidden}.custom-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--brand-border)}.custom-modal-title{font-size:1.1rem;font-weight:700;color:var(--brand-text-main);margin:0}.custom-modal-close{background:none;border:none;cursor:pointer;color:var(--brand-text-secondary);display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.25rem}.custom-modal-close:hover{background-color:#f1f5f9;color:var(--brand-text-main)}.custom-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.custom-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--brand-border);background-color:#f8fafc}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.8rem;font-weight:700;color:var(--brand-text-secondary);text-transform:uppercase}.custom-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}.custom-loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.discount-applications-header-premium{background:linear-gradient(135deg,var(--gold-metallic) 0%,var(--gold-primary) 100%);padding:1.25rem 2rem;border-radius:1.25rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;gap:1.5rem;flex-wrap:wrap;box-shadow:0 10px 25px -5px #d4af374d;position:relative;overflow:hidden;color:var(--navy-deep)}.discount-applications-header-premium:before{content:"";position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:#ffffff1f;border-radius:50%;pointer-events:none}.discount-applications-title-section{position:relative;z-index:1;display:flex;flex-direction:column}.discount-applications-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-bottom:.35rem}.discount-applications-breadcrumb-item{color:#0f2042b3;font-weight:500;transition:color .2s;cursor:pointer}.discount-applications-breadcrumb-item.active{color:var(--navy-deep);font-weight:700}.discount-applications-breadcrumb-separator{color:#0f204266;font-size:.8rem;-webkit-user-select:none;user-select:none}.discount-applications-title{font-size:1.875rem;font-weight:800;color:var(--navy-deep);margin:0;letter-spacing:-.025em}.discount-applications-subtitle{color:#0f2042d9;font-size:.95rem;font-weight:500;margin-top:.25rem}.discount-applications-header-actions{position:relative;z-index:1;display:flex;gap:1rem;align-items:center}.discount-applications-back-button{display:flex;align-items:center;gap:.5rem;background:var(--navy-deep);color:#fff;padding:.625rem 1.25rem;border-radius:.75rem;border:none;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0f204233}.discount-applications-back-button:hover{background:var(--navy-dark);transform:translateY(-1px);box-shadow:0 6px 12px #0f20424d}:root{--dp-paper: #F7F5EF;--dp-surface: #FFFFFF;--dp-navy: #111C33;--dp-navy-mid: #35507E;--dp-ink-soft: #5B6378;--dp-line: #E7E4DA;--dp-line-strong: #D4D0C2;--dp-gold: #C09A2E;--dp-gold-hover: #A9861F;--dp-gold-deep: #8C6D1F;--dp-gold-soft: #F6EFDA;--dp-danger: #B3372E;--dp-danger-soft: #F9E8E6;--dp-slate-soft: #EFECE3;--dp-radius: 10px;--dp-sans: "IBM Plex Sans", system-ui, sans-serif;--dp-mono: "IBM Plex Mono", ui-monospace, monospace;--mp-paper: var(--dp-paper);--mp-surface: var(--dp-surface);--mp-navy: var(--dp-navy);--mp-navy-mid: var(--dp-navy-mid);--mp-ink-soft: var(--dp-ink-soft);--mp-line: var(--dp-line);--mp-line-strong: var(--dp-line-strong);--mp-gold: var(--dp-gold);--mp-gold-hover: var(--dp-gold-hover);--mp-gold-deep: var(--dp-gold-deep);--mp-gold-soft: var(--dp-gold-soft);--mp-danger: var(--dp-danger);--mp-danger-soft: var(--dp-danger-soft);--mp-slate-soft: var(--dp-slate-soft);--mp-radius: var(--dp-radius);--mp-sans: var(--dp-sans);--mp-mono: var(--dp-mono)}.merchant-profiles-main{flex:1;min-width:0;font-family:var(--dp-sans);color:var(--dp-navy)}.merchant-profiles-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.merchant-profiles-crumbs{font-size:12px;color:var(--dp-ink-soft);margin-bottom:6px}.merchant-profiles-crumbs b{color:var(--dp-navy);font-weight:500}.merchant-profiles-page-head h1{font-size:24px;font-weight:700;color:var(--dp-navy);margin:0;letter-spacing:-.02em}.merchant-profiles-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--dp-line-strong);background:var(--dp-surface);color:var(--dp-navy);transition:background .15s,border-color .15s;cursor:pointer}.merchant-profiles-btn:hover{background:var(--dp-slate-soft)}.merchant-profiles-btn.primary{background:var(--dp-gold);border-color:var(--dp-gold);color:var(--dp-navy);font-weight:600}.merchant-profiles-btn.primary:hover{background:var(--dp-gold-hover);border-color:var(--dp-gold-hover)}.merchant-profiles-btn.danger{color:var(--dp-danger);border-color:var(--dp-danger)}.merchant-profiles-btn.danger:hover{background:var(--dp-danger-soft)}.merchant-profiles-panel{background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:var(--dp-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.merchant-profiles-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--dp-line);background:var(--dp-surface)}.merchant-profiles-search{display:flex;align-items:center;gap:8px;border:1px solid var(--dp-line-strong);border-radius:8px;padding:0 12px;height:38px;width:280px;max-width:100%;background:var(--dp-surface);color:var(--dp-ink-soft)}.merchant-profiles-search svg{width:15px;height:15px;color:var(--dp-ink-soft);flex-shrink:0}.merchant-profiles-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--dp-navy)}.merchant-profiles-search input::placeholder{color:#9aa0b0}.merchant-profiles-modern-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.merchant-profiles-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.business-cell{display:flex;align-items:center;gap:12px}.business-logo{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;border-radius:8px;object-fit:cover;border:1px solid var(--dp-line);flex-shrink:0}.logo-placeholder{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;border-radius:8px;background:var(--dp-slate-soft);display:flex;align-items:center;justify-content:center;color:var(--dp-navy-mid);overflow:hidden;border:1px solid var(--dp-line);flex-shrink:0}.business-name{font-weight:600;font-size:13.5px;color:var(--dp-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merchant-sub{font-size:11.5px;font-family:var(--dp-sans);color:var(--dp-ink-soft);margin-top:1px}.merchant-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase}.merchant-status-dot{width:6px;height:6px;border-radius:50%}.merchant-status-badge.approved{background:#e8f5e9;color:#2e7d32}.merchant-status-badge.approved .merchant-status-dot{background:#2e7d32}.merchant-status-badge.pending{background:#fff8e1;color:#f57f17}.merchant-status-badge.pending .merchant-status-dot{background:#f57f17}.merchant-status-badge.rejected,.merchant-status-badge.suspended{background:var(--dp-danger-soft);color:var(--dp-danger)}.merchant-status-badge.rejected .merchant-status-dot,.merchant-status-badge.suspended .merchant-status-dot{background:var(--dp-danger)}.completion-wrapper{min-width:110px}.progress-bg{height:6px;background:var(--dp-slate-soft);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.merchant-profiles-dropdown{position:absolute;right:0;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:180px;padding:.4rem}.merchant-profiles-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--dp-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.merchant-profiles-dropdown-item:hover{background:var(--dp-paper)}.merchant-profiles-dropdown-item.success{color:#2e7d32}.merchant-profiles-dropdown-item.success:hover{background:#e8f5e9}.merchant-profiles-dropdown-item.danger{color:var(--dp-danger)}.merchant-profiles-dropdown-item.danger:hover{background:var(--dp-danger-soft)}.merchant-profiles-dropdown-divider{height:1px;background:var(--dp-line);margin:.35rem 0}.merchant-profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.85rem;padding:1rem;background:var(--dp-paper)}@media(min-width:1200px){.merchant-profiles-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.merchant-profiles-card{position:relative;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:10px;padding:.85rem;display:flex;flex-direction:column;box-shadow:0 2px 4px #111c330a;transition:all .25s cubic-bezier(.2,0,0,1);overflow:hidden}.merchant-profiles-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dp-navy) 0%,var(--dp-gold) 100%);opacity:0;transition:opacity .25s ease}.merchant-profiles-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px -3px #111c331a;border-color:var(--dp-line-strong)}.merchant-profiles-card:hover:before{opacity:1}.merchant-profiles-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;gap:.5rem}.merchant-profiles-card .card-logo-wrapper{flex-shrink:0}.merchant-profiles-card .card-logo{width:40px;height:40px;border-radius:8px;object-fit:cover;border:1px solid var(--dp-line);box-shadow:0 2px 4px #0000000d}.merchant-profiles-card .card-logo-placeholder{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--dp-slate-soft) 0%,#E2DFD5 100%);display:flex;align-items:center;justify-content:center;color:var(--dp-navy-mid);border:1px solid var(--dp-line)}.merchant-profiles-card .card-header-actions{display:flex;align-items:center;gap:.35rem}.merchant-profiles-card .card-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--dp-ink-soft);cursor:pointer;transition:all .15s ease}.merchant-profiles-card .card-menu-btn:hover,.merchant-profiles-card .card-menu-btn.active{background:var(--dp-slate-soft);color:var(--dp-navy);border-color:var(--dp-line-strong)}.merchant-profiles-card .card-content{flex:1;display:flex;flex-direction:column}.merchant-profiles-card .card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.35rem;margin-bottom:.5rem}.merchant-profiles-card .card-business-name{font-size:13.5px;font-weight:700;color:var(--dp-navy);margin:0;letter-spacing:-.01em;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.merchant-profiles-card .card-type-chip{display:inline-block;font-size:9.5px;font-weight:600;padding:1px 5px;border-radius:4px;background:var(--dp-slate-soft);color:var(--dp-navy-mid);white-space:nowrap;flex-shrink:0;text-transform:capitalize}.merchant-profiles-card .card-owner-info{display:flex;flex-direction:column;gap:3px;padding:6px 8px;background:#f7f5efb3;border:1px solid var(--dp-line);border-radius:6px;margin-bottom:.6rem}.merchant-profiles-card .owner-row{display:flex;align-items:center;gap:5px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merchant-profiles-card .owner-icon{color:var(--dp-gold-deep);flex-shrink:0}.merchant-profiles-card .owner-name{font-weight:600;color:var(--dp-navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merchant-profiles-card .owner-email{color:var(--dp-ink-soft);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merchant-profiles-card .card-meta{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;color:var(--dp-ink-soft);margin-bottom:.6rem;padding:4px 0;border-top:1px solid var(--dp-line);border-bottom:1px solid var(--dp-line)}.merchant-profiles-card .meta-item{display:flex;align-items:center;gap:4px;font-weight:500}.merchant-profiles-card .meta-item svg{color:var(--dp-navy-mid)}.merchant-profiles-card .completion-wrapper{margin-top:auto}.merchant-profiles-card .completion-header{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;margin-bottom:4px}.merchant-profiles-card .completion-title{color:var(--dp-ink-soft);font-weight:600}.merchant-profiles-card .completion-badge{font-size:10.5px;font-weight:700;color:var(--dp-navy);font-family:var(--dp-mono)}.merchant-profiles-card .completion-badge.complete{color:#2e7d32}.merchant-profiles-card .card-footer{display:flex;gap:.4rem;align-items:center;margin-top:.65rem;padding-top:.6rem;border-top:1px solid var(--dp-line)}.merchant-profiles-card .card-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:30px;border-radius:6px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.merchant-profiles-card .card-action-btn.primary{background:var(--dp-navy);color:#fff;border-color:var(--dp-navy)}.merchant-profiles-card .card-action-btn.primary:hover{background:var(--dp-navy-mid);border-color:var(--dp-navy-mid);box-shadow:0 2px 6px #111c3333}.merchant-profiles-card .card-action-btn.secondary{background:var(--dp-surface);color:var(--dp-navy);border-color:var(--dp-line-strong)}.merchant-profiles-card .card-action-btn.secondary:hover{background:var(--dp-slate-soft);border-color:var(--dp-navy-mid)}.merchant-profiles-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--dp-line);flex-wrap:wrap;background:#fff}.merchant-profiles-foot-info{font-size:12.5px;color:var(--dp-ink-soft)}.merchant-profiles-foot-info b{font-family:var(--dp-mono);color:var(--dp-navy);font-weight:600}.merchant-profiles-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--dp-ink-soft)}.merchant-profiles-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--dp-line-strong);background-color:var(--dp-surface);color:var(--dp-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.merchant-profiles-pager{display:flex;gap:4px;align-items:center}.merchant-profiles-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--dp-mono);font-size:12.5px;color:var(--dp-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.merchant-profiles-page-btn:hover:not(:disabled){background:var(--dp-slate-soft);color:var(--dp-navy)}.merchant-profiles-page-btn.current{background:var(--dp-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--dp-gold)}.merchant-profiles-page-btn:disabled{opacity:.35;cursor:default}.merchant-profiles-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:merchant-profiles-skeleton-loading 1.5s infinite;border-radius:6px}@keyframes merchant-profiles-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.merchant-page-container{padding:24px}.merchant-header-card{border-radius:4px;margin-bottom:16px}.merchant-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;flex-wrap:wrap;gap:8px}.merchant-breadcrumb{margin-bottom:0}.merchant-form{margin-top:24px}.merchant-card{margin-bottom:24px}.merchant-preview-header{display:flex;align-items:center;gap:8px}.merchant-preview-logo{width:40px;height:40px;border-radius:4px}.merchant-preview-title{font-size:16px;font-weight:500}.merchant-preview-content{max-height:70vh;overflow-y:auto}.merchant-business-cell{display:flex;align-items:center;gap:8px}.merchant-logo{width:40px;height:40px;object-fit:contain;border-radius:6px;background:#f5f5f5;border:1px solid #eee}.merchant-logo-fallback{width:40px;height:40px;border-radius:6px;background:#f5f5f5;border:1px solid #eee;display:flex;align-items:center;justify-content:center;font-size:10px;color:#bbb}.merchant-business-name{font-weight:500}.merchant-action-buttons{display:flex;gap:4px}.merchant-action-button{padding:4px}.merchant-document-preview{width:200px;height:150px;object-fit:cover;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer}.merchant-document-fallback{width:200px;height:150px;border:1px solid #d9d9d9;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:#fafafa;cursor:pointer;flex-direction:column}.merchant-document-icon{font-size:40px;margin-bottom:8px}.merchant-document-label{font-size:12px}.merchant-search-container{display:flex;gap:8px;flex-wrap:wrap}.merchant-tabs{margin-bottom:16px}.merchant-metrics{text-align:center}.merchant-metric-value{font-size:24px;font-weight:500}.merchant-metric-label{color:#666}.status-approved{color:#52c41a}.status-rejected{color:#ff4d4f}.status-pending{color:#faad14}.status-suspended{color:#722ed1}.merchant-upload-area{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.merchant-image-preview{position:relative}.merchant-image{width:120px;height:120px;object-fit:cover;border-radius:8px}.merchant-image-primary{border:2px solid #1890ff}.merchant-image-badge{position:absolute;top:4px;left:4px;background:#1890ff;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px}.merchant-image-actions{position:absolute;bottom:4px;left:4px;display:flex;flex-direction:column;gap:2px}.merchant-image-action-btn{background:#ffffffe6;border:1px solid #d9d9d9;border-radius:4px;width:24px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;font-size:12px}.merchant-image-remove{position:absolute;top:4px;right:4px;background:#ffffffe6;border:1px solid #ff4d4f;border-radius:50%;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;z-index:10}.merchant-variant-card{margin-bottom:16px;padding:16px;border:1px solid #f0f0f0;border-radius:8px}.merchant-variant-header{display:flex;align-items:center;gap:8px}.merchant-spec-row{margin-bottom:16px;padding:16px;border:1px solid #f0f0f0;border-radius:8px}.merchant-service-card{margin-bottom:16px}.merchant-service-switches{display:flex;gap:8px}.merchant-service-switch{margin-bottom:8px}.merchant-service-switch-label{font-size:12px}:root{--paper: #F7F5EF;--surface: #FFFFFF;--navy: #111C33;--navy-mid: #35507E;--ink-soft: #5B6378;--line: #E7E4DA;--line-strong: #D4D0C2;--gold: #C09A2E;--gold-hover: #A9861F;--gold-deep: #8C6D1F;--gold-soft: #F6EFDA;--danger: #B3372E;--danger-soft: #F9E8E6;--slate-soft: #EFECE3;--radius: 10px;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}.merchant-products-main{flex:1;min-width:0;font-family:var(--sans);color:var(--navy)}.merchant-products-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.merchant-products-crumbs{font-size:12px;color:var(--ink-soft);margin-bottom:6px}.merchant-products-crumbs b{color:var(--navy);font-weight:500}.merchant-products-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--line-strong);background:var(--surface);color:var(--navy);transition:background .15s,border-color .15s;cursor:pointer}.merchant-products-btn:hover{background:var(--slate-soft)}.merchant-products-btn.primary{background:var(--gold);border-color:var(--gold);color:var(--navy);font-weight:600}.merchant-products-btn.primary:hover{background:var(--gold-hover);border-color:var(--gold-hover)}.merchant-products-btn.danger{color:var(--danger);border-color:var(--danger)}.merchant-products-btn.danger:hover{background:var(--danger-soft)}.merchant-products-btn-secondary{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--line-strong);background:var(--surface);color:var(--navy);transition:background .15s,border-color .15s;cursor:pointer}.merchant-products-btn-secondary:hover{background:var(--slate-soft)}.merchant-products-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.merchant-products-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.merchant-products-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:8px;padding:0 12px;height:38px;width:320px;max-width:100%;background:var(--surface);color:var(--ink-soft)}.merchant-products-search svg{width:15px;height:15px;color:var(--ink-soft);flex-shrink:0}.merchant-products-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--navy)}.merchant-products-search input::placeholder{color:#9aa0b0}.merchant-products-modern-controls{display:flex;gap:10px;align-items:center}.merchant-products-filter-dropdown-wrapper{position:relative}.merchant-products-filter-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.5rem;box-shadow:0 10px 25px -5px #111c3326;z-index:100;min-width:180px}.merchant-products-filter-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:6px;font-size:13px;color:var(--navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.merchant-products-filter-option:hover{background:var(--paper)}.merchant-products-filter-option.active{background:var(--gold-soft);color:var(--gold-deep);font-weight:600}.merchant-products-option-icon{display:flex;align-items:center;color:var(--ink-soft)}.merchant-products-filter-option.active .merchant-products-option-icon{color:var(--gold-deep)}.merchant-products-check-icon{margin-left:auto;color:var(--gold-deep)}.merchant-products-view-toggle{display:flex;background:var(--slate-soft);padding:4px;border-radius:8px;border:none;height:38px;align-items:center;gap:2px;box-sizing:border-box}.view-toggle-btn{width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.view-toggle-btn:hover:not(.active){color:var(--navy)}.view-toggle-btn.active{background:var(--surface);color:var(--gold)!important;box-shadow:0 1px 2px #111c331a;border:none}.merchant-products-product-cell{display:flex;align-items:center;gap:12px}.merchant-products-product-thumbnail{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--paper);border:1px solid var(--line)}.merchant-products-thumbnail-placeholder{width:44px;height:44px;border-radius:8px;background:var(--slate-soft);display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}.merchant-products-product-info-text{display:flex;flex-direction:column}.merchant-products-product-name{font-weight:600;font-size:13.5px;color:var(--navy);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merchant-products-merchant-name-cell{font-size:13px;color:var(--navy);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merchant-products-category-cell,.merchant-products-brand-cell{font-size:13px;color:var(--navy);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merchant-products-type-tag{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;display:inline-block;width:fit-content}.merchant-products-type-simple{background:var(--slate-soft);color:var(--navy-mid)}.merchant-products-type-variable{background:var(--gold-soft);color:var(--gold-deep);cursor:pointer;border:1px solid rgba(192,154,46,.15)}.merchant-products-type-combo{background:#e8f5e9;color:#2e7d32}.merchant-products-stock-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;display:inline-block}.merchant-products-stock-badge.merchant-products-instock{background:#e8f5e9;color:#2e7d32}.merchant-products-stock-badge.merchant-products-outofstock{background:var(--danger-soft);color:var(--danger)}.merchant-products-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px}.merchant-products-status-approved{background:#e8f5e9;color:#2e7d32}.merchant-products-status-pending{background:var(--slate-soft);color:var(--ink-soft)}.merchant-products-status-rejected{background:var(--danger-soft);color:var(--danger)}.merchant-products-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.merchant-products-modern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.merchant-products-product-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column}.merchant-products-product-card:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 10px 15px -3px #111c331a}.merchant-products-card-image-section{position:relative;height:180px;background:var(--paper)}.merchant-products-card-image{width:100%;height:100%;object-fit:cover}.merchant-products-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--line-strong)}.merchant-products-card-badge-container{position:absolute;top:8px;right:8px}.merchant-products-variant-badge{position:absolute;bottom:8px;left:8px;background:#111c33bf;color:#fff;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px}.merchant-products-card-content{padding:14px;flex:1}.merchant-products-card-category-brand{font-size:11px;color:var(--gold-deep);font-weight:700;text-transform:uppercase;margin-bottom:6px}.merchant-products-card-product-name{font-size:14px;font-weight:700;color:var(--navy);margin:0 0 6px;line-height:1.3}.merchant-products-card-sku{font-size:12px;font-family:var(--mono);color:var(--ink-soft);margin-bottom:10px}.merchant-products-card-merchant-info{font-size:12.5px;color:var(--navy);margin-bottom:6px}.merchant-products-card-merchant-info .merchant-products-label{color:var(--ink-soft)}.merchant-products-card-stock-status{font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.merchant-products-stock-dot{width:7px;height:7px;border-radius:50%}.merchant-products-stock-dot.merchant-products-instock{background:var(--gold)}.merchant-products-stock-dot.merchant-products-outofstock{background:var(--danger)}.merchant-products-card-footer{padding:12px 14px;border-top:1px solid var(--line);display:flex;gap:8px;background:var(--paper)}.merchant-products-card-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid var(--line-strong);background:var(--surface);color:var(--navy);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}.merchant-products-card-action-btn:hover{background:var(--slate-soft)}.merchant-products-card-more-actions{position:relative}.merchant-products-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--line);flex-wrap:wrap;background:#fff}.merchant-products-foot-info{font-size:12.5px;color:var(--ink-soft)}.merchant-products-foot-info b{font-family:var(--mono);color:var(--navy);font-weight:600}.merchant-products-pager{display:flex;gap:4px;align-items:center}.merchant-products-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--mono);font-size:12.5px;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.merchant-products-page-btn:hover:not(:disabled){background:var(--slate-soft);color:var(--navy)}.merchant-products-page-btn.current{background:var(--navy);color:#fff;font-weight:600;border-bottom:2px solid var(--gold)}.merchant-products-page-btn:disabled{opacity:.35;cursor:default}.merchant-products-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-loading-mp 1.5s infinite;border-radius:8px}@keyframes skeleton-loading-mp{0%{background-position:200% 0}to{background-position:-200% 0}}.status-badge.status-approved,.status-approved{background:#e8f5e9;color:#2e7d32}.status-badge.status-pending,.status-pending{background:var(--slate-soft);color:var(--ink-soft)}.status-badge.status-rejected,.status-rejected{background:var(--danger-soft);color:var(--danger)}:root{--primary-navy: #0f172a;--secondary-navy: #1e293b;--accent-gold: #d3af37;--accent-gold-light: #fef3c7;--bg-main: #f8fafc;--card-bg: #ffffff;--border-subtle: #e2e8f0;--text-main: #334155;--text-muted: #64748b;--text-dark: #020617;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-lg: 16px;--radius-md: 12px;--green-premium: #10b981;--green-premium-light: #f0fdf4;--red-premium: #ef4444;--red-premium-light: #fef2f2;--blue-premium: #3b82f6;--blue-premium-light: #eff6ff;--yellow-premium: #f59e0b;--yellow-premium-light: #fffbeb;--purple-premium: #8b5cf6;--purple-premium-light: #f5f3ff;--cyan-premium: #06b6d4;--cyan-premium-light: #ecfeff}.product-view-container{max-width:1400px;margin:0 auto;padding:2rem;background-color:var(--bg-main);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-main)}.premium-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.premium-breadcrumb .breadcrumb-item{color:var(--text-muted)!important;cursor:pointer;transition:color .2s ease;text-decoration:none}.premium-breadcrumb .breadcrumb-item:hover{color:var(--accent-gold)!important}.premium-breadcrumb .breadcrumb-separator{color:var(--text-muted)!important;opacity:.6}.premium-breadcrumb .breadcrumb-item-active{color:var(--primary-navy)!important;font-weight:700}.premium-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--border-subtle);padding-bottom:1.5rem;flex-wrap:wrap;gap:1.5rem}.header-title-section h1{font-size:2rem;font-weight:800;margin:0;color:var(--text-dark);line-height:1.2}.header-subtitle{margin-top:.5rem;font-size:1rem;color:var(--text-muted)}.header-meta-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.header-badges{display:flex;gap:.5rem;flex-wrap:wrap}.action-buttons-group{display:flex;gap:.5rem}.premium-badge{padding:.35rem .85rem;border-radius:99px;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent}.badge-type-simple{background:var(--secondary-navy);color:#fff}.badge-type-variable{background:var(--purple-premium);color:#fff}.badge-status-published{background:var(--green-premium-light);color:var(--green-premium);border-color:#a7f3d0}.badge-status-draft{background:var(--text-muted);color:#fff}.badge-status-archived{background:var(--red-premium-light);color:var(--red-premium);border-color:#fca5a5}.badge-approval-approved{background:var(--green-premium-light);color:var(--green-premium);border-color:#a7f3d0}.badge-approval-pending{background:var(--yellow-premium-light);color:var(--yellow-premium);border-color:#fde68a}.badge-approval-rejected{background:var(--red-premium-light);color:var(--red-premium);border-color:#fca5a5}.premium-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.premium-btn-primary{background-color:var(--accent-gold);color:#fff}.premium-btn-primary:hover{background-color:var(--primary-navy)!important;color:#fff!important}.premium-btn-primary:disabled{background-color:var(--accent-gold-light);cursor:not-allowed}.premium-btn-danger{background-color:var(--red-premium);color:#fff}.premium-btn-danger:hover{background-color:var(--primary-navy)!important;color:#fff!important}.premium-btn-danger:disabled{background-color:#fca5a5;cursor:not-allowed}.premium-btn-outline{background-color:#fff;border-color:var(--border-subtle);color:var(--text-main)}.premium-btn-outline:hover{border-color:var(--accent-gold)!important;color:var(--accent-gold)!important;background-color:var(--bg-main)!important}.premium-btn-small{padding:.35rem .75rem;font-size:.8rem}.product-meta-details-bar{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem 1.5rem;background-color:#fff;border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:2rem;box-shadow:var(--shadow-sm)}.meta-detail-item{display:flex;flex-direction:column}.meta-detail-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-bottom:.25rem}.meta-detail-value{font-size:.875rem;font-weight:600;color:var(--text-dark)}.monospace{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.copyable-wrapper{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}.copyable-wrapper:hover{color:var(--accent-gold)}.content-layout-grid{display:flex;flex-direction:column;gap:2rem}.overview-split-layout{display:grid;grid-template-columns:350px 1fr;gap:2.5rem;align-items:start}@media(max-width:1024px){.overview-split-layout{grid-template-columns:1fr;gap:1.5rem}}.media-gallery-wrapper{position:sticky;top:1.5rem}.main-image-container{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:#fff;border:1px solid var(--border-subtle);margin-bottom:.75rem;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-sm);cursor:pointer}.main-image-container img{max-width:100%;max-height:100%;object-fit:contain;padding:.75rem;transition:transform .3s ease}.main-image-container:hover img{transform:scale(1.03)}.thumb-grid{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.thumb-item{width:60px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;flex-shrink:0;background:#fff;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.thumb-item img{max-width:100%;max-height:100%;object-fit:contain;padding:2px}.thumb-item.active,.thumb-item:hover{border-color:var(--accent-gold)!important}.merchant-prod-premium-section-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);margin-bottom:1.5rem;transition:box-shadow .3s ease}.merchant-prod-premium-section-card:hover{box-shadow:var(--shadow-md)}.section-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.75rem}.section-title-row h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-dark)}.section-icon{color:var(--accent-gold)}.info-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.merchant-prod-summary-module{padding:1rem 1.25rem;background:#fafbfc;border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all .2s ease}.merchant-prod-summary-module:hover{border-left-color:var(--accent-gold);background:#fff;box-shadow:var(--shadow-sm)}.module-label{font-size:.7rem;text-transform:uppercase;font-weight:700;color:var(--text-muted);display:block;margin-bottom:.35rem}.module-value{font-size:.95rem;font-weight:600;color:var(--text-dark)}.merchant-prod-modern-tabs{margin-top:1rem;display:flex;flex-direction:column}.merchant-prod-tabs-nav{display:flex;gap:1.5rem;border-bottom:2px solid var(--border-subtle);margin-bottom:1.25rem}.tab-btn{padding:.75rem 0;background:none;border:none;font-weight:600;color:var(--text-muted);cursor:pointer;position:relative;transition:color .2s;font-size:.9rem}.tab-btn:hover{color:var(--accent-gold)!important}.tab-btn.active{color:var(--primary-navy)}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-gold)}.merchant-prod-tab-content-body{font-size:.925rem;line-height:1.6;color:var(--text-main)}.description-toggle-btn{background:none;border:none;color:var(--accent-gold);font-weight:700;cursor:pointer;padding:.25rem 0;font-size:.85rem;transition:all .2s ease;display:inline-flex;align-items:center;gap:.25rem;width:fit-content}.description-toggle-btn:hover{color:var(--primary-navy)!important;text-decoration:underline}.badge-tag{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;margin-right:.5rem;margin-bottom:.5rem}.tag-cyan{background:var(--cyan-premium-light);color:var(--cyan-premium)}.tag-blue{background:var(--blue-premium-light);color:var(--blue-premium)}.tag-purple{background:var(--purple-premium-light);color:var(--purple-premium)}.tag-gold{background:var(--accent-gold-light);color:var(--accent-gold)}.tag-green{background:var(--green-premium-light);color:var(--green-premium)}.tag-red{background:var(--red-premium-light);color:var(--red-premium)}.merchant-prod-specs-clean-list{display:flex;gap:.5rem;flex-wrap:wrap}.merchant-prod-spec-clean-item{display:flex;flex-direction:column;padding:.75rem 1rem;background:#fafbfc;border-radius:8px;font-size:.9rem}.spec-key{color:var(--text-muted);font-weight:500}.spec-val{font-weight:600;color:var(--text-dark)}.logistics-three-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.variant-card-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;background-color:#fff;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.variant-card-item:last-child{margin-bottom:0}.variant-main-grid{display:grid;grid-template-columns:80px 1fr 180px;gap:1.5rem;align-items:start}@media(max-width:768px){.variant-main-grid{grid-template-columns:1fr}}.variant-img-section{display:flex;flex-direction:column;align-items:center;gap:.5rem}.variant-mini-img{width:70px;height:70px;border-radius:6px;border:1px solid var(--border-subtle);object-fit:cover}.variant-mini-thumbs{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.variant-thumb-micro{width:24px;height:24px;border-radius:3px;border:1px solid var(--border-subtle);object-fit:cover;cursor:pointer}.variant-details-block{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:580px){.variant-details-block{grid-template-columns:1fr}}.variant-detail-cell{display:flex;flex-direction:column;gap:.25rem}.variant-cell-label{font-size:.725rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.variant-cell-value{font-size:.875rem;font-weight:600;color:var(--text-dark)}.barcode-column-box{background:#fafbfc;border:1px solid var(--border-subtle);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.barcode-svg-container{background:#fff;padding:.5rem;border-radius:4px;border:1px solid var(--border-subtle);margin-bottom:.5rem;display:inline-flex;justify-content:center;align-items:center;min-height:70px;width:100%}.merchant-prod-analytics-metrics-grid{display:flex;gap:1.25rem}.stat-metric-card{background:#fff;padding:1.5rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:1rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all .2s ease}.stat-metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon-container{width:44px;height:44px;border-radius:10px;background-color:var(--bg-main);display:flex;align-items:center;justify-content:center;color:var(--primary-navy)}.stat-metric-card.theme-colored .stat-icon-container{background-color:var(--accent-gold-light);color:var(--accent-gold)}.stat-metric-info{display:flex;flex-direction:column}.stat-metric-value{font-size:1.5rem;font-weight:800;color:var(--text-dark);line-height:1.2}.stat-metric-label{font-size:.75rem;font-weight:500;color:var(--text-muted)}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172abf;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1.5rem}.custom-modal-content{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modalEnter .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.custom-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.custom-modal-header h3{margin:0;font-size:1.15rem;font-weight:700}.close-modal-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;padding:.35rem;border-radius:6px;transition:all .2s ease}.close-modal-btn:hover{background-color:var(--bg-main)!important;color:var(--accent-gold)!important}.custom-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.custom-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:.75rem}.premium-textarea{width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--border-subtle);outline:none;font-family:inherit;font-size:.9rem;color:var(--text-main);resize:vertical}.premium-textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #b453091a}.lightbox-modal-content{background-color:#0f172af2;border:none;color:#fff}.lightbox-modal-content .custom-modal-header{border-bottom-color:#ffffff1a;color:#fff}.lightbox-modal-content .custom-modal-header h3{color:#fff}.lightbox-modal-content .close-modal-btn{color:#fff9}.lightbox-modal-content .close-modal-btn:hover{background-color:#ffffff1a;color:#fff}.lightbox-viewer-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffff1a;border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.lightbox-nav-btn:hover{background-color:var(--accent-gold)}.lightbox-prev-btn{left:1rem}.lightbox-next-btn{right:1rem}.lightbox-main-img-box{max-width:100%;max-height:60vh;display:flex;justify-content:center;align-items:center}.lightbox-main-img-box img{max-width:100%;max-height:60vh;object-fit:contain;border-radius:8px}.lightbox-thumb-strip{display:flex;gap:.5rem;overflow-x:auto;justify-content:center;margin-top:1.5rem;padding:.5rem;width:100%;max-width:600px}.lightbox-thumb-item{width:50px;height:50px;border-radius:6px;border:2px solid transparent;overflow:hidden;cursor:pointer;flex-shrink:0;background-color:#fff;display:flex;align-items:center;justify-content:center}.lightbox-thumb-item.active{border-color:var(--accent-gold)}.lightbox-thumb-item img{max-width:100%;max-height:100%;object-fit:contain}.premium-loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:1rem;background-color:var(--bg-main)}.premium-loader{width:48px;height:48px;border:4px solid var(--accent-gold-light);border-top-color:var(--accent-gold);border-radius:50%;animation:premiumSpin 1s linear infinite}@keyframes premiumSpin{to{transform:rotate(360deg)}}.premium-loader-text{font-size:1rem;font-weight:600;color:var(--accent-gold)}.custom-carousel-wrapper{position:relative;width:100%}.carousel-slide-image{width:100%;height:100%;object-fit:contain;display:block}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#0f172a66;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.carousel-btn:hover{background-color:var(--accent-gold)}.carousel-prev{left:.5rem}.carousel-next{right:.5rem}.toast-container{position:fixed;top:2rem;right:2rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem}.toast-message{padding:.75rem 1.25rem;border-radius:8px;color:#fff;font-weight:600;font-size:.875rem;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:.5rem;animation:toastEnter .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes toastEnter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast-success{background-color:var(--green-premium)}.toast-error{background-color:var(--red-premium)}.toast-info{background-color:var(--blue-premium)}.toast-warning{background-color:var(--yellow-premium)}.merchant-products-modern-switch{position:relative;display:inline-block;width:40px;height:22px;vertical-align:middle}.merchant-products-modern-switch input{opacity:0;width:0;height:0}.merchant-products-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.merchant-products-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 3px #0000001a}input:checked+.merchant-products-slider{background-color:#011d4c}input:checked+.merchant-products-slider:before{transform:translate(18px)}.notification-popup .ant-modal-content{border-radius:12px;box-shadow:0 8px 32px #0000001f;border:none}.notification-popup .ant-modal-header{border-bottom:none;padding:24px 24px 0}.notification-popup .ant-modal-body{padding:0 24px 24px}.notification-popup .ant-modal-footer{border-top:none;padding:0 24px 24px}.notification-content{padding:16px 0}.notification-text{flex:1}.notification-popup.notification-error .ant-modal-content{border-left:4px solid #ff4d4f}.notification-popup.notification-warning .ant-modal-content{border-left:4px solid #faad14}.notification-popup.notification-info .ant-modal-content{border-left:4px solid #1890ff}.notification-popup.notification-success .ant-modal-content{border-left:4px solid #52c41a}.notification-popup .ant-modal{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.notification-popup .ant-modal{width:90%!important;max-width:400px}.notification-content{padding:12px 0}.notification-popup .ant-modal-body,.notification-popup .ant-modal-footer{padding:0 16px 16px}}.notification-popup .ant-btn:focus{box-shadow:0 0 0 2px #1890ff33}.notification-popup .ant-btn:hover{transform:translateY(-1px);transition:transform .2s ease}._common-page-container_1s44n_1{padding:24px;background-color:#f5f5f5;min-height:100vh}._common-page-card_1s44n_7{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}._common-page-header_1s44n_13{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}._common-breadcrumb_1s44n_22{font-size:14px}._common-table_1s44n_26{margin-top:16px}._common-action-button-text_1s44n_30{color:#1890ff;padding:4px 8px}._common-action-button-text_1s44n_30:hover{color:#40a9ff;background-color:#f0f8ff;border-radius:4px}:root{--plr-primary: #011d4c;--plr-primary-hover: #0c2d78;--plr-bg: #f8fafc;--plr-card-bg: #ffffff;--plr-text: #1e293b;--plr-text-secondary: #64748b;--plr-border: #e2e8f0;--plr-success: #10b981;--plr-warning: #f59e0b;--plr-error: #ef4444;--plr-pending: #f59e0b}.product-log-container{padding:1.25rem;background-color:var(--plr-bg);min-height:100vh;font-family:Inter,-apple-system,sans-serif}.product-log-header{background:linear-gradient(135deg,#d4af37,#caa03c);padding:1rem 2rem;border-radius:1.25rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap;box-shadow:0 10px 25px -5px #d4af374d;position:relative;overflow:hidden}.product-log-header:before{content:"";position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:#ffffff1f;border-radius:50%;pointer-events:none}.product-log-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.product-log-breadcrumb-item{color:#011d4cb3;font-weight:500;transition:color .2s;text-decoration:none}.product-log-breadcrumb-item.active{color:#011d4c;font-weight:700}.product-log-breadcrumb-separator{color:#011d4c66;font-size:.8rem;-webkit-user-select:none;user-select:none}.product-log-title-section{position:relative;z-index:1}.product-log-title{font-size:1.875rem;font-weight:800;color:#011d4c;margin:0;letter-spacing:-.025em}.product-log-subtitle{color:#011d4cd9;margin-top:.25rem;font-size:.95rem;font-weight:500}.product-log-filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem;padding:.4rem;background:var(--plr-card-bg);border-radius:1rem;border:1px solid var(--plr-border);align-items:center;flex-wrap:wrap;box-shadow:0 4px 6px -1px #0000000d}.product-log-search-wrapper{position:relative;flex:1;min-width:250px}.product-log-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--plr-text-secondary)}.product-log-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border-radius:.75rem;border:1px solid var(--plr-border);background-color:var(--plr-bg);color:var(--plr-text);transition:all .2s;outline:none}.product-log-search-input:focus{border-color:var(--plr-primary);background-color:var(--plr-card-bg);box-shadow:0 0 0 4px #011d4c1a}.productlog-request-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;background:var(--plr-border);border-radius:.875rem;width:fit-content}.product-log-filters-bar .productlog-request-tabs{margin-bottom:0}.productlog-request-tab-item{padding:.625rem 1.25rem;border-radius:.75rem;border:none;background:transparent;color:var(--plr-text-secondary);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.productlog-request-tab-item:hover{color:var(--plr-text)}.productlog-request-tab-item.active{background:var(--plr-card-bg);color:var(--plr-primary);box-shadow:0 4px 6px -1px #0000001a}.productlog-request-tab-count{font-size:.75rem;padding:.1rem .5rem;background:#011d4c1a;border-radius:1rem}.productlog-request-tab-item.active .productlog-request-tab-count{background:var(--plr-primary);color:#fff}.product-log-table-container{background:var(--plr-card-bg);border-radius:1.25rem;border:1px solid var(--plr-border);overflow:hidden;box-shadow:0 10px 15px -3px #0000000d}.product-log-table{width:100%;border-collapse:collapse;text-align:left}.product-log-table th{background:var(--plr-bg);padding:1.25rem 1rem;font-weight:700;color:var(--plr-text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--plr-border)}.product-log-table td{padding:1.25rem 1rem;border-bottom:1px solid var(--plr-border);color:var(--plr-text);vertical-align:middle}.product-log-table tr:hover{background-color:#011d4c05}.productlog-request-cell{display:flex;flex-direction:row;align-items:center;gap:1rem}.product-info-name{font-weight:700;font-size:.95rem}.product-info-sub{font-size:.8rem;color:var(--plr-text-secondary)}.merchant-info{font-size:.85rem;color:var(--plr-text-secondary)}.status-approved{background:#10b9811a;color:var(--plr-success)}.status-pending{background:#f59e0b1a;color:var(--plr-pending)}.status-rejected{background:#ef44441a;color:var(--plr-error)}.product-log-table-action{padding:.5rem;border-radius:.75rem;border:1px solid var(--plr-border);background:var(--plr-card-bg);color:var(--plr-text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.product-log-table-action:hover{border-color:var(--plr-primary);color:var(--plr-primary);background:#011d4c0d}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.custom-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.custom-modal-content{position:relative;background:#fff;width:100%;max-width:900px;max-height:90vh;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;z-index:1001}.custom-modal-header{background:linear-gradient(135deg,var(--modern-primary),#818cf8);padding:2rem 2.5rem;display:flex;align-items:center;justify-content:space-between;position:relative}.custom-modal-title{font-size:1.5rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.025em}.custom-modal-close{background:#ffffff26;border:none;color:#fff;padding:8px;border-radius:12px;cursor:pointer;transition:all .2s;display:flex}.custom-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.custom-modal-body{padding:32px;overflow-y:auto;flex:1}.custom-log-card{border:1px solid var(--modern-border);border-radius:16px;padding:20px;margin-bottom:16px;background:#fff;transition:all .2s}.custom-log-card.pending{border-left:4px solid var(--modern-warning);background:#f59e0b05}.log-header{display:flex;justify-content:space-between;margin-bottom:16px;align-items:flex-start}.log-info-group h4{margin:0;font-size:1rem;font-weight:700}.log-info-group p{margin:2px 0 0;font-size:.85rem;color:var(--modern-text-secondary)}.empty-state{padding:4rem 2rem;text-align:center}.logo-placeholder{width:40px;height:40px;border-radius:8px;background-color:var(--plr-border);display:flex;align-items:center;justify-content:center;color:var(--plr-text-secondary);flex-shrink:0}.product-image-thumbnail{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid var(--plr-border)}.notifications-page-module{--notifications-primary: #011d4c;--notifications-primary-hover: #0c2d78;--notifications-primary-light: rgba(1, 29, 76, .1);--notifications-primary-gradient: linear-gradient(135deg, #011d4c 0%, #0c2d78 100%);--notifications-bg: #f4f7fa;--notifications-card-bg: #ffffff;--notifications-text: #1e293b;--notifications-text-secondary: #64748b;--notifications-border: #e2e8f0;--notifications-success: #22c55e;--notifications-warning: #f59e0b;--notifications-error: #ef4444;--notifications-info: #3b82f6;padding:2.5rem;background-color:var(--notifications-bg);min-height:100vh;font-family:Inter,-apple-system,sans-serif}.notifications-header-premium{background:linear-gradient(135deg,var(--gold-metallic) 0%,var(--gold-primary) 100%);padding:1rem 2rem;border-radius:1.25rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1.5rem;flex-wrap:wrap;box-shadow:0 10px 25px -5px #d4af374d;position:relative;overflow:hidden;color:var(--navy-deep)}.notifications-header-premium:before{content:"";position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:#ffffff1f;border-radius:50%;pointer-events:none}.notifications-title-section{position:relative;z-index:1}.notifications-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-bottom:.35rem}.notifications-breadcrumb-item{color:#0f2042b3;font-weight:500;transition:color .2s;cursor:pointer}.notifications-breadcrumb-item.active{color:var(--navy-deep);font-weight:700}.notifications-breadcrumb-separator{color:#0f204266;font-size:.8rem;-webkit-user-select:none;user-select:none}.notifications-title{font-size:1.875rem;font-weight:800;color:var(--navy-deep);margin:0;letter-spacing:-.025em}.notifications-subtitle{color:#0f2042d9;font-size:.95rem;font-weight:500}.notifications-controls{position:relative;z-index:1;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.notifications-header-premium .notifications-button{background:#fff;color:var(--navy-deep);border:1px solid rgba(15,32,66,.15);padding:.625rem 1.25rem;border-radius:.75rem;font-weight:600;box-shadow:0 2px 4px #0f20420d}.notifications-header-premium .notifications-button:hover:not(:disabled){background:var(--navy-light);border-color:#0f20424d}.notifications-header-premium .notifications-button.primary{background:var(--navy-deep);color:#fff;border:none;box-shadow:0 4px 6px -1px #0f204233}.notifications-header-premium .notifications-button.primary:hover:not(:disabled){background:var(--navy-dark);transform:translateY(-1px);box-shadow:0 6px 12px #0f204240}.notifications-filters-bar{display:flex;gap:1.25rem;margin-bottom:1rem;padding:.5rem;background:var(--notifications-card-bg);border-radius:1.25rem;border:1px solid var(--notifications-border);align-items:center;box-shadow:0 4px 6px -1px #0000000d}.notifications-search-wrapper{position:relative;flex:1}.notifications-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--notifications-primary)}.notifications-search-input{width:100%;padding:.875rem 1.25rem .875rem 3.25rem;border-radius:1rem;border:1.5px solid var(--notifications-primary-light);background-color:#fff;color:var(--notifications-text);transition:all .3s;outline:none;font-size:.95rem}.notifications-search-input:focus{border-color:var(--notifications-primary);box-shadow:0 0 0 4px var(--notifications-primary-light)}.notifications-custom-select-container{position:relative;min-width:170px}.notifications-custom-select-trigger{width:100%;padding:.8rem 1.25rem;border-radius:1rem;border:1.5px solid var(--notifications-primary-light);background-color:#fff;color:var(--notifications-text);display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s;outline:none}.notifications-custom-select-trigger:hover{border-color:var(--notifications-primary);box-shadow:0 4px 12px #011d4c14}.notifications-custom-select-trigger .chevron{transition:transform .2s;color:var(--notifications-text-secondary)}.notifications-custom-select-trigger .chevron.open{transform:rotate(180deg)}.notifications-custom-select-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid var(--notifications-border);border-radius:1.25rem;box-shadow:0 20px 25px -5px #0000001a;z-index:60;overflow:hidden;padding:.5rem}.notifications-custom-select-option{padding:.75rem 1rem;border-radius:.75rem;font-size:.9rem;color:var(--notifications-text);cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.notifications-custom-select-option:hover{background:var(--notifications-bg);color:var(--notifications-primary)}.notifications-custom-select-option.active{background:var(--notifications-primary-light);color:var(--notifications-primary);font-weight:700}.notifications-tabs-compact{display:flex;gap:.375rem;padding:.3rem;background:#f8fafc;border-radius:1rem;border:1px solid var(--notifications-border);width:fit-content}.notifications-tab-item{padding:.5rem 1rem;border-radius:.75rem;border:none;background:transparent;color:var(--notifications-text-secondary);font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;font-size:.875rem;white-space:nowrap}.notifications-tab-item:hover{color:var(--notifications-primary);background:var(--notifications-primary-light)}.notifications-tab-item.active{background:var(--notifications-primary);color:#fff;box-shadow:0 8px 15px -3px #011d4c66}.notifications-tab-count{font-size:.75rem;padding:.2rem .6rem;background:var(--notifications-primary-light);border-radius:1rem;font-weight:800}.notifications-tab-item.active .notifications-tab-count{background:#fff3;color:#fff}.notifications-table-container{background:var(--notifications-card-bg);border-radius:1.5rem;border:1px solid var(--notifications-border);overflow-x:auto;box-shadow:0 20px 25px -5px #0000000d}.notifications-table-container::-webkit-scrollbar{height:6px}.notifications-table-container::-webkit-scrollbar-track{background:var(--notifications-bg)}.notifications-table-container::-webkit-scrollbar-thumb{background:var(--notifications-border);border-radius:10px}.notifications-table-container::-webkit-scrollbar-thumb:hover{background:var(--notifications-text-secondary)}.notifications-table{width:100%;min-width:800px;border-collapse:collapse;text-align:left}.notifications-table th{background:#f8fafc;padding:1.5rem 1.25rem;font-weight:700;color:var(--notifications-text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--notifications-border)}.notifications-table td{padding:1.25rem;border-bottom:1px solid var(--notifications-border);color:var(--notifications-text);vertical-align:middle}.notifications-table tr:hover{background-color:#011d4c05}.notifications-row-unread{background-color:#011d4c08}.notifications-row-unread .notifications-title-text{font-weight:700}.notifications-cell{display:flex;gap:1rem;align-items:flex-start}.notifications-icon-wrapper{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notifications-info{display:flex;flex-direction:column;gap:.25rem}.notifications-title-text{font-size:.95rem;color:var(--notifications-text)}.notifications-message{font-size:.85rem;color:var(--notifications-text-secondary)}.notifications-status-badge{padding:.375rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:750;letter-spacing:.025em;display:inline-flex;align-items:center;gap:.375rem}.notifications-priority-urgent{background:#ef44441a;color:var(--notifications-error)}.notifications-priority-high{background:#f59e0b1a;color:var(--notifications-warning)}.notifications-priority-medium{background:#3b82f61a;color:var(--notifications-info)}.notifications-priority-low{background:#64748b1a;color:var(--notifications-text-secondary)}.notifications-type-tag{font-size:.7rem;padding:.15rem .5rem;border-radius:.5rem;background:var(--notifications-bg);border:1px solid var(--notifications-border);color:var(--notifications-text-secondary);text-transform:uppercase}.notifications-table-action{padding:.5rem;border-radius:.75rem;border:1px solid var(--notifications-border);background:var(--notifications-card-bg);color:var(--notifications-text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.notifications-table-action:hover{border-color:var(--notifications-primary);color:var(--notifications-primary);background:var(--notifications-primary-light)}.notifications-actions-menu-wrapper{position:relative;display:inline-block}.notifications-dropdown{position:absolute;right:0;top:calc(100% + .5rem);background:#fff;border:1px solid var(--notifications-border);border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;z-index:50;min-width:180px;padding:.625rem}.notifications-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.75rem;font-size:.9rem;color:var(--notifications-text);cursor:pointer;transition:all .2s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.notifications-dropdown-item:hover{background:var(--notifications-bg);color:var(--notifications-primary)}.notifications-dropdown-item.danger{color:var(--notifications-error)}.notifications-dropdown-item.danger:hover{background:#ef44440d}.notifications-button{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:1rem;font-weight:700;border:1px solid var(--notifications-border);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9rem;background:var(--notifications-card-bg);color:var(--notifications-text)}.notifications-button:hover:not(:disabled){border-color:var(--notifications-primary);color:var(--notifications-primary);background:var(--notifications-primary-light)}.notifications-button.primary{background-color:var(--notifications-primary);color:#fff;border:none;box-shadow:0 4px 12px #011d4c4d}.notifications-button.primary:hover:not(:disabled){background-color:var(--notifications-primary-hover);transform:translateY(-2px);box-shadow:0 12px 20px #00000026}.notifications-button:disabled{opacity:.5;cursor:not-allowed}.notifications-empty-state{padding:5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;width:100%}.notifications-empty-state-icon{color:var(--notifications-border);margin-bottom:2rem}.notifications-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:0 .5rem}.notifications-pagination-pages{display:flex;gap:.625rem}.notifications-page-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:1rem;border:1px solid var(--notifications-border);background:#fff;color:var(--notifications-text-secondary);cursor:pointer;transition:all .2s;font-weight:700}.notifications-page-btn:hover:not(:disabled){border-color:var(--notifications-primary);color:var(--notifications-primary);background:var(--notifications-primary-light)}.notifications-page-btn.active{background:var(--notifications-primary);color:#fff;border-color:var(--notifications-primary);box-shadow:0 4px 12px #011d4c4d}.notifications-page-btn:disabled{opacity:.4;cursor:not-allowed}.notifications-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:notifications-skeleton-loading 1.5s infinite;border-radius:.75rem}@keyframes notifications-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes notifications-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:notifications-spin 1s linear infinite}.notifications-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#011d4c66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.notifications-modal{background:var(--notifications-card-bg);border-radius:1.5rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--notifications-border)}.notifications-text-secondary{color:var(--notifications-text-secondary)!important}@media(max-width:768px){.notifications-header-premium{flex-direction:column;gap:1.5rem;align-items:flex-start;padding:1.5rem}.notifications-filters-bar{flex-direction:column;align-items:stretch}}.dynamic-pages-main{flex:1;min-width:0;font-family:var(--dp-sans);color:var(--dp-navy)}.dynamic-pages-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.dynamic-pages-crumbs{font-size:12px;color:var(--dp-ink-soft);margin-bottom:6px}.dynamic-pages-crumbs b{color:var(--dp-navy);font-weight:500}.dynamic-pages-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--dp-line-strong);background:var(--dp-surface);color:var(--dp-navy);transition:background .15s,border-color .15s;cursor:pointer}.dynamic-pages-btn:hover{background:var(--dp-slate-soft)}.dynamic-pages-btn.primary{background:var(--dp-gold);border-color:var(--dp-gold);color:var(--dp-navy);font-weight:600}.dynamic-pages-btn.primary:hover{background:var(--dp-gold-hover);border-color:var(--dp-gold-hover)}.dynamic-pages-btn.danger{color:var(--dp-danger);border-color:var(--dp-danger)}.dynamic-pages-btn.danger:hover{background:var(--dp-danger-soft)}.dynamic-pages-panel{background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:var(--dp-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.dynamic-pages-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--dp-line);background:var(--dp-surface)}.dynamic-pages-search{display:flex;align-items:center;gap:8px;border:1px solid var(--dp-line-strong);border-radius:8px;padding:0 12px;height:38px;width:320px;max-width:100%;background:var(--dp-surface);color:var(--dp-ink-soft)}.dynamic-pages-search svg{width:15px;height:15px;color:var(--dp-ink-soft);flex-shrink:0}.dynamic-pages-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--dp-navy)}.dynamic-pages-search input::placeholder{color:#9aa0b0}.dynamic-pages-modern-controls{display:flex;gap:10px;align-items:center}.dynamic-pages-filter-dropdown-wrapper{position:relative}.dynamic-pages-filter-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;padding:.5rem;box-shadow:0 10px 25px -5px #111c3326;z-index:100;min-width:180px}.dynamic-pages-filter-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:6px;font-size:13px;color:var(--dp-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.dynamic-pages-filter-option:hover{background:var(--dp-paper)}.dynamic-pages-filter-option.active{background:var(--dp-gold-soft);color:var(--dp-gold-deep);font-weight:600}.dynamic-pages-option-icon{display:flex;align-items:center;color:var(--dp-ink-soft)}.dynamic-pages-filter-option.active .dynamic-pages-option-icon{color:var(--dp-gold-deep)}.dynamic-pages-check-icon{margin-left:auto;color:var(--dp-gold-deep)}.dynamic-pages-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.dynamic-pages-page-cell{display:flex;align-items:center;gap:12px}.dynamic-pages-page-icon-wrapper{width:40px;height:40px;border-radius:8px;background:var(--dp-slate-soft);display:flex;align-items:center;justify-content:center;color:var(--dp-navy-mid)}.dynamic-pages-page-name{font-weight:600;font-size:13.5px;color:var(--dp-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.dynamic-pages-page-slug{font-size:11.5px;font-family:var(--dp-mono);color:var(--dp-ink-soft);margin-top:1px}.dynamic-pages-type-badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;display:inline-block;width:fit-content}.dynamic-pages-type-static{background:var(--dp-slate-soft);color:var(--dp-navy-mid)}.dynamic-pages-type-dynamic{background:var(--dp-gold-soft);color:var(--dp-gold-deep);border:1px solid rgba(192,154,46,.15)}.dynamic-pages-type-cms{background:#fdf2f8;color:#db2777}.dynamic-pages-sections-info{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--dp-navy)}.dynamic-pages-sections-info svg{color:var(--dp-ink-soft)}.dynamic-pages-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px}.dynamic-pages-status-dot{width:6px;height:6px;border-radius:50%}.dynamic-pages-status-active{background:#e8f5e9;color:#2e7d32}.dynamic-pages-status-active .dynamic-pages-status-dot{background:#2e7d32}.dynamic-pages-status-inactive{background:var(--dp-danger-soft);color:var(--dp-danger)}.dynamic-pages-status-inactive .dynamic-pages-status-dot{background:var(--dp-danger)}.dynamic-pages-status-draft{background:var(--dp-slate-soft);color:var(--dp-ink-soft)}.dynamic-pages-status-draft .dynamic-pages-status-dot{background:var(--dp-ink-soft)}.dynamic-pages-date-info{font-size:13px;color:var(--dp-ink-soft)}.dynamic-pages-table-action{width:30px;height:30px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--dp-ink-soft);background:transparent;border:1px solid transparent;transition:all .2s ease;cursor:pointer}.dynamic-pages-table-action:hover{background:var(--dp-line);color:var(--dp-navy)}.dynamic-pages-dropdown{position:absolute;right:0;top:calc(100% + .35rem);background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:170px;padding:.4rem}.dynamic-pages-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--dp-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.dynamic-pages-dropdown-item:hover{background:var(--dp-paper)}.dynamic-pages-dropdown-item.dynamic-pages-danger{color:var(--dp-danger)}.dynamic-pages-dropdown-item.dynamic-pages-danger:hover{background:var(--dp-danger-soft)}.dynamic-pages-dropdown-divider{height:1px;background:var(--dp-line);margin:.35rem 0}.dynamic-pages-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--dp-line);flex-wrap:wrap;background:#fff}.dynamic-pages-foot-info{font-size:12.5px;color:var(--dp-ink-soft)}.dynamic-pages-foot-info b{font-family:var(--dp-mono);color:var(--dp-navy);font-weight:600}.dynamic-pages-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--dp-ink-soft)}.dynamic-pages-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--dp-line-strong);background-color:var(--dp-surface);color:var(--dp-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.dynamic-pages-pager{display:flex;gap:4px;align-items:center}.dynamic-pages-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--dp-mono);font-size:12.5px;color:var(--dp-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.dynamic-pages-page-btn:hover:not(:disabled){background:var(--dp-slate-soft);color:var(--dp-navy)}.dynamic-pages-page-btn.current{background:var(--dp-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--dp-gold)}.dynamic-pages-page-btn:disabled{opacity:.35;cursor:default}.dynamic-pages-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:dp-skeleton-loading 1.5s infinite;border-radius:6px}@keyframes dp-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.home-widget-page{padding:24px}.home-widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;border-radius:8px;color:#fff}.home-widget-header h1{margin:0;font-size:24px;font-weight:600;color:#fff}.header-actions{display:flex;gap:12px}.header-actions .ant-btn{border-radius:6px;font-weight:500}.section-editor{padding:24px;background:#fafafa;border-radius:8px;margin-bottom:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e8e8e8}.section-title{font-size:18px;font-weight:600;color:#262626;margin:0}.section-toggle{display:flex;align-items:center;gap:8px}.section-toggle .ant-switch{background-color:#d9d9d9}.section-toggle .ant-switch-checked{background-color:#52c41a}.form-section{margin-bottom:24px}.form-section h4{margin-bottom:12px;color:#595959;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-row.full-width{grid-template-columns:1fr}.form-row.three-columns{grid-template-columns:1fr 1fr 1fr}.image-upload-area{border:2px dashed #d9d9d9;border-radius:6px;padding:24px;text-align:center;background:#fafafa;transition:all .3s ease;cursor:pointer}.image-upload-area:hover{border-color:#1890ff;background:#f0f8ff}.image-upload-area.dragover{border-color:#1890ff;background:#e6f7ff}.image-preview{max-width:200px;max-height:150px;border-radius:6px;object-fit:cover;margin-top:12px}.color-picker{display:flex;align-items:center;gap:8px}.color-picker .ant-input{width:60px;height:32px;padding:0;border:none;border-radius:4px;cursor:pointer}.list-item{background:#fff;border:1px solid #e8e8e8;border-radius:6px;padding:16px;margin-bottom:12px;transition:all .3s ease}.list-item:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff1a}.list-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.list-item-title{font-weight:500;color:#262626;margin:0}.list-item-actions{display:flex;gap:8px}.drag-handle{cursor:move;color:#8c8c8c;margin-right:8px}.drag-handle:hover{color:#1890ff}.sortable-list{min-height:100px;padding:8px;background:#fafafa;border-radius:6px;border:1px dashed #d9d9d9}.sortable-list .list-item{margin-bottom:8px}.sortable-list .list-item:last-child{margin-bottom:0}.preview-section{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:20px;margin-top:16px}.preview-title{font-size:16px;font-weight:600;color:#262626;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}@media(max-width:768px){.home-widget-header{flex-direction:column;gap:16px;text-align:center}.form-row,.form-row.three-columns{grid-template-columns:1fr}.list-item-header{flex-direction:column;align-items:flex-start;gap:8px}.list-item-actions{width:100%;justify-content:flex-end}}.section-editor{animation:fadeIn .3s ease-in-out}.ant-tabs-tab{font-weight:500}.ant-tabs-tab-active{font-weight:600}.ant-card{border-radius:8px;box-shadow:0 2px 8px #0000000f}.ant-input,.ant-input-number,.ant-select-selector{border-radius:6px}.ant-switch{border-radius:12px}.loading-overlay{position:relative;opacity:.6;pointer-events:none}.loading-overlay:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #1890ff;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}.draggable-section-item{transition:all .2s ease;-webkit-user-select:none;user-select:none}.draggable-section-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.draggable-section-item:active{transform:scale(.98)}.draggable-section-item .anticon-drag{opacity:.6;transition:opacity .2s ease}.draggable-section-item:hover .anticon-drag{opacity:1}.section-order-manager{background:#fafafa;border-radius:8px;padding:16px;margin-bottom:16px}.section-order-manager .ant-card-head{border-bottom:1px solid #e8e8e8}.section-order-manager .ant-card-body{padding:0}.section-status-active{background:linear-gradient(135deg,#f6ffed,#d9f7be);border-left:4px solid #52c41a}.section-status-inactive{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-left:4px solid #d9d9d9}.dragging{opacity:.8;transform:rotate(2deg);box-shadow:0 8px 16px #0003}@media(max-width:768px){.draggable-section-item{flex-direction:column;gap:8px;text-align:center}.draggable-section-item .ant-space{flex-direction:column;align-items:center}}.dynamic-widget-header-premium{background:linear-gradient(135deg,#d4af37,#caa03c);padding:1.25rem 2rem;border-radius:1.25rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap;box-shadow:0 10px 25px -5px #d4af374d;position:relative;overflow:hidden}.dynamic-widget-header-premium:before{content:"";position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:#ffffff1f;border-radius:50%;pointer-events:none}.dynamic-widget-title-section{position:relative;z-index:1}.dynamic-widget-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-bottom:.35rem}.dynamic-widget-breadcrumb-item{color:#011d4cb3;font-weight:500;transition:color .2s;cursor:pointer}.dynamic-widget-breadcrumb-item:hover{color:#011d4c}.dynamic-widget-breadcrumb-item.active{color:#011d4c;font-weight:700;cursor:default}.dynamic-widget-breadcrumb-separator{color:#011d4c66;font-size:.8rem;-webkit-user-select:none;user-select:none}.dynamic-widget-title{font-size:1.875rem;font-weight:800;color:#011d4c;margin:0;letter-spacing:-.025em}.dynamic-widget-subtitle{color:#011d4cd9;font-size:.95rem;font-weight:500}.dynamic-widget-header-actions{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem}.dynamic-widget-header-actions .ant-btn{border-radius:.75rem!important;font-weight:600!important;height:auto!important;padding:.625rem 1.25rem!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;box-shadow:0 4px 6px -1px #011d4c33!important}.dynamic-widget-header-actions .ant-btn-primary{background:#011d4c!important;color:#fff!important;border:none!important}.dynamic-widget-header-actions .ant-btn-primary:hover{background:#0c2d78!important}.dynamic-widget-header-actions .ant-btn-default{background:#fff3!important;color:#011d4c!important;border:1px solid rgba(1,29,76,.2)!important}.dynamic-widget-header-actions .ant-btn-default:hover{background:#ffffff4d!important;color:#011d4c!important}:root{--primary-color: #1890ff;--secondary-color: #52c41a;--text-main: #1f2937;--text-muted: #6b7280;--bg-light: #f9fafb;--radius-lg: 16px;--radius-md: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.preview-page-container{max-width:1400px;margin:0 auto;padding:40px 20px;background-color:#f3f4f6;min-height:100vh}.preview-container{max-width:1200px;margin:0 auto;padding:0 20px}.ant-card{border-radius:var(--radius-md);border:none;box-shadow:var(--shadow-md)}.dynamic-page-content-wrapper{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);margin-top:20px}.preview-section{padding:60px 0;border-bottom:1px solid #f3f4f6}.preview-section-title{text-align:center;margin-bottom:40px!important;position:relative;font-weight:800!important;color:var(--text-main)}.preview-section-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:50px;height:4px;background:linear-gradient(90deg,var(--primary-color),#60a5fa);border-radius:2px}.preview-banner-section{margin-bottom:0}.banner-item-wrapper{position:relative;height:450px;overflow:hidden;border-radius:0}.banner-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.banner-item-wrapper:hover .banner-image{transform:scale(1.02)}.banner-content-overlay{position:absolute;bottom:0;left:0;right:0;padding:60px 40px 40px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);color:#fff}.banner-placeholder{height:450px;background:linear-gradient(135deg,#e5e7eb,#d1d5db);display:flex;align-items:center;justify-content:center;color:#6b7280}.preview-category-card{border-radius:var(--radius-md)!important;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:1px solid #f3f4f6!important}.preview-category-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)!important}.category-image-wrapper{height:160px;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}.category-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}.preview-category-card:hover .category-image-wrapper img{transform:scale(1.1)}.category-title{text-align:center;font-weight:600;font-size:15px}.product-image-wrapper{height:200px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.product-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}.preview-product-card:hover .product-image-wrapper img{transform:scale(1.1)}.preview-grid-box{padding:24px;border-radius:var(--radius-lg);height:100%;display:flex;flex-direction:column;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.preview-grid-box:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.grid-box-title{margin-bottom:20px!important;font-weight:700!important}.grid-item-placeholder{background:#fff9;padding:12px;border-radius:var(--radius-md);text-align:center;height:100%;display:flex;flex-direction:column;gap:8px}.grid-item-image{aspect-ratio:1;background:#0000000d;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px}.grid-item-label{font-size:12px;font-weight:500;color:var(--text-muted)}.grid-box-footer{margin-top:auto;padding-top:16px;cursor:pointer}.broadcast-card-preview{background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease}.broadcast-card-preview:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.broadcast-thumbnail{position:relative;aspect-ratio:9/16;background:#000}.broadcast-thumbnail img{width:100%;height:100%;object-fit:cover}.broadcast-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#1f2937,#111827)}.broadcast-overlay{position:absolute;top:10px;left:10px}.viewer-count{background:#00000080;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.broadcast-info{padding:12px}.broadcast-title{display:block;font-size:14px}.preview-product-card{border-radius:var(--radius-md)!important;overflow:hidden;transition:all .3s ease!important;height:100%}.preview-product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)!important}.product-image-wrapper{height:200px;background:#f9fafb;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.product-image-wrapper img{max-width:100%;max-height:100%;object-fit:contain;display:block;margin:0 auto}.product-card-content{padding:16px;display:flex;flex-direction:column;gap:8px}.product-tag{width:fit-content;margin-bottom:4px}.product-name{font-weight:600;font-size:15px;color:var(--text-main);height:44px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.product-price-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.price-main{display:flex;flex-direction:column}.product-price{font-size:16px;font-weight:800;color:var(--primary-color);line-height:1.2}.product-mrp{font-size:12px;color:#999;text-decoration:line-through;font-weight:400;margin-top:1px}.product-sku{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.discount-tag{font-size:11px!important;font-weight:700!important;border-radius:4px!important;padding:2px 6px!important}.preview-discount-card-modern{background:#fff;border-radius:var(--radius-md);padding:24px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid #f3f4f6;transition:all .3s ease;height:100%;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;overflow:hidden}.preview-discount-card-modern:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#52c41a,#b7eb8f)}.preview-discount-card-modern:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.discount-badge{font-size:32px;font-weight:900;color:#52c41a;line-height:1;display:flex;flex-direction:column}.discount-badge small{font-size:14px;font-weight:700;opacity:.8}.discount-details{display:flex;flex-direction:column;gap:8px}.discount-title{font-weight:700;font-size:16px;color:var(--text-main)}.discount-validity{margin-top:4px}.preview-brand-card-modern{background:#fff;border-radius:var(--radius-md);padding:20px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid #f3f4f6;transition:all .3s ease;height:100%}.preview-brand-card-modern:hover{transform:scale(1.05);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.brand-logo-wrapper{height:80px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);padding:10px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.brand-logo-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}.preview-brand-card-modern:hover .brand-logo-img{transform:scale(1.1)}.brand-name-text{font-size:16px;color:var(--text-main)}.section-header-flex{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:40px}.live-tag{margin-top:-30px;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.preview-review-card-modern{height:100%;border-radius:var(--radius-lg)!important;background:#fff!important}.review-card-content{display:flex;flex-direction:column;gap:16px}.review-stars{font-size:18px}.review-comment{font-size:16px;line-height:1.6;color:var(--text-main);font-style:italic}.review-author{display:flex;align-items:center;gap:12px;margin-top:8px}.review-avatar{background:var(--primary-color)!important}.author-info{display:flex;flex-direction:column}.preview-section-empty{padding:80px 20px;text-align:center;background:#f9fafb;border-radius:var(--radius-md);border:2px dashed #d1d5db;color:var(--text-muted)}@media(max-width:768px){.banner-item-wrapper{height:300px}.preview-section{padding:40px 0}.preview-section-title{font-size:24px!important}}.total-count-badge{padding:.25rem .75rem;background:#6366f11a;color:var(--modern-primary);border-radius:2rem;font-size:.875rem;font-weight:700}.modern-search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;color:var(--modern-text-secondary);display:flex;align-items:center}.user-cell{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--modern-primary),#818cf8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.user-email{font-weight:600;font-size:.9rem}.product-cell{display:flex;flex-direction:column;gap:.25rem}.product-name{font-weight:700;font-size:.95rem;color:var(--modern-text)}.product-sku{font-size:.85rem;color:var(--modern-text-secondary)}.account-header{margin-top:10px;margin-bottom:2.5rem;border-left:4px solid #6366f1;padding-left:1.25rem}.account-header h2{font-size:1.75rem;font-weight:800;letter-spacing:-.025em;color:#111827;margin-bottom:0;margin-top:0}.account-header p{color:#6b7280;font-size:.95rem;margin-bottom:0;margin-top:0}.avatar-section{display:flex;align-items:center;gap:2rem;padding:1.5rem;background:#f8f9fa;border-radius:1rem;margin-bottom:2rem;border:1px solid #edf2f7}.avatar-wrapper{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 4px 12px #0000001a}.avatar-wrapper img{width:100%;height:100%;object-fit:cover}.avatar-fallback{width:100%;height:100%;background:#e9ecef;display:flex;align-items:center;justify-content:center;color:#adb5bd}.avatar-controls{display:flex;flex-direction:column;gap:.75rem}.avatar-info-text{font-size:.75rem;color:#666;margin-bottom:.25rem}.button-group{display:flex;gap:.75rem}.btn-modern{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-outline{background:#fff;border-color:#e2e8f0;color:#475569}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.btn-danger-outline{background:#fff;border-color:#fee2e2;color:#ef4444}.btn-danger-outline:hover{background:#fef2f2;border-color:#fecaca}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.input-modern{padding:.625rem .875rem;border-radius:.5rem;border:1px solid #e2e8f0;font-size:.875rem;transition:all .2s;outline:none;background:#fff}.input-modern:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.select-modern{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.security-section{padding-top:2rem;border-top:1px solid #edf2f7}.security-section h3{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.security-section p{color:#666;font-size:.875rem;margin-bottom:1.25rem}.security-actions{display:flex;gap:1rem}.btn-large{padding:.75rem 1.5rem}.btn-secondary{background:#f1f5f9;color:#334155;border:none}.btn-secondary:hover{background:#e2e8f0}.btn-danger{background:#fee2e2;color:#b91c1c;border:none}.btn-danger:hover{background:#fecaca}.avatar-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffb3;display:flex;align-items:center;justify-content:center}.spinner{width:30px;height:30px;border:3px solid rgba(99,102,241,.1);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.avatar-section{flex-direction:column;text-align:center}}.password-header{margin-top:10px;margin-bottom:2.5rem;border-left:4px solid #6366f1;padding-left:1.25rem}.password-header h2{font-size:1.75rem;font-weight:800;letter-spacing:-.025em;color:#111827;margin-bottom:0;margin-top:0}.password-header p{color:#6b7280;font-size:.95rem;margin-bottom:0;margin-top:0}.password-form{display:flex;flex-direction:column;gap:1.5rem}.password-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:span 2}.form-label{font-size:.875rem;font-weight:600;color:#374151}.password-input-wrapper{position:relative;display:flex;align-items:center}.input-modern{width:100%;padding:.625rem 2.75rem .625rem .875rem;border-radius:.5rem;border:1px solid #e2e8f0;font-size:.875rem;transition:all .2s;outline:none;background:#fff}.input-modern:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.25rem;transition:all .2s}.password-toggle:hover{color:#6366f1;background:#f1f5f9}.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}.password-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.requirements-title{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.25rem}.requirement-item{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:#64748b;transition:all .2s}.requirement-item.met{color:#10b981}.requirement-item.not-met{color:#94a3b8}.requirement-icon{flex-shrink:0}@media(max-width:640px){.password-form{max-width:100%}.password-grid{grid-template-columns:1fr}}.coupon-page-container{padding:24px}.coupon-main-card{border-radius:4px}.coupon-page-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.coupon-breadcrumb{margin-bottom:0}.coupon-header-actions{display:flex;align-items:center;gap:8px}.coupon-search-container{display:flex;gap:8px;align-items:center}.coupon-search-input{width:220px}.coupon-search-select{width:150px}.coupon-date-picker{min-width:240px}.coupon-date-picker-label,.coupon-refresh-button{margin-left:8px}.coupon-tabs{margin-bottom:0}.coupon-tab-count{color:#888}.coupon-stats-row{margin-bottom:24px}.coupon-stat-blue .ant-statistic-content-value{color:#1890ff!important}.coupon-stat-green .ant-statistic-content-value{color:#52c41a!important}.coupon-stat-orange .ant-statistic-content-value{color:#faad14!important}.coupon-stat-red .ant-statistic-content-value{color:#ff4d4f!important}.coupon-divider{border-bottom:1px solid #f0f0f0;margin:16px 0}.coupon-tabs-section{margin-bottom:16px}.coupon-status-tag{font-size:11px}.coupon-text-secondary-12{font-size:12px}.coupon-text-strong-16{font-size:16px;font-weight:600}.coupon-text-secondary-11{font-size:11px}.coupon-text-12{font-size:12px}.coupon-text-11{font-size:11px}.coupon-code-text{font-family:Courier New,monospace;font-size:14px;font-weight:600;color:#1890ff}.coupon-copy-button{padding:0;height:auto;font-size:11px}.coupon-action-button{padding:4px}.coupon-activate-icon{color:#52c41a}.coupon-pause-icon,.coupon-clone-icon{color:#faad14}.coupon-modal-section{background:#fafafa;padding:16px;border-radius:6px;margin-bottom:16px}.coupon-modal-section-title{margin-bottom:16px;color:#262626;font-size:16px;font-weight:600}.coupon-form-full-width{width:100%}.coupon-form-actions{text-align:right;margin-top:16px}.coupon-form-input{width:100%}.coupon-form-section{background:#fafafa;padding:16px;border-radius:6px;margin-bottom:16px}.coupon-form-section-title{margin-bottom:16px;color:#262626;font-size:16px;font-weight:600}.coupon-form-actions-container{text-align:right;margin-top:16px}.coupon-type-percentage{color:#1890ff}.coupon-type-fixed{color:#52c41a}.coupon-type-shipping{color:#722ed1}.coupon-type-buy-x-get-y{color:#fa8c16}@media(max-width:768px){.coupon-page-header,.coupon-search-container{flex-direction:column;align-items:stretch}.coupon-search-input,.coupon-search-select{width:100%}.coupon-header-actions{justify-content:center}}.orders-main{flex:1;min-width:0;font-family:var(--dp-sans);color:var(--dp-navy);padding:24px;background-color:#f8fafc}.orders-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.orders-crumbs{font-size:12px;color:var(--dp-ink-soft);margin-bottom:6px}.orders-crumbs b{color:var(--dp-navy);font-weight:500}.orders-page-head h1{font-size:24px;font-weight:700;color:var(--dp-navy);margin:0;letter-spacing:-.02em}.orders-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--dp-line-strong);background:var(--dp-surface);color:var(--dp-navy);transition:background .15s,border-color .15s;cursor:pointer}.orders-btn:hover{background:var(--dp-slate-soft)}.orders-btn.primary{background:var(--dp-gold);border-color:var(--dp-gold);color:var(--dp-navy);font-weight:600}.orders-btn.primary:hover{background:var(--dp-gold-hover);border-color:var(--dp-gold-hover)}.orders-panel{background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:var(--dp-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.orders-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--dp-line);background:var(--dp-surface)}.orders-search{display:flex;align-items:center;gap:8px;border:1px solid var(--dp-line-strong);border-radius:8px;padding:0 12px;height:38px;width:280px;max-width:100%;background:var(--dp-surface);color:var(--dp-ink-soft)}.orders-search svg{width:15px;height:15px;color:var(--dp-ink-soft);flex-shrink:0}.orders-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--dp-navy)}.orders-search input::placeholder{color:#9aa0b0}.orders-modern-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.orders-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.orders-item-cell{display:flex;align-items:center;gap:12px}.orders-number{font-weight:600;font-size:13.5px;color:var(--dp-navy);white-space:nowrap}.orders-subtext{font-size:11.5px;font-family:var(--dp-mono);color:var(--dp-ink-soft);margin-top:1px}.orders-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase}.orders-status-dot{width:6px;height:6px;border-radius:50%}.orders-status-delivered,.orders-status-paid{background:#e8f5e9;color:#2e7d32}.orders-status-delivered .orders-status-dot,.orders-status-paid .orders-status-dot{background:#2e7d32}.orders-status-pending{background:var(--dp-gold-soft);color:var(--dp-gold-deep)}.orders-status-pending .orders-status-dot{background:var(--dp-gold-deep)}.orders-status-processing,.orders-status-confirmed{background:#e0f2fe;color:#0369a1}.orders-status-processing .orders-status-dot,.orders-status-confirmed .orders-status-dot{background:#0369a1}.orders-status-shipped,.orders-status-refunded{background:#f3e8ff;color:#7e22ce}.orders-status-shipped .orders-status-dot,.orders-status-refunded .orders-status-dot{background:#7e22ce}.orders-status-cancelled,.orders-status-failed{background:var(--dp-danger-soft);color:var(--dp-danger)}.orders-status-cancelled .orders-status-dot,.orders-status-failed .orders-status-dot{background:var(--dp-danger)}.orders-status-returned,.orders-status-partial_refund{background:#ffedd5;color:#c2410c}.orders-status-returned .orders-status-dot,.orders-status-partial_refund .orders-status-dot{background:#c2410c}.orders-dropdown{position:absolute;right:0;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:170px;padding:.4rem}.orders-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--dp-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.orders-dropdown-item:hover{background:var(--dp-paper)}.orders-dropdown-divider{height:1px;background:var(--dp-line);margin:.35rem 0}.orders-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--dp-line);flex-wrap:wrap;background:#fff}.orders-foot-info{font-size:12.5px;color:var(--dp-ink-soft)}.orders-foot-info b{font-family:var(--dp-mono);color:var(--dp-navy);font-weight:600}.orders-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--dp-ink-soft)}.orders-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--dp-line-strong);background-color:var(--dp-surface);color:var(--dp-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.orders-pager{display:flex;gap:4px;align-items:center}.orders-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--dp-mono);font-size:12.5px;color:var(--dp-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.orders-page-btn:hover:not(:disabled){background:var(--dp-slate-soft);color:var(--dp-navy)}.orders-page-btn.current{background:var(--dp-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--dp-gold)}.orders-page-btn:disabled{opacity:.35;cursor:default}.orders-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:order-skeleton-loading 1.5s infinite;border-radius:6px}@keyframes order-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.order-info-wrapper{display:flex;flex-direction:column;gap:20px;font-family:inherit}@media(min-width:1024px){.order-info-wrapper{flex-direction:row;align-items:flex-start}.order-info-card{flex:1;min-width:0}}.order-info-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000008;overflow:hidden}.order-info-card-header{background:#0b1e36;padding:16px 24px;border-bottom:2px solid #caa355;display:flex;align-items:center;gap:12px}.order-info-card-header-icon{width:36px;height:36px;border-radius:8px;background:#caa35526;border:1px solid #caa355;color:#caa355;display:flex;align-items:center;justify-content:center;flex-shrink:0}.order-info-card-header h4{margin:0;font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.order-info-card-body{padding:20px 24px}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}@media(min-width:1024px){.order-details-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.order-details-grid{grid-template-columns:repeat(2,1fr)}}.order-detail-box{background:#f8fafc;border-radius:12px;padding:14px 16px;border:1px solid #f1f5f9;display:flex;flex-direction:column;gap:5px}.order-detail-box label{font-size:10.5px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.order-detail-box .detail-value{font-size:14px;font-weight:600;color:#1e293b;text-align:left}.order-detail-box .detail-value.gold{color:#caa355;font-size:16px}.order-detail-box .detail-value.navy{color:#0b1e36}.order-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;width:fit-content}.order-type-badge.pos{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.order-type-badge.ecommerce{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.payment-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;width:fit-content}.payment-status-badge.paid,.payment-status-badge.completed{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.payment-status-badge.pending{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.tracking-row{display:flex;align-items:center;gap:8px}.copy-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid #caa355;background:transparent;color:#caa355;cursor:pointer;transition:all .2s ease;flex-shrink:0}.copy-btn:hover{background:#caa355;color:#fff}.copy-toast{position:fixed;bottom:24px;right:24px;background:#0b1e36;color:#fff;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:500;border-left:3px solid #caa355;box-shadow:0 8px 24px #00000026;z-index:9999;animation:slideInToast .3s ease}@keyframes slideInToast{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.customer-name{font-size:14px;font-weight:700;color:#0b1e36}.customer-meta{font-size:12px;color:#64748b;margin-top:2px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}@media(min-width:1024px){.pricing-grid{grid-template-columns:repeat(4,1fr)}}.pricing-box{background:#f8fafc;border-radius:12px;padding:14px 16px;border:1px solid #f1f5f9;display:flex;flex-direction:column;gap:5px}.pricing-box label{font-size:10.5px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.pricing-box .pricing-value{font-size:15px;font-weight:600;color:#1e293b}.pricing-box.total-box{background:#0b1e36;border-color:#caa355;grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between}.pricing-box.total-box label{color:#fff9;font-size:12px}.pricing-box.total-box .pricing-value{font-size:22px;font-weight:800;color:#caa355}.items-tab-wrapper{display:flex;flex-direction:column;gap:24px;font-family:inherit}.items-header-row{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:14px 20px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000005;gap:16px;flex-wrap:wrap}.items-header-summary{display:flex;flex-direction:column;gap:3px}.items-count-text{font-size:15px;font-weight:700;color:#0b1e36}.items-qty-text{font-size:13px;font-weight:500;color:#64748b}.items-grand-total{font-size:18px;font-weight:700;color:#caa355}.segmented-control{display:flex;background:#f1f5f9;padding:4px;border-radius:8px;gap:4px;border:1px solid #e2e8f0}.segmented-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.segmented-btn:hover{color:#0b1e36}.segmented-btn.active{background:#fff;color:#caa355;box-shadow:0 2px 8px #0000000f}.table-container{background:#fff;border-radius:16px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000008;overflow-x:auto}.modern-items-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.modern-items-table th{background:#0b1e36;color:#fff;padding:14px 16px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #caa355}.modern-items-table td{padding:16px;border-bottom:1px solid #e2e8f0;color:#334155;vertical-align:middle}.modern-items-table tbody tr:hover td{background:#f8fafc}.items-type-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.items-type-badge.service{background:#eff6ff;color:#1d4ed8}.items-type-badge.product{background:#f8fafc;color:#475569}.suborder-badge{font-family:monospace;background:#f1f5f9;padding:3px 8px;border-radius:4px;font-size:11.5px;border:1px solid #e2e8f0;color:#0f172a;font-weight:600}.items-status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}.item-actions{display:flex;gap:8px;align-items:center}.item-actions .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s ease;padding:0}.item-actions .action-btn.confirm-btn{color:#16a34a!important;border-color:#bbf7d0!important}.item-actions .action-btn.confirm-btn:hover:not(.disabled){background:#f0fdf4;border-color:#16a34a!important}.item-actions .action-btn.cancel-btn{color:#dc2626!important;border-color:#fecaca!important;background:#fff!important}.item-actions .action-btn.cancel-btn:hover:not(.disabled){background:#fef2f2!important;border-color:#dc2626!important}.item-actions .action-btn.disabled{opacity:.4;cursor:not-allowed;background:#f8fafc!important;border-color:#e2e8f0!important;color:#94a3b8!important}.table-summary-row td{background:#f8fafc;font-weight:700;border-top:2px solid #e2e8f0;border-bottom:2px solid #e2e8f0}.summary-grand-total{color:#0b1e36;font-size:14.5px}.summary-grand-value{color:#caa355;font-size:16px}.item-list-container{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.item-list-container{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.item-list-container{grid-template-columns:repeat(3,1fr)}}.item-list-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000008;overflow:hidden;transition:all .3s ease}.item-list-card:hover{box-shadow:0 8px 30px #0b1e360f;border-color:#caa355}.item-list-card-header{background:#0b1e36;padding:20px 24px;color:#fff;border-bottom:2px solid #caa355;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.card-header-main{display:flex;align-items:center;gap:16px}.card-header-icon-box{width:44px;height:44px;border-radius:10px;background:#caa35526;border:1px solid #caa355;color:#caa355;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-header-title-box h3{margin:0;font-size:18px;font-weight:600;color:#fff}.card-header-meta{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}.card-header-total-price{text-align:right}.total-price-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#fff9}.total-price-val{font-size:20px;font-weight:700;color:#caa355}.item-list-card-body{padding:24px;background:#fff;display:flex;flex-direction:column;gap:20px}.card-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.card-detail-box{background:#f8fafc;border-radius:12px;padding:14px;border:1px solid #f1f5f9}.card-detail-box label{display:block;font-size:11px;color:#64748b;text-transform:uppercase;font-weight:500;letter-spacing:.02em;margin-bottom:6px}.card-detail-box span{font-size:14px;font-weight:600;color:#1e293b}.card-detail-box span.gold{color:#caa355;font-weight:700}.card-actions-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e2e8f0;padding-top:16px;margin-top:8px}.card-actions-left{display:flex;gap:8px}.reschedule-btn,.assign-tech-btn{background:transparent;border:1px solid #caa355;color:#caa355;padding:6px 12px;border-radius:6px;font-size:12.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.reschedule-btn:hover:not(:disabled),.assign-tech-btn:hover:not(:disabled){background:#caa355;color:#fff}.reschedule-btn:disabled,.assign-tech-btn:disabled{opacity:.5;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.list-summary-card{background:#0b1e36;border-radius:16px;padding:24px;border:2px solid #caa355;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0b1e3626;flex-wrap:wrap;gap:16px}.list-summary-left h4{margin:0;font-size:16px;font-weight:600}.list-summary-left p{margin:4px 0 0;font-size:13px;color:#ffffffb3}.list-summary-right{font-size:24px;font-weight:700;color:#caa355}.return-exchange-section{margin-top:32px;border-top:2px dashed #e2e8f0;padding-top:32px}.return-exchange-section h4{font-size:18px;font-weight:700;color:#0b1e36;margin-bottom:20px}.return-exchange-grid{display:flex;flex-direction:column;gap:24px}.return-exchange-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000005;overflow:hidden}.return-exchange-card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.return-exchange-card-header h5{margin:0;font-size:15px;font-weight:600;color:#0b1e36}.return-exchange-card-body{padding:24px;display:flex;flex-direction:column;gap:24px}.return-exchange-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.evidence-images{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.evidence-img,.evidence-video{width:60px;height:60px;border-radius:6px;object-fit:cover;border:1px solid #e2e8f0;cursor:pointer;transition:opacity .2s ease}.evidence-img:hover,.evidence-video:hover{opacity:.8}.comparison-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.comparison-container h6{margin:0 0 16px;font-size:14px;font-weight:600;color:#0b1e36}.comparison-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.comparison-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.comparison-box.exchange{border-color:#bbf7d0}.comparison-box-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;color:#64748b}.comparison-box.exchange .comparison-box-title{color:#16a34a}.comparison-row{font-size:13px;margin-bottom:6px}.comparison-row label{color:#64748b}.comparison-row strong{color:#1e293b}.attributes-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.attr-tag{background:#eff6ff;color:#1d4ed8;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.attr-tag.exchange{background:#f0fdf4;color:#16a34a}.table-item-name{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.table-item-thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;border:1px solid #e2e8f0;flex-shrink:0}.table-item-thumb-placeholder{width:36px;height:36px;border-radius:8px;background:#f1f5f9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0}.card-header-icon-box:has(.card-item-image){width:56px;height:56px;border-radius:10px;overflow:hidden;padding:0;border:2px solid #caa355;background:transparent}.card-item-image{width:100%;height:100%;object-fit:cover;display:block}.card-total-price-inline{display:flex;flex-direction:column;gap:1px;padding-right:12px;border-right:1px solid #e2e8f0;margin-right:4px}.card-total-price-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:500}.card-total-price-amount{font-size:15px;font-weight:700;color:#caa355}.billing-wrapper{display:flex;flex-direction:column;gap:24px;font-family:inherit}.billing-grid-container{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.billing-grid-container.three-cols{grid-template-columns:repeat(3,1fr)}.billing-grid-container.two-cols{grid-template-columns:repeat(2,1fr)}}.billing-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000008;transition:all .3s ease;display:flex;flex-direction:column}.billing-card:hover{box-shadow:0 8px 30px #0b1e360f;border-color:#caa355}.billing-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px;border-radius:12px}.billing-header-title{color:#fff!important}.billing-header-icon{color:#caa355}.billing-card-header h3{margin:0;font-size:17px;font-weight:600;color:#0b1e36}.billing-card-content{display:flex;flex-direction:column;gap:14px}.billing-info-row{display:flex;flex-direction:column;gap:4px}.billing-label{font-size:12px;color:#64748b;text-transform:uppercase;font-weight:500;letter-spacing:.05em}.billing-value{font-size:14.5px;color:#1e293b;font-weight:500}.payment-history-card{display:flex;flex-direction:column}.payment-column-list{display:flex;flex-direction:column;gap:16px;flex:1}.no-payments-placeholder{padding:24px;text-align:center;color:#64748b;font-size:13.5px;background:#f8fafc;border-radius:12px;border:1px dashed #e2e8f0}.payment-history-card .payment-item-card{background:#fafcff;border-radius:12px;padding:16px;border:1px solid #f1f5f9;box-shadow:none;transition:border-color .2s ease}.payment-history-card .payment-item-card:hover{border-color:#e2e8f0}.payment-item-main{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.payment-item-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.payment-amount-badge{background:#0b1e36;color:#caa355;padding:6px 12px;border-radius:6px;font-weight:700;font-size:13.5px}.payment-method-pill{background:#fff;border:1px solid #e2e8f0;color:#475569;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.02em}.payment-status-badge{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:600}.payment-details-grid{display:grid;grid-template-columns:1fr;gap:12px;background:#fff;border-radius:8px;padding:12px;border:1px solid #f1f5f9}.payment-detail-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px}.detail-label{font-size:11px;color:#64748b;text-transform:uppercase;font-weight:500;letter-spacing:.02em}.detail-value{color:#1e293b;font-weight:600;text-align:right}.detail-value.code{font-family:monospace;background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:11px}.gateway-collapsible{margin-top:12px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.gateway-toggle-btn{width:100%;display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:none;padding:10px 12px;font-size:12px;font-weight:600;color:#334155;cursor:pointer;transition:background .2s ease}.gateway-toggle-btn:hover{background:#f1f5f9}.gateway-content{padding:12px;background:#fff;border-top:1px solid #e2e8f0;max-height:200px;overflow-y:auto}.gateway-properties{display:flex;flex-direction:column;gap:6px}.gateway-prop-row{display:flex;justify-content:space-between;font-size:11px;gap:16px}.prop-key{color:#64748b;text-transform:capitalize;font-weight:500}.prop-val{color:#0f172a;font-weight:600}.gateway-raw-text{margin:0;font-family:monospace;font-size:10.5px;background:#fafafa;padding:10px;border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-break:break-all;color:#334155}.breakdown-divider{height:1px;background:#e2e8f0;margin:20px 0}.pricing-breakdown-section{display:flex;flex-direction:column;gap:10px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9}.breakdown-row{display:flex;justify-content:space-between;font-size:13px;color:#475569;font-weight:500}.breakdown-row span:last-child{font-weight:600;color:#1e293b}.breakdown-row.discount{color:#b91c1c}.breakdown-row.discount span:last-child{color:#b91c1c}.breakdown-row.total{font-size:14.5px;color:#0b1e36;font-weight:700;border-top:1px dashed #e2e8f0;padding-top:10px;margin-top:4px}.breakdown-row.total span:last-child{color:#caa355;font-weight:700}.tracking-wrapper{display:flex;flex-direction:column;gap:24px}.tracking-card{background:#fff;border-radius:18px;padding:24px;border:1px solid #edf2f7;box-shadow:0 6px 20px #0000000a}.tracking-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.tracking-header h3{margin:0;font-size:18px;font-weight:600}.tracking-meta{display:flex;gap:12px;margin-top:6px;color:#64748b;font-size:13px}.status-pill{padding:8px 14px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.success{background:#ecfdf3;color:#027a48}.info{background:#eff8ff;color:#175cd3}.warning{background:#fffaeb;color:#b54708}.danger{background:#fef3f2;color:#d92d20}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.info-box{background:#f8fafc;border-radius:12px;padding:14px}.info-box label{display:block;color:#64748b;font-size:12px;margin-bottom:6px}.info-box strong{font-size:15px}.timeline-section h4{margin-bottom:20px;font-size:16px}.timeline{position:relative}.timeline-item{display:flex;gap:18px;position:relative;padding-bottom:28px}.timeline-item:not(:last-child):after{content:"";position:absolute;left:16px;top:38px;width:2px;height:calc(100% - 12px);background:#e2e8f0}.timeline-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-content{flex:1}.timeline-title{font-weight:600;font-size:14px}.timeline-time{color:#64748b;font-size:13px;margin-top:4px}.timeline-note{margin-top:10px;padding:10px 14px;background:#f8fafc;border-left:4px solid #d4af37;border-radius:8px;display:inline-block;max-width:500px}.empty-history{background:#f8fafc;padding:20px;border-radius:12px;text-align:center;color:#64748b}@media(max-width:768px){.tracking-header{flex-direction:column}.status-pill{align-self:flex-start}}.journey-section{margin-top:30px}.journey-track{display:flex;align-items:flex-start;overflow-x:auto;padding:20px 0}.journey-step{min-width:140px;text-align:center;flex-shrink:0}.journey-circle{width:48px;height:48px;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.journey-line{flex:1;min-width:60px;height:4px;margin-top:22px;background:#e5e7eb}.journey-label{margin-top:12px;font-size:13px;font-weight:600}.journey-date{margin-top:4px;font-size:12px;color:#64748b}.journey-note{margin-top:8px;font-size:13px;color:#374151}.updates-section{margin-top:32px;border-top:1px solid #f1f5f9;padding-top:24px}.updates-section h4{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:20px}.update-item{display:flex;gap:16px;margin-bottom:20px;position:relative}.update-item:not(:last-child):after{content:"";position:absolute;left:17px;top:36px;bottom:-16px;width:2px;background:#e2e8f0}.update-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.update-content{flex:1;padding-bottom:8px}.update-title{font-size:14px;font-weight:600;color:#0f172a}.update-time{font-size:12px;color:#64748b;margin-top:2px}.update-note{margin-top:8px;padding:8px 12px;background:#f8fafc;border-left:3px solid #cbd5e1;border-radius:6px;font-size:13px;color:#334155;display:inline-block;max-width:100%}:root{--dp-paper: #F7F5EF;--dp-surface: #FFFFFF;--dp-navy: #111C33;--dp-navy-mid: #35507E;--dp-ink-soft: #5B6378;--dp-line: #E7E4DA;--dp-line-strong: #D4D0C2;--dp-gold: #C09A2E;--dp-gold-hover: #A9861F;--dp-gold-deep: #8C6D1F;--dp-gold-soft: #F6EFDA;--dp-danger: #B3372E;--dp-danger-soft: #F9E8E6;--dp-slate-soft: #EFECE3;--dp-radius: 10px;--dp-sans: "IBM Plex Sans", system-ui, sans-serif;--dp-mono: "IBM Plex Mono", ui-monospace, monospace;--country-paper: var(--dp-paper);--country-surface: var(--dp-surface);--country-navy: var(--dp-navy);--country-navy-mid: var(--dp-navy-mid);--country-ink-soft: var(--dp-ink-soft);--country-line: var(--dp-line);--country-line-strong: var(--dp-line-strong);--country-gold: var(--dp-gold);--country-gold-hover: var(--dp-gold-hover);--country-gold-deep: var(--dp-gold-deep);--country-gold-soft: var(--dp-gold-soft);--country-danger: var(--dp-danger);--country-danger-soft: var(--dp-danger-soft);--country-slate-soft: var(--dp-slate-soft);--country-radius: var(--dp-radius);--country-sans: var(--dp-sans);--country-mono: var(--dp-mono)}.countries-main{flex:1;min-width:0;font-family:var(--dp-sans);color:var(--dp-navy)}.countries-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.countries-crumbs{font-size:12px;color:var(--dp-ink-soft);margin-bottom:6px}.countries-crumbs b{color:var(--dp-navy);font-weight:500}.countries-page-head h1{font-size:24px;font-weight:700;color:var(--dp-navy);margin:0;letter-spacing:-.02em}.countries-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--dp-line-strong);background:var(--dp-surface);color:var(--dp-navy);transition:background .15s,border-color .15s;cursor:pointer}.countries-btn:hover{background:var(--dp-slate-soft)}.countries-btn.primary{background:var(--dp-gold);border-color:var(--dp-gold);color:var(--dp-navy);font-weight:600}.countries-btn.primary:hover{background:var(--dp-gold-hover);border-color:var(--dp-gold-hover)}.countries-btn.active{background:var(--dp-navy);color:#fff;border-color:var(--dp-navy)}.countries-btn.danger{color:var(--dp-danger);border-color:var(--dp-danger)}.countries-btn.danger:hover{background:var(--dp-danger-soft)}.countries-panel{background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:var(--dp-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.countries-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--dp-line);background:var(--dp-surface)}.countries-search{display:flex;align-items:center;gap:8px;border:1px solid var(--dp-line-strong);border-radius:8px;padding:0 12px;height:38px;width:280px;max-width:100%;background:var(--dp-surface);color:var(--dp-ink-soft)}.countries-search svg{width:15px;height:15px;color:var(--dp-ink-soft);flex-shrink:0}.countries-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--dp-navy)}.countries-search input::placeholder{color:#9aa0b0}.countries-modern-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.countries-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.countries-country-cell{display:flex;align-items:center;gap:12px}.countries-flag-container{display:inline-flex;align-items:center;justify-content:center;background:#f8fafc;padding:3px;border-radius:6px;border:1px solid var(--dp-line);line-height:0;flex-shrink:0}.countries-country-name{font-weight:600;font-size:13.5px;color:var(--dp-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.countries-country-sub{font-size:11.5px;font-family:var(--dp-sans);color:var(--dp-ink-soft);margin-top:1px}.countries-code-badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:4px;width:fit-content;text-transform:uppercase;background:var(--dp-slate-soft);color:var(--dp-navy-mid);font-family:var(--dp-mono)}.countries-dial-code{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--dp-navy);font-weight:500;font-family:var(--dp-mono)}.countries-state-count-link{color:var(--dp-gold-deep);font-weight:700;font-family:var(--dp-mono);cursor:pointer;padding:2px 8px;background:var(--dp-gold-soft);border-radius:4px;transition:all .15s;display:inline-block}.countries-state-count-link:hover{background:var(--dp-gold);color:var(--dp-navy)}.countries-default-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:4px;background:var(--dp-gold-soft);color:var(--dp-gold-deep);border:1px solid rgba(192,154,46,.25);letter-spacing:.04em}.countries-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:capitalize}.countries-status-dot{width:6px;height:6px;border-radius:50%}.countries-status-active{background:#e8f5e9;color:#2e7d32}.countries-status-active .countries-status-dot{background:#2e7d32}.countries-status-inactive{background:var(--dp-danger-soft);color:var(--dp-danger)}.countries-status-inactive .countries-status-dot{background:var(--dp-danger)}.countries-dropdown{position:absolute;right:0;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:175px;padding:.4rem}.countries-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--dp-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.countries-dropdown-item:hover{background:var(--dp-paper)}.countries-dropdown-item.danger{color:var(--dp-danger)}.countries-dropdown-item.danger:hover{background:var(--dp-danger-soft)}.countries-dropdown-divider{height:1px;background:var(--dp-line);margin:.35rem 0}.countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px}.countries-card{background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 4px #111c3308;transition:all .2s ease}.countries-card:hover{box-shadow:0 8px 16px -4px #111c3314;border-color:var(--dp-line-strong)}.countries-card-header{display:flex;align-items:center;justify-content:space-between}.countries-card-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--dp-navy)}.countries-card-info{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--dp-line);border-bottom:1px solid var(--dp-line);font-size:12.5px}.countries-info-row{display:flex;justify-content:space-between;align-items:center;color:var(--dp-ink-soft)}.countries-info-row strong{color:var(--dp-navy);font-weight:600}.countries-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.countries-card-actions{display:flex;gap:6px}.countries-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--dp-line);flex-wrap:wrap;background:#fff}.countries-foot-info{font-size:12.5px;color:var(--dp-ink-soft)}.countries-foot-info b{font-family:var(--dp-mono);color:var(--dp-navy);font-weight:600}.countries-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:countries-skeleton-loading 1.5s infinite;border-radius:6px}@keyframes countries-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-header{background:#011d4c;padding:1.25rem 2rem;color:#fff}.modal-icon-bg{width:40px;height:40px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center}.form-label{display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600;color:#1e293b}.required{color:#ef4444}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.input-wrapper input,.input-wrapper select{width:100%;padding:.65rem 1rem .65rem 2.8rem;border-radius:.75rem;border:1px solid #e2e8f0;font-size:.9rem;color:#0f172a;background:#f8fafc;transition:all .2s;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-wrapper select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.1rem;padding-right:2.5rem}.input-wrapper input:focus,.input-wrapper select:focus{border-color:#011d4c;background:#fff;box-shadow:0 0 0 4px #011d4c1a}.input-wrapper.has-error input,.input-wrapper.has-error select{border-color:#ef4444;background:snow}.error-text{color:#ef4444;font-size:.7rem;margin-top:.35rem;display:flex;align-items:center;gap:.25rem}.status-control-group.wide{background:#f8fafc;border:1px solid #e2e8f0;padding:1rem 1.5rem;border-radius:.875rem;display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.status-label{white-space:nowrap;font-weight:700;font-size:.9rem;color:#011d4c}.status-description{font-size:.8rem;color:#64748b;font-weight:500}.custom-switch{position:relative;display:inline-block;width:54px;height:28px}.custom-switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e2e8f0;transition:.4s;border-radius:34px;border:1px solid #cbd5e1}.switch-dot{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#011d4c;box-shadow:0 2px 4px #0000001a}.custom-switch input:checked+.switch-slider{background-color:#011d4c;border-color:#011d4c}.custom-switch input:checked+.switch-slider .switch-dot{transform:translate(26px)}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-btn{padding:.65rem 1.25rem;border-radius:.75rem;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.cancel-btn:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.submit-btn{padding:.65rem 1.75rem;border-radius:.75rem;border:none;background:#011d4c;color:#fff;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #011d4c66;font-size:.9rem}.submit-btn:hover:not(:disabled){background:#0c2d78;transform:translateY(-2px);box-shadow:0 10px 15px -3px #011d4c66}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner-small{width:1.1rem;height:1.1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@media(max-width:768px){.form-grid-horizontal{flex-direction:column;gap:0}.custom-form-modal{max-width:90%}.modal-form-body{padding:1.5rem}}:root{--dp-paper: #F7F5EF;--dp-surface: #FFFFFF;--dp-navy: #111C33;--dp-navy-mid: #35507E;--dp-ink-soft: #5B6378;--dp-line: #E7E4DA;--dp-line-strong: #D4D0C2;--dp-gold: #C09A2E;--dp-gold-hover: #A9861F;--dp-gold-deep: #8C6D1F;--dp-gold-soft: #F6EFDA;--dp-danger: #B3372E;--dp-danger-soft: #F9E8E6;--dp-slate-soft: #EFECE3;--dp-radius: 10px;--dp-sans: "IBM Plex Sans", system-ui, sans-serif;--dp-mono: "IBM Plex Mono", ui-monospace, monospace;--state-paper: var(--dp-paper);--state-surface: var(--dp-surface);--state-navy: var(--dp-navy);--state-navy-mid: var(--dp-navy-mid);--state-ink-soft: var(--dp-ink-soft);--state-line: var(--dp-line);--state-line-strong: var(--dp-line-strong);--state-gold: var(--dp-gold);--state-gold-hover: var(--dp-gold-hover);--state-gold-deep: var(--dp-gold-deep);--state-gold-soft: var(--dp-gold-soft);--state-danger: var(--dp-danger);--state-danger-soft: var(--dp-danger-soft);--state-slate-soft: var(--dp-slate-soft);--state-radius: var(--dp-radius);--state-sans: var(--dp-sans);--state-mono: var(--dp-mono)}.states-main{flex:1;min-width:0;font-family:var(--dp-sans);color:var(--dp-navy)}.states-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.states-crumbs{font-size:12px;color:var(--dp-ink-soft);margin-bottom:6px}.states-crumbs b{color:var(--dp-navy);font-weight:500}.states-page-head h1{font-size:24px;font-weight:700;color:var(--dp-navy);margin:0;letter-spacing:-.02em}.states-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--dp-line-strong);background:var(--dp-surface);color:var(--dp-navy);transition:background .15s,border-color .15s;cursor:pointer}.states-btn:hover{background:var(--dp-slate-soft)}.states-btn.primary{background:var(--dp-gold);border-color:var(--dp-gold);color:var(--dp-navy);font-weight:600}.states-btn.primary:hover{background:var(--dp-gold-hover);border-color:var(--dp-gold-hover)}.states-btn.danger{color:var(--dp-danger);border-color:var(--dp-danger)}.states-btn.danger:hover{background:var(--dp-danger-soft)}.states-panel{background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:var(--dp-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.states-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--dp-line);background:var(--dp-surface)}.states-search{display:flex;align-items:center;gap:8px;border:1px solid var(--dp-line-strong);border-radius:8px;padding:0 12px;height:38px;width:260px;max-width:100%;background:var(--dp-surface);color:var(--dp-ink-soft)}.states-search svg{width:15px;height:15px;color:var(--dp-ink-soft);flex-shrink:0}.states-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--dp-navy)}.states-search input::placeholder{color:#9aa0b0}.states-modern-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.states-filter-dropdown-wrapper{position:relative}.states-filter-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;padding:.5rem;box-shadow:0 10px 25px -5px #111c3326;z-index:100;min-width:200px;max-height:280px;overflow-y:auto}.states-filter-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:6px;font-size:13px;color:var(--dp-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.states-filter-option:hover{background:var(--dp-paper)}.states-filter-option.active{background:var(--dp-gold-soft);color:var(--dp-gold-deep);font-weight:600}.states-option-icon{display:flex;align-items:center;color:var(--dp-ink-soft)}.states-filter-option.active .states-option-icon{color:var(--dp-gold-deep)}.states-check-icon{margin-left:auto;color:var(--dp-gold-deep)}.states-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.states-state-cell{display:flex;align-items:center;gap:12px}.states-state-icon-wrapper{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;border-radius:8px;background:var(--dp-slate-soft);display:flex;align-items:center;justify-content:center;color:var(--dp-navy-mid);overflow:hidden;border:1px solid var(--dp-line);flex-shrink:0}.states-state-name{font-weight:600;font-size:13.5px;color:var(--dp-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.states-state-sub{font-size:11.5px;font-family:var(--dp-sans);color:var(--dp-ink-soft);margin-top:1px}.states-code-badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;display:inline-block;width:fit-content;text-transform:uppercase;background:var(--dp-slate-soft);color:var(--dp-navy-mid);font-family:var(--dp-mono)}.states-country-info{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--dp-navy);font-weight:500}.states-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:capitalize}.states-status-dot{width:6px;height:6px;border-radius:50%}.states-status-active{background:#e8f5e9;color:#2e7d32}.states-status-active .states-status-dot{background:#2e7d32}.states-status-inactive{background:var(--dp-danger-soft);color:var(--dp-danger)}.states-status-inactive .states-status-dot{background:var(--dp-danger)}.states-dropdown{position:absolute;right:0;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:170px;padding:.4rem}.states-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--dp-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.states-dropdown-item:hover{background:var(--dp-paper)}.states-dropdown-item.danger{color:var(--dp-danger)}.states-dropdown-item.danger:hover{background:var(--dp-danger-soft)}.states-dropdown-divider{height:1px;background:var(--dp-line);margin:.35rem 0}.states-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--dp-line);flex-wrap:wrap;background:#fff}.states-foot-info{font-size:12.5px;color:var(--dp-ink-soft)}.states-foot-info b{font-family:var(--dp-mono);color:var(--dp-navy);font-weight:600}.states-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--dp-ink-soft)}.states-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--dp-line-strong);background-color:var(--dp-surface);color:var(--dp-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.states-pager{display:flex;gap:4px;align-items:center}.states-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--dp-mono);font-size:12.5px;color:var(--dp-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.states-page-btn:hover:not(:disabled){background:var(--dp-slate-soft);color:var(--dp-navy)}.states-page-btn.current{background:var(--dp-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--dp-gold)}.states-page-btn:disabled{opacity:.35;cursor:default}.states-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:states-skeleton-loading 1.5s infinite;border-radius:6px}@keyframes states-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#011d4c66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.modal-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none}.custom-form-modal{background:#fff;width:100%;max-width:850px;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;pointer-events:auto;overflow:hidden}.modal-header{background:#111c33;padding:1.25rem 2rem;color:#fff}.modal-header-content{display:flex;justify-content:space-between;align-items:center}.modal-icon-title{display:flex;align-items:center;gap:1rem}.modal-icon-bg{width:40px;height:40px;background:#c09a2e33;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#c09a2e}.modal-icon-title h2{margin:0;font-size:1.15rem;font-weight:700}.modal-icon-title p{margin:.15rem 0 0;font-size:.8rem;opacity:.7}.modal-close-btn{background:transparent;border:none;color:#fff;opacity:.6;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{opacity:1;background:#ffffff1a}.modal-form-body{padding:2rem}.form-grid-horizontal{display:flex;gap:2.5rem;margin-bottom:.5rem}.form-column{flex:1;display:flex;flex-direction:column}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600;color:#111c33}.required{color:#b3372e}.input-wrapper{position:relative;width:100%}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#5b6378;pointer-events:none}.input-wrapper input,.input-wrapper select{width:100%;padding:.65rem 1rem .65rem 2.8rem;border-radius:.75rem;border:1px solid #D4D0C2;font-size:.9rem;color:#111c33;background:#fff;transition:all .2s;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-wrapper select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235B6378'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.1rem;padding-right:2.5rem}.input-wrapper input:focus,.input-wrapper select:focus{border-color:#c09a2e;background:#fff;box-shadow:0 0 0 4px #c09a2e26}.input-wrapper.has-error input,.input-wrapper.has-error select{border-color:#b3372e;background:snow}.error-text{color:#b3372e;font-size:.7rem;margin-top:.35rem;display:flex;align-items:center;gap:.25rem}.status-control-group.wide{background:#f7f5ef;border:1px solid #E7E4DA;padding:1rem 1.5rem;border-radius:.875rem;display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.status-info-row{display:flex;align-items:center;gap:.75rem}.status-icon-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8f5e9;color:#2e7d32}.status-icon-circle.inactive{background:#f9e8e6;color:#b3372e}.status-text-details h4{margin:0;font-size:.85rem;font-weight:700;color:#111c33}.status-text-details p{margin:.15rem 0 0;font-size:.75rem;color:#5b6378}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.25rem 2rem;background:#f7f5ef;border-top:1px solid #E7E4DA}.modal-btn{padding:.65rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;border:none}.modal-btn.cancel{background:#fff;border:1px solid #D4D0C2;color:#5b6378}.modal-btn.cancel:hover{background:#efece3;color:#111c33}.modal-btn.submit{background:#c09a2e;color:#111c33;font-weight:700}.modal-btn.submit:hover{background:#a9861f}.modal-btn:disabled{opacity:.5;cursor:not-allowed}:root{--dp-paper: #F7F5EF;--dp-surface: #FFFFFF;--dp-navy: #111C33;--dp-navy-mid: #35507E;--dp-ink-soft: #5B6378;--dp-line: #E7E4DA;--dp-line-strong: #D4D0C2;--dp-gold: #C09A2E;--dp-gold-hover: #A9861F;--dp-gold-deep: #8C6D1F;--dp-gold-soft: #F6EFDA;--dp-danger: #B3372E;--dp-danger-soft: #F9E8E6;--dp-slate-soft: #EFECE3;--dp-radius: 10px;--dp-sans: "IBM Plex Sans", system-ui, sans-serif;--dp-mono: "IBM Plex Mono", ui-monospace, monospace;--city-paper: var(--dp-paper);--city-surface: var(--dp-surface);--city-navy: var(--dp-navy);--city-navy-mid: var(--dp-navy-mid);--city-ink-soft: var(--dp-ink-soft);--city-line: var(--dp-line);--city-line-strong: var(--dp-line-strong);--city-gold: var(--dp-gold);--city-gold-hover: var(--dp-gold-hover);--city-gold-deep: var(--dp-gold-deep);--city-gold-soft: var(--dp-gold-soft);--city-danger: var(--dp-danger);--city-danger-soft: var(--dp-danger-soft);--city-slate-soft: var(--dp-slate-soft);--city-radius: var(--dp-radius);--city-sans: var(--dp-sans);--city-mono: var(--dp-mono)}.cities-main{flex:1;min-width:0;font-family:var(--dp-sans);color:var(--dp-navy)}.cities-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.cities-crumbs{font-size:12px;color:var(--dp-ink-soft);margin-bottom:6px}.cities-crumbs b{color:var(--dp-navy);font-weight:500}.cities-page-head h1{font-size:24px;font-weight:700;color:var(--dp-navy);margin:0;letter-spacing:-.02em}.cities-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--dp-line-strong);background:var(--dp-surface);color:var(--dp-navy);transition:background .15s,border-color .15s;cursor:pointer}.cities-btn:hover{background:var(--dp-slate-soft)}.cities-btn.primary{background:var(--dp-gold);border-color:var(--dp-gold);color:var(--dp-navy);font-weight:600}.cities-btn.primary:hover{background:var(--dp-gold-hover);border-color:var(--dp-gold-hover)}.cities-btn.danger{color:var(--dp-danger);border-color:var(--dp-danger)}.cities-btn.danger:hover{background:var(--dp-danger-soft)}.cities-panel{background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:var(--dp-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.cities-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--dp-line);background:var(--dp-surface)}.cities-search{display:flex;align-items:center;gap:8px;border:1px solid var(--dp-line-strong);border-radius:8px;padding:0 12px;height:38px;width:260px;max-width:100%;background:var(--dp-surface);color:var(--dp-ink-soft)}.cities-search svg{width:15px;height:15px;color:var(--dp-ink-soft);flex-shrink:0}.cities-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--dp-navy)}.cities-search input::placeholder{color:#9aa0b0}.cities-modern-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cities-filter-dropdown-wrapper{position:relative}.cities-filter-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;padding:.5rem;box-shadow:0 10px 25px -5px #111c3326;z-index:100;min-width:200px;max-height:280px;overflow-y:auto}.cities-filter-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:6px;font-size:13px;color:var(--dp-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.cities-filter-option:hover{background:var(--dp-paper)}.cities-filter-option.active{background:var(--dp-gold-soft);color:var(--dp-gold-deep);font-weight:600}.cities-option-icon{display:flex;align-items:center;color:var(--dp-ink-soft)}.cities-filter-option.active .cities-option-icon{color:var(--dp-gold-deep)}.cities-check-icon{margin-left:auto;color:var(--dp-gold-deep)}.cities-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.cities-city-cell{display:flex;align-items:center;gap:12px}.cities-city-icon-wrapper{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;border-radius:8px;background:var(--dp-slate-soft);display:flex;align-items:center;justify-content:center;color:var(--dp-navy-mid);overflow:hidden;border:1px solid var(--dp-line);flex-shrink:0}.cities-city-name{font-weight:600;font-size:13.5px;color:var(--dp-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cities-city-sub{font-size:11.5px;font-family:var(--dp-sans);color:var(--dp-ink-soft);margin-top:1px}.cities-code-badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;display:inline-block;width:fit-content;text-transform:uppercase;background:var(--dp-slate-soft);color:var(--dp-navy-mid);font-family:var(--dp-mono)}.cities-location-info{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--dp-navy);font-weight:500}.cities-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:capitalize}.cities-status-dot{width:6px;height:6px;border-radius:50%}.cities-status-active{background:#e8f5e9;color:#2e7d32}.cities-status-active .cities-status-dot{background:#2e7d32}.cities-status-inactive{background:var(--dp-danger-soft);color:var(--dp-danger)}.cities-status-inactive .cities-status-dot{background:var(--dp-danger)}.cities-dropdown{position:absolute;right:0;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:170px;padding:.4rem}.cities-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--dp-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.cities-dropdown-item:hover{background:var(--dp-paper)}.cities-dropdown-item.danger{color:var(--dp-danger)}.cities-dropdown-item.danger:hover{background:var(--dp-danger-soft)}.cities-dropdown-divider{height:1px;background:var(--dp-line);margin:.35rem 0}.cities-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--dp-line);flex-wrap:wrap;background:#fff}.cities-foot-info{font-size:12.5px;color:var(--dp-ink-soft)}.cities-foot-info b{font-family:var(--dp-mono);color:var(--dp-navy);font-weight:600}.cities-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--dp-ink-soft)}.cities-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--dp-line-strong);background-color:var(--dp-surface);color:var(--dp-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.cities-pager{display:flex;gap:4px;align-items:center}.cities-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--dp-mono);font-size:12.5px;color:var(--dp-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.cities-page-btn:hover:not(:disabled){background:var(--dp-slate-soft);color:var(--dp-navy)}.cities-page-btn.current{background:var(--dp-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--dp-gold)}.cities-page-btn:disabled{opacity:.35;cursor:default}.cities-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:cities-skeleton-loading 1.5s infinite;border-radius:6px}@keyframes cities-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.common-modal-title{background:linear-gradient(135deg,var(--ant-color-primary, #011d4c) 0%,var(--ant-color-primary-active, #0c2d78) 100%);color:var(--ant-color-text-light-solid, #fff);padding:var(--ant-padding-sm, 12px) var(--ant-padding-lg, 24px);border-top-left-radius:var(--ant-border-radius-lg, 12px);border-top-right-radius:var(--ant-border-radius-lg, 12px);margin:calc(-1 * var(--ant-padding-lg, 24px)) calc(-1 * var(--ant-padding-lg, 24px)) var(--ant-padding, 16px) calc(-1 * var(--ant-padding-lg, 24px));font-weight:var(--ant-font-weight-strong, 600);font-size:var(--ant-font-size-lg, 18px)}.common-modal-close-icon{color:var(--ant-color-text-light-solid, #fff);font-size:12px;font-weight:700;background-color:var(--ant-color-error, #ff4d4f);border-radius:50%;padding:8px;width:8px;height:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #ff4d4f40;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;position:absolute;top:-52px;right:-10px;z-index:1002}.common-modal-close-icon:hover{background-color:var(--ant-color-error-active, #d32029);box-shadow:0 4px 12px #ff4d4f4f;transform:scale(1.1)}.common-modal-body{padding-top:0;position:relative}.common-modal-header{position:relative}.common-form-section{display:flex;gap:var(--ant-padding, 16px);margin-bottom:16px}.common-form-section-full{display:flex;gap:var(--ant-padding, 16px);margin-bottom:24px}.common-form-field,.common-media-container{flex:1}.common-media-preview{margin-bottom:8px}.common-media-image{max-width:200px;max-height:200px;object-fit:contain}.common-media-button{width:100%;height:120px;border:2px dashed var(--ant-color-border, #d9d9d9);background:var(--ant-color-fill-quaternary, #fafafa);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--ant-border-radius, 6px);transition:all .3s}.common-media-button:hover{border-color:var(--ant-color-primary, #011d4c);background:var(--ant-color-primary-bg, #fef9e7)}.common-media-placeholder{margin-top:8px;min-height:120px;display:flex;align-items:center;justify-content:center;background:#fafafa;border-radius:8px}.common-media-empty{color:#ccc}.common-media-icon{font-size:32px}.common-media-icon-small{font-size:24px}.common-preview-header{margin-bottom:16px}.common-preview-header-with-border{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.common-preview-card{margin-bottom:16px}.common-preview-info-item{margin-bottom:12px}.common-preview-info-label{margin-top:4px;color:#666;font-weight:600}.common-preview-title{margin:0}.common-preview-code{font-family:monospace;background:#f5f5f5;padding:4px 8px;border-radius:4px;margin-top:4px;border:1px solid #e8e8e8}.common-preview-arabic{direction:rtl;margin-top:4px;font-style:italic;color:#666;font-size:.9em}.common-preview-description{padding:16px;background:#fafafa;border-radius:4px;min-height:100px;line-height:1.6}.common-preview-description-rtl{padding:16px;background:#fafafa;border-radius:4px;min-height:100px;line-height:1.6;direction:rtl}.common-preview-seo-section{margin-bottom:12px}.common-preview-seo-content{margin-top:4px;padding:8px;background:#f5f5f5;border-radius:4px}.common-preview-seo-content-rtl{margin-top:4px;padding:8px;background:#f5f5f5;border-radius:4px;direction:rtl}.common-preview-meta-section{margin-top:16px}.common-preview-meta-code{margin-top:4px;font-family:monospace;background:#f5f5f5;padding:4px 8px;border-radius:4px}.common-preview-timestamps{margin-top:4px}.common-page-container-flex{padding:24px;display:flex;flex-direction:column}.common-page-card{border-radius:4px}.common-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.common-breadcrumb{margin-bottom:0}.common-divider{border-bottom:1px solid #f0f0f0;margin:16px 0}.common-searchbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.common-searchbar-input{width:220px}.common-searchbar-select{width:200px}.common-searchbar-select-small{width:150px}.common-tabs{margin-bottom:0}.common-tab-label,.common-tab-count{color:#888}.common-actions-space{display:flex;justify-content:flex-start;flex-wrap:nowrap}.common-action-button{padding:4px}.common-action-button-text{padding:4px;min-width:24px;height:24px}.common-card-container{height:100%}.common-card-active{opacity:1}.common-card-archived{opacity:.7;border-color:#d9d9d9}.common-card-body{padding:16px}.common-card-header{margin-bottom:12px}.common-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #f0f0f0}.common-status-space{align-items:center}.common-tag-small{font-size:11px;margin:2px}.common-tag-extra-small{font-size:10px;margin:0}.common-text-center{text-align:center}.common-text-right{text-align:right}.common-text-left{text-align:left}.common-mb-0{margin-bottom:0}.common-mt-0{margin-top:0}.common-full-width{width:100%}.common-flex-1{flex:1}.common-flex-center{display:flex;align-items:center;justify-content:center}.common-flex-between{display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.common-form-section,.common-form-section-full{flex-direction:column;gap:12px}.common-page-header,.common-searchbar{flex-direction:column;align-items:stretch}.common-searchbar-input,.common-searchbar-select,.common-searchbar-select-small{width:100%}}.table-action-dropdown-button{width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:1px solid transparent!important;background-color:transparent!important;color:#595959!important;padding:0!important;margin:0 auto!important}.table-action-dropdown-button:hover{background-color:#e6f7ff!important;color:#1890ff!important;border-color:#91d5ff!important;transform:scale(1.1);box-shadow:0 2px 8px #00000014}:root{--navy-deep: #0f2042;--navy-dark: #1b263b;--navy-medium: #415a77;--navy-light: #f1f5f9;--navy-slate: #1e293b;--gold-metallic: #d4af37;--gold-primary: #caa03c;--gold-deep: #a88118;--gold-light: #fefcf3;--gold-border: #ebd69a}.review-page-module{padding:2.5rem;background-color:var(--navy-light);min-height:100vh;font-family:Inter,-apple-system,sans-serif;display:flex;flex-direction:column}.review-header-premium{background:linear-gradient(135deg,var(--gold-metallic) 0%,var(--gold-primary) 100%);padding:1rem 2rem;border-radius:1.25rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap;box-shadow:0 10px 25px -5px #d4af374d;position:relative;overflow:hidden;color:var(--navy-deep)}.review-header-premium:before{content:"";position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:#ffffff1f;border-radius:50%;pointer-events:none}.review-title-section{position:relative;z-index:1}.review-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-bottom:.35rem}.review-breadcrumb-item{color:#0f2042b3;font-weight:500;transition:color .2s;cursor:pointer}.review-breadcrumb-item.active{color:var(--navy-deep);font-weight:700}.review-breadcrumb-separator{color:#0f204266;font-size:.8rem;-webkit-user-select:none;user-select:none}.review-title{font-size:1.875rem;font-weight:800;color:var(--navy-deep);margin:0;letter-spacing:-.025em}.review-subtitle{color:#0f2042d9;font-size:.95rem;font-weight:500}.review-filters-row{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:2rem;flex-wrap:wrap}.review-tabs-compact{display:flex;gap:.375rem;padding:.375rem;background:#f8fafc;border-radius:1rem;border:1px solid #cbd5e1}.review-tab-item{padding:.6rem 1.25rem;border-radius:.75rem;border:none;background:transparent;color:var(--navy-medium);font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;font-size:.875rem;white-space:nowrap}.review-tab-item:hover{color:var(--navy-deep);background:#0f20420d}.review-tab-item.active{background:var(--navy-deep);color:#fff;box-shadow:0 8px 15px -3px #0f204233}.review-tab-count{font-size:.75rem;padding:.2rem .6rem;background:#0f204214;border-radius:1rem;font-weight:800}.review-tab-item.active .review-tab-count{background:#fff3;color:#fff}.review-tabs{margin-bottom:16px}.review-tabs-container{margin-bottom:16px;flex-shrink:0}.review-content{flex:1;overflow:auto;min-height:0}.review-status-tag{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.review-status-tag.pending{background:#fff7e6;color:#d46b08;border:1px solid #ffd591}.review-status-tag.approved{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.review-status-tag.rejected{background:#fff2f0;color:#cf1322;border:1px solid #ffccc7}.review-rating-display{display:flex;align-items:center;gap:8px}.review-table-actions{display:flex;gap:8px;align-items:center}.review-bulk-actions{margin-bottom:16px;padding:12px 16px;background:#f0f9ff;border-radius:6px;border:1px solid #bae7ff}.review-modal-content{max-height:60vh;overflow-y:auto}.review-detail-section{margin-bottom:16px;padding:12px;background:#fafafa;border-radius:6px;border-left:3px solid #1890ff}.review-detail-label{font-weight:600;color:#262626;margin-bottom:4px}.review-detail-value{color:#595959;line-height:1.5}@media(max-width:768px){.review-tabs-container{margin-bottom:12px}.review-content{min-height:400px}}.status-product{background:#3b82f61a;color:#3b82f6}.status-service{background:#10b9811a;color:#10b981}.status-overall{background:#8b5cf61a;color:#8b5cf6}.status-technician{background:#f59e0b1a;color:#f59e0b}.category-badge{padding:.25rem .75rem;border-radius:.5rem;font-size:.7rem;font-weight:700;text-transform:uppercase}.modern-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:0 .5rem}.modern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.rating-type-card{background:var(--modern-card-bg);border-radius:1.25rem;border:1px solid var(--modern-border);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;box-shadow:0 4px 6px -1px #0000000d}.rating-type-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px #0000001a;border-color:var(--modern-primary)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-title{font-size:1.125rem;font-weight:700;color:var(--modern-text);margin-bottom:.25rem}.card-description{font-size:.875rem;color:var(--modern-text-secondary);line-height:1.5;flex:1}.card-footer{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--modern-border)}.drc-container{--drc-primary: #011d4c;--drc-bg: #f8fafc;--drc-text: #1e293b;--drc-text-secondary: #64748b;--drc-border: #e2e8f0;--drc-error: #ef4444;position:relative;min-width:180px}.drc-trigger{padding:.5rem .75rem;border-radius:.75rem;border:1px solid var(--drc-border);background-color:var(--drc-bg);font-size:.875rem;color:var(--drc-text);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.drc-trigger:hover{border-color:var(--drc-primary);background-color:#fff}.drc-trigger.active{border-color:var(--drc-primary);box-shadow:0 0 0 3px #011d4c1a;background-color:#fff}.drc-trigger-left{display:flex;align-items:center;gap:.4rem;overflow:hidden;text-overflow:ellipsis}.drc-trigger-icon{color:var(--drc-text-secondary);flex-shrink:0}.drc-trigger.has-value .drc-trigger-icon{color:var(--drc-primary)}.drc-value{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:.825rem;font-weight:500}.drc-trigger.has-value .drc-value{font-weight:600}.drc-trigger-right{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.drc-clear-btn{background:#0000000d;border:none;color:var(--drc-text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;font-size:10px;border-radius:50%;width:16px;height:16px}.drc-arrow{color:var(--drc-text-secondary);transition:transform .2s ease}.drc-arrow.open{transform:rotate(90deg)}.drc-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:460px;background:#fff;border:1px solid var(--drc-border);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;z-index:1000;display:flex;overflow:hidden}.drc-sidebar{width:140px;background:#f8fafc;border-right:1px solid var(--drc-border);padding:.75rem;display:flex;flex-direction:column;gap:.35rem;flex-shrink:0}.drc-presets-label{font-size:.7rem;font-weight:700;color:var(--drc-text-secondary);text-transform:uppercase;margin-bottom:.25rem;letter-spacing:.05em}.drc-preset-btn{padding:.45rem .6rem;border-radius:.375rem;border:none;background:transparent;color:var(--drc-text);font-size:.8rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;width:100%}.drc-preset-btn:hover{background:#011d4c0d;color:var(--drc-primary)}.drc-main{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-width:300px}.drc-cal-header{display:flex;align-items:center;justify-content:space-between}.drc-cal-month{font-size:.875rem;font-weight:700;color:var(--drc-text)}.drc-nav-btn{background:transparent;border:none;color:var(--drc-text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .15s ease}.drc-nav-btn:hover{background:#f1f5f9}.drc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.drc-weekday{font-size:.725rem;font-weight:700;color:var(--drc-text-secondary);padding:.25rem 0}.drc-day-cell{padding:.45rem 0;font-size:.8rem;font-weight:500;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .15s ease;border-radius:.375rem;color:var(--drc-text)}.drc-day-cell.other-month{color:#1e293b4d}.drc-day-cell:hover{background-color:#f1f5f9;color:var(--drc-primary)}.drc-day-cell.today:after{content:"";position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background-color:var(--drc-primary)}.drc-day-cell.in-range{background-color:#011d4c14;color:var(--drc-primary);border-radius:0}.drc-day-cell.selected-start{background-color:var(--drc-primary)!important;color:#fff!important;font-weight:700;border-radius:.375rem 0 0 .375rem}.drc-day-cell.selected-end{background-color:var(--drc-primary)!important;color:#fff!important;font-weight:700;border-radius:0 .375rem .375rem 0}.drc-day-cell.selected-single{background-color:var(--drc-primary)!important;color:#fff!important;font-weight:700;border-radius:.375rem}.drc-day-cell.selected-start.today:after,.drc-day-cell.selected-end.today:after,.drc-day-cell.selected-single.today:after{background-color:#fff}.drc-footer{border-top:1px solid var(--drc-border);padding-top:.5rem;display:flex;justify-content:flex-end}.drc-reset-btn{padding:.35rem .75rem;border-radius:.375rem;border:1px solid rgba(239,68,68,.2);background:#ef44440d;color:var(--drc-error);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.drc-reset-btn:hover{background:#ef44441a}@media(max-width:560px){.drc-dropdown{width:320px;flex-direction:column}.drc-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--drc-border)}.drc-main{min-width:0}}.cs-container{--cs-primary: #011d4c;--cs-bg: #f8fafc;--cs-text: #1e293b;--cs-text-secondary: #64748b;--cs-border: #e2e8f0;position:relative;min-width:160px}.cs-trigger{padding:.5rem 1rem;border-radius:.75rem;border:1px solid var(--cs-border);background-color:var(--cs-bg);font-size:.875rem;color:var(--cs-text);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.cs-trigger:hover{border-color:var(--cs-primary);background-color:#fff}.cs-trigger.active{border-color:var(--cs-primary);box-shadow:0 0 0 3px #011d4c1a;background-color:#fff}.cs-icon{display:flex;align-items:center;color:var(--cs-text-secondary);flex-shrink:0}.cs-trigger.active .cs-icon{color:var(--cs-primary)}.cs-value{flex:1;overflow:hidden;text-overflow:ellipsis}.cs-arrow{color:var(--cs-text-secondary);transition:transform .2s ease;flex-shrink:0}.cs-arrow.open{transform:rotate(90deg)}.cs-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid var(--cs-border);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;z-index:1000;padding:.4rem;max-height:260px;overflow-y:auto}.cs-option{padding:.6rem .8rem;border-radius:.5rem;font-size:.875rem;color:var(--cs-text-secondary);cursor:pointer;transition:all .1s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-option:hover{background-color:#011d4c0d;color:var(--cs-primary)}.cs-option.selected{background-color:#011d4c1a;color:var(--cs-primary);font-weight:600}.la-container{--la-primary: #6366f1;--la-primary-hover: #4f46e5;--la-bg: #f8fafc;--la-card-bg: #ffffff;--la-text: #1e293b;--la-text-secondary: #64748b;--la-border: #e2e8f0;--la-success: #10b981;--la-error: #ef4444;--la-warning: #f59e0b;padding:2rem;background-color:var(--la-bg);min-height:100vh;font-family:Inter,-apple-system,sans-serif}.la-header{--la-gold-metallic: #d4af37;--la-gold-primary: #caa03c;--la-navy-deep: #0f2042;--la-navy-dark: #1b263b;background:linear-gradient(135deg,var(--la-gold-metallic) 0%,var(--la-gold-primary) 100%);padding:1rem 2rem;border-radius:1.25rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1.5rem;flex-wrap:wrap;box-shadow:0 10px 25px -5px #d4af374d;position:relative;overflow:hidden;color:var(--la-navy-deep)}.la-header:before{content:"";position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:#ffffff1f;border-radius:50%;pointer-events:none}.la-title-section{position:relative;z-index:1}.la-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-bottom:.35rem}.la-breadcrumb-item{color:#0f2042b3;font-weight:500;transition:color .2s;cursor:pointer}.la-breadcrumb-item.active{color:var(--la-navy-deep);font-weight:700}.la-breadcrumb-separator{color:#0f204266;font-size:.8rem;-webkit-user-select:none;user-select:none}.la-title{font-size:1.875rem;font-weight:800;color:var(--la-navy-deep);margin:0;letter-spacing:-.025em}.la-subtitle{color:#0f2042d9;font-size:.95rem;font-weight:500;margin:.25rem 0 0}.la-refresh-btn{position:relative;z-index:1;display:flex;align-items:center;gap:.5rem;background:var(--la-navy-deep);color:#fff;padding:.625rem 1.25rem;border-radius:.75rem;border:none;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0f204233}.la-refresh-btn:hover:not(:disabled){background:var(--la-navy-dark);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0f204233}.la-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.la-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.5rem}.la-stat-card{background:var(--la-card-bg);border-radius:1rem;border:1px solid var(--la-border);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px -1px #0000000d}.la-stat-icon{width:48px;height:48px;border-radius:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.la-stat-icon.green{background:#10b9811f;color:var(--la-success)}.la-stat-icon.red{background:#ef44441f;color:var(--la-error)}.la-stat-icon.indigo{background:#6366f11f;color:var(--la-primary)}.la-stat-icon.amber{background:#f59e0b1f;color:var(--la-warning)}.la-stat-value{font-size:1.5rem;font-weight:800;color:var(--la-text);line-height:1.1}.la-stat-label{font-size:.8rem;color:var(--la-text-secondary);font-weight:600;margin-top:.25rem}.la-filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--la-card-bg);border-radius:1rem;border:1px solid var(--la-border);align-items:center;flex-wrap:wrap;box-shadow:0 4px 6px -1px #0000000d}.la-search-wrapper{position:relative;flex:1;min-width:240px}.la-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--la-text-secondary)}.la-search-input{width:100%;padding:.7rem 1rem .7rem 2.75rem;border-radius:.75rem;border:1px solid var(--la-border);background-color:var(--la-bg);color:var(--la-text);transition:all .2s;outline:none;font-size:.9rem}.la-search-input:focus{border-color:var(--la-primary);background-color:var(--la-card-bg);box-shadow:0 0 0 4px #6366f11a}.la-select,.la-date-input{padding:.7rem .9rem;border-radius:.75rem;border:1px solid var(--la-border);background-color:var(--la-bg);color:var(--la-text);font-size:.9rem;outline:none;cursor:pointer;transition:all .2s}.la-select:focus,.la-date-input:focus{border-color:var(--la-primary);background-color:var(--la-card-bg);box-shadow:0 0 0 4px #6366f11a}.la-field{display:flex;flex-direction:column;gap:.25rem}.la-field-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--la-text-secondary)}.la-table-container{background:var(--la-card-bg);border-radius:1.25rem;border:1px solid var(--la-border);overflow-x:auto;box-shadow:0 10px 15px -3px #0000000d}.la-table{width:100%;border-collapse:collapse;text-align:left;min-width:900px}.la-table th{background:var(--la-bg);padding:1rem;font-weight:700;color:var(--la-text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--la-border);white-space:nowrap}.la-table td{padding:1rem;border-bottom:1px solid var(--la-border);color:var(--la-text);vertical-align:middle;font-size:.875rem}.la-table tr:last-child td{border-bottom:none}.la-table tbody tr:hover{background-color:#6366f105}.la-user-name{font-weight:700;color:var(--la-text)}.la-user-email{font-size:.8rem;color:var(--la-text-secondary)}.la-cell-muted{color:var(--la-text-secondary)}.la-cell-stack{display:flex;flex-direction:column;gap:.15rem}.la-cell-sub{font-size:.78rem;color:var(--la-text-secondary)}.la-inline-icon{display:inline-flex;align-items:center;gap:.4rem}.la-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.82rem}.la-badge{padding:.35rem .7rem;border-radius:2rem;font-size:.72rem;font-weight:700;letter-spacing:.025em;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.la-badge.action-login{background:#10b9811f;color:var(--la-success)}.la-badge.action-logout{background:#ef44441f;color:var(--la-error)}.la-badge.action-logout_all{background:#f59e0b1f;color:var(--la-warning)}.la-role-badge{padding:.25rem .65rem;border-radius:.5rem;font-size:.7rem;font-weight:700;text-transform:capitalize;background:#6366f11a;color:var(--la-primary);white-space:nowrap}.la-empty{padding:4rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.la-empty-icon{color:var(--la-border);margin-bottom:1rem}.la-empty h3{margin:0 0 .5rem;color:var(--la-text)}.la-skeleton-row{height:56px;width:100%;border-radius:.5rem;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:la-skeleton-loading 1.5s infinite}@keyframes la-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.la-spin{animation:la-spin 1s linear infinite}@keyframes la-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.la-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:0 .25rem;flex-wrap:wrap;gap:1rem}.la-pagination-info{font-size:.85rem;color:var(--la-text-secondary)}.la-pagination-pages{display:flex;gap:.5rem;align-items:center}.la-page-btn{min-width:38px;height:38px;padding:0 .5rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;border:1px solid var(--la-border);background:var(--la-card-bg);color:var(--la-text-secondary);cursor:pointer;transition:all .2s;font-weight:600}.la-page-btn:hover:not(:disabled){border-color:var(--la-primary);color:var(--la-primary)}.la-page-btn.active{background:var(--la-primary);color:#fff;border-color:var(--la-primary)}.la-page-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.la-container{padding:1rem}.la-header{flex-direction:column;align-items:flex-start}.la-filters-bar{flex-direction:column;align-items:stretch}}.newsletter-searchbar{display:flex;align-items:center;gap:12px}.newsletter-searchbar-input{max-width:300px}:root{--cust-paper: #F7F5EF;--cust-surface: #FFFFFF;--cust-navy: #111C33;--cust-navy-mid: #35507E;--cust-ink-soft: #5B6378;--cust-line: #E7E4DA;--cust-line-strong: #D4D0C2;--cust-gold: #C09A2E;--cust-gold-hover: #A9861F;--cust-gold-deep: #8C6D1F;--cust-gold-soft: #F6EFDA;--cust-danger: #B3372E;--cust-danger-soft: #F9E8E6;--cust-slate-soft: #EFECE3;--cust-radius: 10px;--cust-sans: "IBM Plex Sans", system-ui, sans-serif;--cust-mono: "IBM Plex Mono", ui-monospace, monospace}.customers-main{flex:1;min-width:0;font-family:var(--cust-sans);color:var(--cust-navy)}.customers-crumbs{font-size:12px;color:var(--cust-ink-soft);margin-bottom:6px}.customers-crumbs b{color:var(--cust-navy);font-weight:500}.customers-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.customers-page-head h1{font-size:24px;font-weight:700;color:var(--cust-navy);margin:0;letter-spacing:-.02em}.customers-stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.customers-stat-card{background:var(--cust-surface);border:1px solid var(--cust-line);border-radius:var(--cust-radius);padding:16px 20px;box-shadow:0 2px 4px -1px #111c330a}.customers-stat-label{font-size:11.5px;color:var(--cust-ink-soft);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:6px}.customers-stat-value{font-size:26px;font-weight:700;font-family:var(--cust-mono);color:var(--cust-navy);line-height:1.2}.customers-stat-value.gold{color:var(--cust-gold-deep)}.customers-stat-value.green{color:#2e7d32}.customers-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--cust-line-strong);background:var(--cust-surface);color:var(--cust-navy);transition:background .15s,border-color .15s;cursor:pointer}.customers-btn:hover:not(:disabled){background:var(--cust-slate-soft)}.customers-btn:disabled{opacity:.5;cursor:not-allowed}.customers-btn.primary{background:var(--cust-gold);border-color:var(--cust-gold);color:var(--cust-navy);font-weight:600}.customers-btn.primary:hover:not(:disabled){background:var(--cust-gold-hover);border-color:var(--cust-gold-hover)}.customers-btn.danger{color:var(--cust-danger);border-color:var(--cust-danger)}.customers-btn.danger:hover{background:var(--cust-danger-soft)}.customers-panel{background:var(--cust-surface);border:1px solid var(--cust-line);border-radius:var(--cust-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.customers-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--cust-line);background:var(--cust-surface)}.customers-search{display:flex;align-items:center;gap:8px;border:1px solid var(--cust-line-strong);border-radius:8px;padding:0 12px;height:38px;width:280px;max-width:100%;background:var(--cust-surface);color:var(--cust-ink-soft);flex-shrink:0}.customers-search svg{width:15px;height:15px;color:var(--cust-ink-soft);flex-shrink:0}.customers-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--cust-navy)}.customers-search input::placeholder{color:#9aa0b0}.customers-modern-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-left:auto}.customers-view-toggle{display:inline-flex;align-items:center;background:var(--cust-paper);border:1px solid var(--cust-line-strong);border-radius:8px;padding:2px;gap:2px}.customers-view-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--cust-ink-soft);cursor:pointer;transition:all .15s ease}.customers-view-btn:hover{color:var(--cust-navy);background:#111c330d}.customers-view-btn.active{background:var(--cust-surface);color:var(--cust-navy);font-weight:600;box-shadow:0 1px 3px #111c331a}.customers-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;padding:16px;background:var(--cust-paper)}.customers-card-item{background:var(--cust-surface);border:1px solid var(--cust-line);border-radius:var(--cust-radius);padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;box-shadow:0 2px 4px -1px #111c330a;transition:transform .15s ease,box-shadow .15s ease}.customers-card-item:hover{transform:translateY(-2px);box-shadow:0 6px 12px -2px #111c3314}.customers-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.customers-card-user{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.customers-card-avatar{width:44px;height:44px;border-radius:50%;background:var(--cust-slate-soft);border:1px solid var(--cust-line);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:var(--cust-navy-mid);flex-shrink:0;overflow:hidden}.customers-card-avatar img{width:100%;height:100%;object-fit:cover}.customers-card-details{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px dashed var(--cust-line);border-bottom:1px dashed var(--cust-line)}.customers-card-detail-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:8px}.customers-card-detail-label{color:var(--cust-ink-soft);flex-shrink:0}.customers-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.customers-filter-dropdown-wrapper{position:relative}.customers-filter-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--cust-surface);border:1px solid var(--cust-line);border-radius:8px;padding:.5rem;box-shadow:0 10px 25px -5px #111c3326;z-index:100;min-width:190px}.customers-filter-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:6px;font-size:13px;color:var(--cust-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.customers-filter-option:hover{background:var(--cust-paper)}.customers-filter-option.active{background:var(--cust-gold-soft);color:var(--cust-gold-deep);font-weight:600}.customers-option-icon{display:flex;align-items:center;color:var(--cust-ink-soft)}.customers-filter-option.active .customers-option-icon{color:var(--cust-gold-deep)}.customers-check-icon{margin-left:auto;color:var(--cust-gold-deep)}.customers-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.customers-customer-cell{display:flex;align-items:center;gap:12px}.customers-avatar{width:36px;height:36px;border-radius:50%;background:var(--cust-slate-soft);border:1px solid var(--cust-line);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--cust-navy-mid);flex-shrink:0;overflow:hidden}.customers-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.customers-customer-name{font-weight:600;font-size:13.5px;color:var(--cust-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customers-customer-email{font-size:11.5px;font-family:var(--cust-mono);color:var(--cust-ink-soft);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customers-phone-text{font-family:var(--cust-mono);font-size:12.5px;color:var(--cust-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customers-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:capitalize;flex-shrink:0;white-space:nowrap}.customers-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.customers-status-active{background:#e8f5e9;color:#2e7d32}.customers-status-active .customers-status-dot{background:#2e7d32}.customers-status-inactive{background:var(--cust-danger-soft);color:var(--cust-danger)}.customers-status-inactive .customers-status-dot{background:var(--cust-danger)}.customers-status-suspended{background:#f3e8ff;color:#6b21a8}.customers-status-suspended .customers-status-dot{background:#6b21a8}.customers-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.customers-tag-verified{background:#e0f2fe;color:#0369a1}.customers-tag-unverified{background:var(--cust-slate-soft);color:var(--cust-ink-soft)}.customers-tag-channel{background:var(--cust-gold-soft);color:var(--cust-gold-deep);border:1px solid rgba(192,154,46,.15)}.customers-tag-language{background:var(--cust-slate-soft);color:var(--cust-navy-mid)}.customers-date-text{font-family:var(--cust-mono);font-size:11.5px;color:var(--cust-ink-soft)}.customers-date-relative{font-size:10.5px;color:#9aa0b0;margin-top:1px}.customers-dropdown{position:absolute;right:0;background:var(--cust-surface);border:1px solid var(--cust-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:170px;padding:.4rem}.customers-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--cust-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.customers-dropdown-item:hover{background:var(--cust-paper)}.customers-dropdown-item.danger{color:var(--cust-danger)}.customers-dropdown-item.danger:hover{background:var(--cust-danger-soft)}.customers-dropdown-item.restore{color:#2e7d32}.customers-dropdown-item.restore:hover{background:#e8f5e9}.customers-dropdown-divider{height:1px;background:var(--cust-line);margin:.35rem 0}.customers-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--cust-line);flex-wrap:wrap;background:var(--cust-surface)}.customers-foot-info{font-size:12.5px;color:var(--cust-ink-soft)}.customers-foot-info b{font-family:var(--cust-mono);color:var(--cust-navy);font-weight:600}.customers-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--cust-ink-soft)}.customers-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--cust-line-strong);background-color:var(--cust-surface);color:var(--cust-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.customers-pager{display:flex;gap:4px;align-items:center}.customers-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--cust-mono);font-size:12.5px;color:var(--cust-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.customers-page-btn:hover:not(:disabled){background:var(--cust-slate-soft);color:var(--cust-navy)}.customers-page-btn.current{background:var(--cust-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--cust-gold)}.customers-page-btn:disabled{opacity:.35;cursor:default}.customers-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:cust-skeleton-loading 1.5s infinite;border-radius:6px}@keyframes cust-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.cdet-skeleton-page{padding:4px 0}.cdet-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 24px;text-align:center;color:var(--cust-ink-soft)}.cdet-not-found h2{font-size:20px;font-weight:700;color:var(--cust-navy);margin:0}.cdet-not-found p{font-size:14px;margin:0}.cdet-top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.cdet-profile-card{display:flex;background:var(--cust-surface);border:1px solid var(--cust-line);border-radius:var(--cust-radius);overflow:hidden;margin-bottom:20px;box-shadow:0 4px 6px -1px #111c330d}@media(max-width:768px){.cdet-profile-card{flex-direction:column}.cdet-profile-left{width:100%!important}}.cdet-profile-left{width:240px;flex-shrink:0;background:var(--cust-navy);padding:24px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}.cdet-profile-avatar{width:76px;height:76px;border-radius:50%;background:var(--cust-navy-mid);border:3px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#fff;overflow:hidden;margin-bottom:12px}.cdet-profile-avatar img{width:100%;height:100%;object-fit:cover}.cdet-profile-name{font-size:17px;font-weight:700;color:#fff;margin-bottom:2px}.cdet-profile-role{font-size:11.5px;color:#9aa0b0;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:12px}.cdet-profile-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.cdet-left-badge{padding:3px 9px;border-radius:4px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.cdet-left-badge-active{background:#2e7d3240;color:#81c784}.cdet-left-badge-inactive{background:#b3372e40;color:#e57373}.cdet-left-badge-suspended{background:#6b21a840;color:#d8b4fe}.cdet-profile-right{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.cdet-profile-right-header{padding:14px 20px;border-bottom:1px solid var(--cust-line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cdet-profile-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.cdet-profile-actions{display:flex;gap:8px;align-items:center}.cdet-profile-info-rows{padding:16px 20px;display:flex;flex-direction:column;gap:10px}.cdet-profile-info-item{display:flex;align-items:center;gap:10px;font-size:13px}.cdet-profile-info-icon{color:var(--cust-ink-soft);display:flex;align-items:center;width:16px}.cdet-profile-info-label{color:var(--cust-ink-soft);font-weight:500;width:100px;flex-shrink:0}.cdet-profile-info-value{color:var(--cust-navy);font-weight:600}.cdet-profile-stats{display:flex;align-items:stretch;border-top:1px solid var(--cust-line);background:var(--cust-paper)}.cdet-profile-stat{flex:1;padding:12px 14px;text-align:center}.cdet-profile-stat-val{font-size:14px;font-weight:700;color:var(--cust-navy);line-height:1.2}.cdet-profile-stat-label{font-size:10.5px;color:var(--cust-ink-soft);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:3px}.cdet-profile-stat-sub{font-size:10px;font-family:var(--cust-mono);color:#9aa0b0;margin-top:2px}.cdet-tier-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:4px;font-size:11px;font-weight:700;background:var(--cust-gold-soft);color:var(--cust-gold-deep);border:1px solid rgba(192,154,46,.2);text-transform:uppercase}.cdet-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.cdet-info-grid{grid-template-columns:1fr}.cdet-hero-stats-strip{flex-wrap:wrap}.cdet-hero-stat{flex:1 1 45%;min-width:180px}.cdet-stat-divider{display:none}}.cdet-info-section{background:var(--cust-surface);border:1px solid var(--cust-line);border-radius:var(--cust-radius);overflow:hidden;box-shadow:0 2px 4px -1px #111c3308}.cdet-section-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cust-ink-soft);padding:12px 18px;border-bottom:1px solid var(--cust-line);background:var(--cust-paper)}.cdet-info-rows{padding:0}.cdet-info-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 18px;border-bottom:1px solid var(--cust-line)}.cdet-info-row:last-child{border-bottom:none}.cdet-info-label{font-size:12.5px;color:var(--cust-ink-soft);font-weight:500;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.cdet-info-value{font-size:13px;color:var(--cust-navy);font-weight:600;text-align:right;word-break:break-all;display:flex;align-items:center;justify-content:flex-end}.cdet-mono{font-family:var(--cust-mono)!important;font-weight:500!important}.cdet-id{font-size:11.5px!important;color:var(--cust-ink-soft)!important}.cdet-highlight{font-size:16px!important;font-weight:700!important;color:var(--cust-gold-deep)!important}.cdet-info-empty{padding:24px 18px;font-size:13px;color:#9aa0b0;text-align:center;font-style:italic}.support-ticket-page{padding:24px}.support-ticket-stats{margin-bottom:24px}.support-ticket-stat-card{border:1px solid #e0e0e0;padding:16px;border-radius:8px;text-align:center}.support-ticket-message{margin-bottom:8px;padding:12px;background:#f5f5f5;border-radius:4px}.support-ticket-message-header{display:flex;align-items:center;margin-bottom:8px}.support-ticket-message-content{margin-top:8px;padding-left:40px}.support-ticket-actions{margin-top:16px;margin-bottom:16px}.support-ticket-form-card{margin-bottom:16px;padding:16px;background:#fafafa;border-radius:4px}.support-ticket-chat-container{border:1px solid #e8e8e8;border-radius:8px;background:#fafafa;margin-bottom:16px;overflow:hidden;display:flex;flex-direction:column;height:500px}.support-ticket-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(to bottom,#f5f5f5,#fff)}.support-ticket-chat-messages::-webkit-scrollbar{width:6px}.support-ticket-chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.support-ticket-chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.support-ticket-chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.support-ticket-message-wrapper{display:flex;width:100%;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-sent{justify-content:flex-end}.message-received{justify-content:flex-start}.message-system{justify-content:center}.support-ticket-message-bubble{display:flex;gap:8px;max-width:70%;align-items:flex-start}.message-sent .support-ticket-message-bubble{flex-direction:row-reverse}.message-system .support-ticket-message-bubble{max-width:90%;justify-content:center}.support-ticket-message-content{display:flex;flex-direction:column;gap:4px;min-width:0}.message-sent .support-ticket-message-content{align-items:flex-end}.message-received .support-ticket-message-content{align-items:flex-start}.support-ticket-message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-sent .support-ticket-message-header{flex-direction:row-reverse}.support-ticket-message-sender{font-size:13px;font-weight:600;color:#262626}.support-ticket-message-role{font-size:11px;padding:0 6px;height:20px;line-height:20px;border-radius:10px}.support-ticket-message-text{padding:10px 14px;border-radius:12px;word-wrap:break-word;word-break:break-word;position:relative;box-shadow:0 1px 2px #0000001a}.message-sent .support-ticket-message-text{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border-bottom-right-radius:4px}.message-received .support-ticket-message-text{background:#fff;color:#262626;border:1px solid #e8e8e8;border-bottom-left-radius:4px}.message-system .support-ticket-message-text{background:#fff7e6;color:#d46b08;border:1px solid #ffd591;border-radius:8px;text-align:center;font-style:italic}.support-ticket-message-text p{margin:0;color:inherit;white-space:pre-wrap}.support-ticket-message-time{padding:2px 4px;font-size:11px;color:#8c8c8c}.message-sent .support-ticket-message-time{text-align:right}.message-received .support-ticket-message-time{text-align:left}.support-ticket-message-avatar{width:32px;height:32px;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.support-ticket-chat-empty{display:flex;justify-content:center;align-items:center;height:100%;padding:40px;color:#8c8c8c;font-size:14px}.support-ticket-chat-input-card{border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 2px 8px #0000000f}.support-ticket-chat-form{display:flex;align-items:flex-end;gap:8px;width:100%}.support-ticket-chat-textarea{border-radius:20px;padding:8px 16px;resize:none;border:1px solid #d9d9d9;transition:all .3s;font-family:inherit;font-size:14px;width:100%;box-sizing:border-box}.support-ticket-chat-textarea:focus,.support-ticket-chat-textarea:hover{border-color:#40a9ff;outline:none;box-shadow:0 0 0 2px #1890ff1a}.support-ticket-chat-send-button{border-radius:20px;height:38px;padding:8px 20px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:500;background-color:#1890ff;color:#fff;border:none;cursor:pointer;box-shadow:0 2px 4px #1890ff33;transition:all .3s}.support-ticket-chat-send-button:hover:not(:disabled){background-color:#40a9ff;box-shadow:0 4px 8px #1890ff4d;transform:translateY(-1px)}.support-ticket-chat-send-button:active:not(:disabled){transform:translateY(0)}.support-ticket-chat-send-button:disabled{background-color:#f5f5f5;color:#bfbfbf;border:1px solid #d9d9d9;box-shadow:none;cursor:not-allowed}@media(max-width:768px){.support-ticket-chat-container{height:400px}.support-ticket-message-bubble{max-width:85%}.support-ticket-chat-form{flex-direction:column;align-items:stretch}.support-ticket-chat-send-button{width:100%;justify-content:center}}.system-text{font-size:13px}.message-grouped .support-ticket-message-bubble{padding-left:40px}.message-sent.message-grouped .support-ticket-message-bubble{padding-left:0;padding-right:40px}.support-ticket-message-wrapper+.support-ticket-message-wrapper{margin-top:4px}.support-ticket-message-wrapper.message-sent+.support-ticket-message-wrapper.message-received,.support-ticket-message-wrapper.message-received+.support-ticket-message-wrapper.message-sent,.support-ticket-message-wrapper.message-system+.support-ticket-message-wrapper:not(.message-system),.support-ticket-message-wrapper:not(.message-system)+.support-ticket-message-wrapper.message-system,.support-ticket-message-wrapper:not(.message-grouped)+.support-ticket-message-wrapper{margin-top:12px}.ticket-tabs-container{display:inline-flex;width:fit-content;background-color:#f5f5f5;padding:4px;border-radius:30px;gap:4px;border:1px solid #e8e8e8}.ticket-tab-button{background:none;border:none;padding:12px 16px;font-size:14px;font-weight:600;color:#595959;cursor:pointer;border-radius:26px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px}.ticket-tab-button:hover{color:#0b3359}.ticket-tab-button.active{background-color:#fff;color:#092c4e;box-shadow:0 2px 6px #00000014}.ticket-details-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.ticket-details-title{font-size:18px;font-weight:600;color:#262626;margin-top:0;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:8px}.ticket-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:768px){.ticket-info-grid{grid-template-columns:1fr;gap:16px}}.ticket-info-item{display:flex;flex-direction:column;gap:6px}.ticket-info-item.span-2{grid-column:span 2}@media(max-width:768px){.ticket-info-item.span-2{grid-column:span 1}}.ticket-info-label{font-size:12px;color:#8c8c8c;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ticket-info-value{font-size:14px;color:#262626;font-weight:500;word-break:break-word}.custom-status-tag{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize;border:1px solid transparent}.tag-open{background-color:#e6f7ff;color:#1890ff;border-color:#91d5ff}.tag-in_progress{background-color:#f9f0ff;color:#722ed1;border-color:#d3adf7}.tag-resolved{background-color:#f6ffed;color:#52c41a;border-color:#b7eb8f}.tag-canceled{background-color:#fff1f0;color:#f5222d;border-color:#ffa39e}.tag-default{background-color:#f5f5f5;color:#595959;border-color:#d9d9d9}.custom-priority-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.priority-low{background-color:#f5f5f5;color:#595959}.priority-medium{background-color:#e6f7ff;color:#1890ff}.priority-high{background-color:#fff7e6;color:#fa8c16}.priority-urgent{background-color:#fff1f0;color:#f5222d}.custom-role-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;background-color:#f5f5f5;color:#595959;border:1px solid #d9d9d9}.ticket-actions-section{margin-top:24px;margin-bottom:24px}.ticket-actions-title{font-size:16px;font-weight:600;color:#262626;margin-bottom:16px;display:flex;align-items:center;gap:8px}.ticket-actions-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.custom-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid #d9d9d9;background-color:#fff;color:#262626;cursor:pointer;transition:all .3s}.custom-btn:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.custom-btn-primary{background-color:#1890ff;border-color:#1890ff;color:#fff}.custom-btn-primary:hover:not(:disabled){background-color:#40a9ff;border-color:#40a9ff;color:#fff}.custom-btn-danger{color:#ff4d4f;border-color:#ff4d4f}.custom-btn-danger:hover:not(:disabled){background-color:#ff4d4f;color:#fff;border-color:#ff4d4f}.custom-btn-secondary{background-color:#f5f5f5;border-color:#d9d9d9;color:#595959}.custom-btn-secondary:hover:not(:disabled){background-color:#e8e8e8;color:#262626}.custom-btn:disabled{opacity:.5;cursor:not-allowed}.custom-form-panel{background-color:#fafafa;border:1px solid #e8e8e8;border-radius:8px;padding:20px;margin-bottom:20px;animation:fadeIn .3s ease-out}.custom-form-title{font-size:15px;font-weight:600;color:#262626;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.custom-form-grid{display:flex;flex-direction:column;gap:16px}.custom-form-group{display:flex;flex-direction:column;gap:6px}.custom-form-label{font-size:13px;font-weight:600;color:#595959}.custom-form-input,.custom-form-select,.custom-form-textarea{width:100%;padding:8px 12px;font-size:14px;border-radius:6px;border:1px solid #d9d9d9;background-color:#fff;transition:all .3s;box-sizing:border-box}.custom-form-input:focus,.custom-form-select:focus,.custom-form-textarea:focus{border-color:#40a9ff;outline:none;box-shadow:0 0 0 2px #1890ff1a}.custom-form-actions{display:flex;gap:10px;margin-top:8px}.custom-attachments-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.custom-attachment-card{width:220px;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column}.custom-attachment-preview{height:120px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.custom-attachment-img{width:100%;height:100%;object-fit:cover}.custom-attachment-icon{font-size:40px}.custom-attachment-details{padding:10px 12px;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:4px;min-width:0}.custom-attachment-name{font-size:13px;font-weight:600;color:#262626;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.custom-attachment-size{font-size:11px;color:#8c8c8c;margin:0}.custom-attachment-actions{display:flex;border-top:1px solid #f0f0f0;background:#fafafa}.custom-attachment-action-btn{flex:1;padding:8px;border:none;background:none;font-size:12px;color:#1890ff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:all .3s;text-decoration:none;font-family:inherit}.custom-attachment-action-btn:hover{background-color:#f0f0f0}.custom-attachment-action-btn:not(:last-child){border-right:1px solid #f0f0f0}.custom-attachment-action-btn-danger{color:#ff4d4f}.custom-attachment-action-btn-danger:hover{background-color:#fff2f0}.custom-spinner-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.custom-spinner{border:3px solid rgba(1,29,76,.1);width:36px;height:36px;border-radius:50%;border-left-color:#011d4c;animation:spin 1s linear infinite;margin-bottom:16px}.custom-spinner-small{border:2px solid rgba(255,255,255,.2);width:16px;height:16px;border-radius:50%;border-left-color:#fff;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}.custom-avatar-initials{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px;box-shadow:0 2px 4px #00000014;text-transform:uppercase}.custom-chat-input-container{background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000000f;margin-top:16px}.custom-attachments-preview-list{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.custom-chat-form-layout{display:flex;gap:10px;align-items:flex-end}.admin-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:12px;margin-bottom:8px}.admin-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;background-color:#fff;border:2px solid #e8e8e8;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 4px #00000005}.admin-card:hover{transform:translateY(-2px);border-color:#1890ff;box-shadow:0 4px 12px #0000000d}.admin-card.selected{border-color:#e6af2e;background-color:#fffdf5;box-shadow:0 4px 15px #e6af2e26}.admin-card-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 6px #0000000f}.admin-card-initials{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e6af2e,#f5d061);color:#1a1a1a;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #e6af2e26;text-transform:uppercase}.admin-card-info{display:flex;flex-direction:column;min-width:0;flex:1}.admin-card-name{font-size:14px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.admin-card-email{font-size:12px;color:#8c8c8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-card-check{position:absolute;top:-8px;right:-8px;background-color:#e6af2e;color:#1a1a1a;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 5px #e6af2e4d;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.search-bar-container{display:flex;justify-content:flex-end;margin-bottom:16px}.expanded-row-content{padding:16px;background:#fafafa;border-radius:8px}.expanded-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.subcategories-list{display:flex;flex-direction:column;gap:12px}.subcategory-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:6px;border:1px solid #f0f0f0;transition:all .3s ease}.subcategory-item:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff1a}.subcategory-info{display:flex;align-items:center;gap:8px}.common-page-container{padding:24px}.common-page-card{border-radius:8px}.common-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.common-breadcrumb{margin-bottom:8px}.common-divider{height:1px;background:#f0f0f0;margin-bottom:16px}.ant-table-expanded-row>.ant-table-cell{padding:0!important;background:transparent!important}.ant-table-expanded-row-fixed{padding:16px!important}.ant-color-picker-trigger{width:100%;justify-content:flex-start}.merchant-support-container{display:flex;height:calc(100vh - 160px);min-height:500px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;overflow:hidden;border:1px solid #f0f0f0}.sidebar-pane{width:340px;min-width:300px;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;background:#fafafa;transition:width .2s ease,border-right .2s ease}.sidebar-pane.full-width{width:100%;border-right:none}.sidebar-header{padding:16px;border-bottom:1px solid #f0f0f0;background:#fff}.sidebar-header h2{margin:0 0 12px;font-size:24px;font-weight:600;color:#262626}.conversation-list{flex:1;overflow-y:auto}.conversation-item{display:flex;padding:16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.conversation-item:hover{background:#fafafa}.conversation-item.active{background:#e6f7ff;border-left:4px solid #1890ff}.conversation-item-avatar{margin-right:12px}.conversation-item-content{flex:1;min-width:0}.conversation-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.merchant-name{font-weight:600;font-size:16px;color:#262626;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-msg-time{font-size:11px;color:#8c8c8c}.conversation-item-body{display:flex;justify-content:space-between;align-items:center}.last-msg-preview{font-size:13px;color:#8c8c8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:8px}.chat-pane{flex:1;display:flex;flex-direction:column;background:#f5f5f5;position:relative}.empty-chat-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bfbfbf;background:#fafafa}.empty-chat-state h3{color:#8c8c8c;margin-top:16px;margin-bottom:8px}.chat-header{height:64px;padding:0 24px;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #00000005;z-index:10}.chat-header-info{display:flex;align-items:center}.chat-header-details{margin-left:12px}.chat-header-title{margin:0;font-size:20px;font-weight:600;color:#262626}.chat-header-subtitle{font-size:12px;color:#8c8c8c}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;background-image:url(/chat.png);background-size:cover;background-position:center;background-repeat:no-repeat}.message-wrapper{display:flex;flex-direction:column;width:100%}.message-bubble{max-width:65%;padding:10px 14px;border-radius:8px;font-size:14px;line-height:1.5;position:relative;box-shadow:0 1px 2px #0000000d}.message-wrapper.merchant-sender{align-items:flex-start}.message-wrapper.merchant-sender .message-bubble{background:#d4af37;color:#011d4c;border-top-left-radius:0;border:1px solid #c29d2c}.message-wrapper.admin-sender{align-items:flex-end}.message-wrapper.admin-sender .message-bubble{background:#011d4c;color:#fff;border-top-right-radius:0}.message-time-stamp{font-size:10px;margin-top:4px;color:#8c8c8c}.message-wrapper.admin-sender .message-time-stamp{text-align:right}.chat-input-container{background:#fff;border-top:1px solid #f0f0f0;padding:16px 24px;display:flex;flex-direction:column}.staged-attachment-panel{display:flex;align-items:center;gap:12px;padding:12px;background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;margin-bottom:12px;position:relative}.staged-image-preview{width:50px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #d9d9d9}.staged-file-icon{width:50px;height:50px;background:#e6f7ff;border:1px solid #bae7ff;border-radius:4px;display:flex;align-items:center;justify-content:center}.remove-staged-btn{position:absolute;top:-8px;right:-8px;background:#ff4d4f;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:background .3s}.remove-staged-btn:hover{background:#ff7875}.chat-input-actions{display:flex;align-items:center;gap:8px}.chat-input-text{flex:1}.attachment-thumbnail{margin-top:6px;border-radius:4px;overflow:hidden;max-width:200px;cursor:pointer;border:1px solid #f0f0f0;background:#fafafa;display:flex;flex-direction:column}.attachment-thumbnail img{width:100%;max-height:150px;object-fit:cover}.attachment-file-info{display:flex;align-items:center;gap:8px;padding:8px;font-size:12px;color:#595959}.message-wrapper.admin-sender .attachment-file-info{color:#d9d9d9}.attachment-caption{font-size:13px;margin-top:4px;font-style:italic}.merchant-support-page-container{padding:0 24px 10px!important}.merchant-support-page-card .ant-card-body{padding:4px 16px!important}.merchant-support-page-card .common-page-header{margin-bottom:0!important}.merchant-support-page-card .common-divider{margin:2px 0!important}.common-page-card .merchant-support-container{box-shadow:none;border:none;height:calc(100vh - 150px);min-height:520px;border-radius:4px}:root{--modern-primary: #14b8a6;--modern-primary-hover: #0d9488;--modern-bg: #f8fafc;--modern-card-bg: #ffffff;--modern-text: #1e293b;--modern-text-secondary: #64748b;--modern-border: #e2e8f0;--modern-success: #10b981;--modern-warning: #f59e0b;--modern-error: #ef4444}.modern-container{padding:1.25rem;background-color:var(--modern-bg);min-height:100vh;font-family:Inter,-apple-system,sans-serif}.modern-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.modern-stat-card{background:var(--modern-card-bg);padding:1rem;border-radius:1rem;border:1px solid var(--modern-border);display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000000d}.stat-icon-wrapper{width:44px;height:44px;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:.75rem;font-weight:600;color:var(--modern-text-secondary)}.stat-value{font-size:1.125rem;font-weight:800;color:var(--modern-text)}.modern-filters-bar{display:flex;gap:.75rem;margin-bottom:1.25rem;padding:.75rem;background:var(--modern-card-bg);border-radius:.875rem;border:1px solid var(--modern-border);align-items:center;flex-wrap:wrap}.modern-search-wrapper{position:relative;flex:2;min-width:250px}.modern-search-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;font-size:.875rem;border-radius:.625rem;border:1px solid var(--modern-border);background-color:var(--modern-bg)}.modern-search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--modern-text-secondary)}.filter-select{padding:.625rem 1rem;border-radius:.625rem;border:1px solid var(--modern-border);background-color:var(--modern-bg);font-size:.875rem;color:var(--modern-text);outline:none;min-width:140px;cursor:pointer}.modern-table-container{background:var(--modern-card-bg);border-radius:1rem;border:1px solid var(--modern-border);overflow:auto;box-shadow:0 4px 6px -1px #0000000d}.modern-table{width:100%;border-collapse:collapse;white-space:nowrap}.modern-table th{background:#f8fafc;padding:.875rem 1rem;font-weight:700;color:var(--modern-text-secondary);font-size:.75rem;text-transform:uppercase;border-bottom:2px solid var(--modern-border)}.modern-table td{padding:.875rem 1rem;border-bottom:1px solid var(--modern-border);font-size:.875rem;color:var(--modern-text)}.modern-table tr:last-child td{border-bottom:none}.status-badge{padding:.2rem .6rem;border-radius:2rem;font-size:.7rem;font-weight:800;text-transform:uppercase}.badge-paid{background:#10b9811a;color:var(--modern-success)}.badge-pending{background:#f59e0b1a;color:var(--modern-warning)}.modern-refresh-button{width:38px;height:38px;background:var(--modern-card-bg);border:1px solid var(--modern-border);border-radius:.625rem;color:var(--modern-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer}.modern-action-btn{padding:.4rem;border-radius:.5rem;border:1px solid var(--modern-border);background:#fff;color:var(--modern-text-secondary);cursor:pointer;transition:all .2s}.modern-action-btn:hover{border-color:var(--modern-primary)}.modern-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem;font-size:.875rem}.pagination-pages{display:flex;gap:.375rem}.page-btn{width:32px;height:32px;border-radius:.5rem;border:1px solid var(--modern-border);background:#fff;cursor:pointer;font-weight:600}.page-btn.active{background:var(--modern-primary);color:#fff;border-color:var(--modern-primary)}.animate-spin{animation:spin 1s linear infinite}.modern-dropdown{position:absolute;background:var(--modern-card-bg);border:1px solid var(--modern-border);border-radius:.875rem;box-shadow:0 10px 25px -5px #0000001a;z-index:100}.dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border:none;background:transparent;color:var(--modern-text);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:.5rem;transition:all .2s;text-align:left}.dropdown-item:hover{background:var(--modern-bg);color:var(--modern-primary)}.modern-action-btn.active{background:var(--modern-bg);border-color:var(--modern-primary);color:var(--modern-primary)}.modern-tab-item{padding:.5rem 1.125rem;border-radius:.75rem;border:none;background:transparent;color:var(--modern-text-secondary);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.tab-count{font-size:.7rem;padding:.1rem .5rem;background:#14b8a61a;border-radius:1rem;color:var(--modern-primary)}:root{--dp-paper: #F7F5EF;--dp-surface: #FFFFFF;--dp-navy: #111C33;--dp-navy-mid: #35507E;--dp-ink-soft: #5B6378;--dp-line: #E7E4DA;--dp-line-strong: #D4D0C2;--dp-gold: #C09A2E;--dp-gold-hover: #A9861F;--dp-gold-deep: #8C6D1F;--dp-gold-soft: #F6EFDA;--dp-danger: #B3372E;--dp-danger-soft: #F9E8E6;--dp-slate-soft: #EFECE3;--dp-radius: 10px;--dp-sans: "IBM Plex Sans", system-ui, sans-serif;--dp-mono: "IBM Plex Mono", ui-monospace, monospace;--tech-paper: var(--dp-paper);--tech-surface: var(--dp-surface);--tech-navy: var(--dp-navy);--tech-navy-mid: var(--dp-navy-mid);--tech-ink-soft: var(--dp-ink-soft);--tech-line: var(--dp-line);--tech-line-strong: var(--dp-line-strong);--tech-gold: var(--dp-gold);--tech-gold-hover: var(--dp-gold-hover);--tech-gold-deep: var(--dp-gold-deep);--tech-gold-soft: var(--dp-gold-soft);--tech-danger: var(--dp-danger);--tech-danger-soft: var(--dp-danger-soft);--tech-slate-soft: var(--dp-slate-soft);--tech-radius: var(--dp-radius);--tech-sans: var(--dp-sans);--tech-mono: var(--dp-mono)}.technicians-main{flex:1;min-width:0;font-family:var(--dp-sans);color:var(--dp-navy);padding:24px;background-color:#f8fafc}.technicians-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.technicians-crumbs{font-size:12px;color:var(--dp-ink-soft);margin-bottom:6px}.technicians-crumbs b{color:var(--dp-navy);font-weight:500}.technicians-page-head h1{font-size:24px;font-weight:700;color:var(--dp-navy);margin:0;letter-spacing:-.02em}.technicians-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--dp-line-strong);background:var(--dp-surface);color:var(--dp-navy);transition:background .15s,border-color .15s;cursor:pointer}.technicians-btn:hover{background:var(--dp-slate-soft)}.technicians-btn.primary{background:var(--dp-gold);border-color:var(--dp-gold);color:var(--dp-navy);font-weight:600}.technicians-btn.primary:hover{background:var(--dp-gold-hover);border-color:var(--dp-gold-hover)}.technicians-btn.danger{color:var(--dp-danger);border-color:var(--dp-danger)}.technicians-btn.danger:hover{background:var(--dp-danger-soft)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;color:var(--dp-ink-soft);cursor:pointer;transition:color .15s ease,transform .15s ease}.icon-btn:hover{background:transparent;color:var(--dp-navy);transform:scale(1.1)}.icon-btn.active{background:transparent;color:var(--dp-gold-deep)}.technicians-panel{background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:var(--dp-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.technicians-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--dp-line);background:var(--dp-surface)}.technicians-search{display:flex;align-items:center;gap:8px;border:1px solid var(--dp-line-strong);border-radius:8px;padding:0 12px;height:38px;width:280px;max-width:100%;background:var(--dp-surface);color:var(--dp-ink-soft)}.technicians-search svg{width:15px;height:15px;color:var(--dp-ink-soft);flex-shrink:0}.technicians-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--dp-navy)}.technicians-search input::placeholder{color:#9aa0b0}.technicians-modern-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.technicians-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.technicians-user-cell{display:flex;align-items:center;gap:12px}.technicians-avatar-mini{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:50%;background:var(--dp-slate-soft);display:flex;align-items:center;justify-content:center;color:var(--dp-navy-mid);overflow:hidden;border:1px solid var(--dp-line);flex-shrink:0;font-size:14px;font-weight:700}.technicians-avatar-mini img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;object-fit:cover!important}.technicians-user-name{font-weight:600;font-size:13.5px;color:var(--dp-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.technicians-user-sub{font-size:11.5px;font-family:var(--dp-mono);color:var(--dp-ink-soft);margin-top:1px}.technicians-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase}.technicians-status-dot{width:6px;height:6px;border-radius:50%}.technicians-status-approved{background:#e8f5e9;color:#2e7d32}.technicians-status-approved .technicians-status-dot{background:#2e7d32}.technicians-status-pending{background:var(--dp-gold-soft);color:var(--dp-gold-deep)}.technicians-status-pending .technicians-status-dot{background:var(--dp-gold-deep)}.technicians-status-rejected{background:var(--dp-danger-soft);color:var(--dp-danger)}.technicians-status-rejected .technicians-status-dot{background:var(--dp-danger)}.technicians-status-suspended{background:#f3e8ff;color:#7e22ce}.technicians-status-suspended .technicians-status-dot{background:#7e22ce}.technicians-dropdown{position:absolute;right:0;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:8px;box-shadow:0 10px 25px -5px #111c3326;z-index:1000;min-width:170px;padding:.4rem}.technicians-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:12.5px;color:var(--dp-navy);cursor:pointer;transition:all .15s;width:100%;border:none;background:transparent;text-align:left;font-weight:500}.technicians-dropdown-item:hover{background:var(--dp-paper)}.technicians-dropdown-item.danger{color:var(--dp-danger)}.technicians-dropdown-item.danger:hover{background:var(--dp-danger-soft)}.technicians-dropdown-divider{height:1px;background:var(--dp-line);margin:.35rem 0}.technicians-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--dp-line);flex-wrap:wrap;background:#fff}.technicians-foot-info{font-size:12.5px;color:var(--dp-ink-soft)}.technicians-foot-info b{font-family:var(--dp-mono);color:var(--dp-navy);font-weight:600}.technicians-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--dp-ink-soft)}.technicians-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--dp-line-strong);background-color:var(--dp-surface);color:var(--dp-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.technicians-pager{display:flex;gap:4px;align-items:center}.technicians-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--dp-mono);font-size:12.5px;color:var(--dp-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.technicians-page-btn:hover:not(:disabled){background:var(--dp-slate-soft);color:var(--dp-navy)}.technicians-page-btn.current{background:var(--dp-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--dp-gold)}.technicians-page-btn:disabled{opacity:.35;cursor:default}.technicians-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:tech-skeleton-loading 1.5s infinite;border-radius:6px}@keyframes tech-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.availability-calendar{width:100%}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:1px}.calendar-weekday{text-align:center;font-weight:600;color:#666;padding:1px;font-size:13px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day-box{aspect-ratio:1;min-height:28px;border:1px solid #e8e8e8;border-radius:5px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s;position:relative;cursor:pointer}.calendar-day-box.has-work-hours{border:1.5px solid #d9d9d9}.calendar-day-box:hover:not(.past){border-color:#1890ff;box-shadow:0 1px 4px #1890ff33;transform:translateY(-1px)}.calendar-day-box.selected{border-color:#1890ff;border-width:2px;box-shadow:none}.calendar-day-box.other-month{opacity:.4;background-color:#fafafa!important}.calendar-day-box.other-month .calendar-day-number{color:#bfbfbf!important}.calendar-day-box.past{cursor:not-allowed;opacity:.5}.calendar-day-number{font-size:12px;font-weight:500;color:#262626;margin-bottom:0;line-height:1}.calendar-day-box.other-month .calendar-day-number{color:#bfbfbf}.time-slots-container{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:4px}.time-slot-item{padding:10px 12px;border-radius:4px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;transition:all .2s;cursor:pointer}.time-slot-item:hover{opacity:.9;transform:translate(2px)}.time-slot-item.available{background-color:#52c41a;color:#fff}.time-slot-item.booked{background-color:#ff4d4f;color:#fff}.time-slot-item.inactive{background-color:#ffa940;color:#fff;border:2px solid #ff9800}.time-slot-time{font-weight:600;min-width:90px;font-size:13px;white-space:nowrap}.time-slot-label{flex:1;text-align:left;margin-left:12px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-slot-item.inactive .time-slot-label{display:block}.time-slot-item.inactive:hover{background-color:#ff9800;transform:translate(2px);border-color:#ff9800!important;box-shadow:0 2px 8px #ff98004d}.time-slots-container::-webkit-scrollbar{width:6px}.time-slots-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.time-slots-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.time-slots-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:768px){.calendar-day-box{min-height:24px}.calendar-day-number{font-size:10px}}.ska-container{width:100%;padding:20px 24px 24px;background-color:#f8fafc;min-height:100vh;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}.ska-header-premium{background:linear-gradient(135deg,#011d4c,#0c2d78);padding:1.25rem 2rem;border-radius:1.25rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;box-shadow:0 10px 25px -5px #011d4c4d;color:#fff;position:relative;overflow:hidden}.ska-header-premium:before{content:"";position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:#ffffff0d;border-radius:50%;pointer-events:none}.ska-header-content{display:flex;align-items:center;gap:1.25rem}.ska-header-badge{width:44px;height:44px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:.875rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px #0000001a}.ska-title-premium{font-size:1.5rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em}.ska-subtitle-premium{color:#fffc;margin-top:.1rem;font-size:.875rem;font-weight:500}.ska-grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-bottom:20px}.ska-col-8{grid-column:span 8 / span 8}.ska-col-7{grid-column:span 7 / span 7}.ska-col-6{grid-column:span 6 / span 6}.ska-col-5{grid-column:span 5 / span 5}.ska-col-4{grid-column:span 4 / span 4}.ska-col-12{grid-column:span 12 / span 12}@media(max-width:1024px){.ska-col-8,.ska-col-7,.ska-col-6,.ska-col-5,.ska-col-4{grid-column:span 12 / span 12}}.ska-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%}.ska-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;border-color:#cbd5e1}.ska-card-header{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.ska-card-title{margin:0;font-size:18px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:10px}.ska-card-body{padding:16px 20px;flex:1;display:flex;flex-direction:column}.ska-keywords-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}@media(max-width:640px){.ska-keywords-grid{grid-template-columns:1fr}}.ska-keyword-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.ska-keyword-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000a;border-color:#cbd5e1;background-color:#fff}.ska-keyword-left{display:flex;align-items:center;gap:12px}.ska-keyword-rank-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.ska-keyword-rank-badge.rank-1{background-color:#fef08a;color:#854d0e;border:1.5px solid #fde047}.ska-keyword-rank-badge.rank-2{background-color:#f1f5f9;color:#475569;border:1.5px solid #e2e8f0}.ska-keyword-rank-badge.rank-3{background-color:#ffedd5;color:#c2410c;border:1.5px solid #fed7aa}.ska-keyword-rank-badge.rank-other{background-color:#f1f5f9;color:#64748b;border:1.5px solid #f1f5f9}.ska-keyword-details{display:flex;flex-direction:column}.ska-keyword-name{font-weight:600;color:#1e293b;font-size:14px}.ska-keyword-date{font-size:11px;color:#64748b;margin-top:2px}.ska-keyword-right{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.ska-keyword-count{font-size:16px;font-weight:700;color:#d4af37;line-height:1.1}.ska-keyword-count-label{font-size:10px;color:#94a3b8;font-weight:500}.ska-trending-list{display:flex;flex-direction:column;gap:16px}.ska-trending-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#fefdf6,#fff);border-radius:12px;border:1px solid #fde047;transition:all .25s ease}.ska-trending-item:hover{transform:translate(4px);box-shadow:0 4px 12px #fa8c1614;border-color:#eab308}.ska-trending-meta{display:flex;align-items:center;gap:12px}.ska-trending-rank{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.ska-trending-rank-1{background-color:#ff7043}.ska-trending-rank-2{background-color:#ffa726}.ska-trending-rank-3{background-color:#ffca28}.ska-trending-text{font-weight:600;color:#1e293b;font-size:16px}.ska-trending-badge{background-color:#eff6ff;color:#2563eb;padding:6px 14px;border-radius:9999px;font-size:13px;font-weight:600}.ska-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;width:100%;margin-bottom:24px}@media(max-width:1280px){.ska-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.ska-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.ska-stats-grid{grid-template-columns:1fr}}.ska-stat-card-vibrant{padding:18px 20px;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;min-height:110px;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d;border:none;box-sizing:border-box}.ska-stat-card-vibrant:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #00000026}.ska-stat-vibrant-gold{background:linear-gradient(135deg,#d4af37,#aa820a);box-shadow:0 10px 20px -5px #d4af3759}.ska-stat-vibrant-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 10px 20px -5px #3b82f659}.ska-stat-vibrant-orange{background:linear-gradient(135deg,#ff7043,#e64a19);box-shadow:0 10px 20px -5px #ff704359}.ska-stat-vibrant-purple{background:linear-gradient(135deg,#a855f7,#7e22ce);box-shadow:0 10px 20px -5px #a855f759}.ska-stat-vibrant-green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 20px -5px #10b98159}.ska-stat-top{display:flex;align-items:center;justify-content:space-between;width:100%}.ska-stat-label-vibrant{font-size:13px;font-weight:600;color:#ffffffd9;letter-spacing:.02em}.ska-stat-icon-vibrant{width:34px;height:34px;border-radius:8px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ska-stat-value-vibrant{font-size:28px;font-weight:800;color:#fff;margin-top:10px;line-height:1.1}.ska-loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:450px;gap:16px;color:#64748b}.ska-spinner{width:52px;height:52px;border:4px solid #f1f5f9;border-top:4px solid #d4af37;border-radius:50%;animation:ska-spin 1s linear infinite}@keyframes ska-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ska-alert{background-color:#fef2f2;border:1px solid #fee2e2;border-left:4px solid #ef4444;border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px}.ska-alert-icon{color:#ef4444;flex-shrink:0;margin-top:2px}.ska-alert-content{display:flex;flex-direction:column}.ska-alert-title{font-weight:600;color:#991b1b;font-size:15px;margin:0}.ska-alert-desc{color:#b91c1c;font-size:13px;margin-top:4px}.ska-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#94a3b8;gap:12px}.ska-empty-icon{color:#cbd5e1}.ska-empty-text{font-size:14px;color:#64748b;font-weight:500}.seller-analytics-container{padding:24px}.seller-analytics-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-bottom:1px solid #f3f4f6;padding-bottom:16px}.seller-analytics-header-title{font-size:24px!important;font-weight:800!important;color:#011d4c!important;margin:0!important;letter-spacing:-.5px!important}.seller-analytics-stat-card{border-radius:12px!important;border:1px solid #eef2f6!important;box-shadow:0 2px 12px #00000005!important;transition:all .3s ease!important;overflow:hidden!important}.seller-analytics-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #011d4c14!important;border-color:#011d4c33!important}.top-merchant-detail{margin-top:12px;padding-top:12px;border-top:1px dashed #f0f0f0}._container_192j9_1{padding:24px}._headerContainer_192j9_6{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-bottom:1px solid #f3f4f6;padding-bottom:8px}._headerTitle_192j9_17{font-size:24px!important;font-weight:800!important;color:#011d4c!important;margin:0!important;letter-spacing:-.5px!important}._filterControls_192j9_25{display:flex;align-items:center;gap:12px;flex-wrap:wrap}._filterLabel_192j9_32{font-size:11px;color:#4b5563;font-weight:700;letter-spacing:.5px;text-transform:uppercase}._presetBtn_192j9_40{border-radius:6px!important;font-size:13px!important;font-weight:500!important;color:#4b5563!important;border-color:#e5e7eb!important;background-color:#fff!important;height:32px!important;padding:0 14px!important;box-shadow:0 1px 2px #0000000d!important}._presetBtn_192j9_40:hover{color:#011d4c!important;border-color:#011d4c88!important}._presetBtnActive_192j9_57{border-radius:6px!important;font-size:13px!important;font-weight:600!important;color:#fff!important;border-color:#011d4c!important;background-color:#011d4c!important;height:32px!important;padding:0 14px!important;box-shadow:0 1px 2px #0000000d!important}._presetBtnActive_192j9_57:hover{color:#fff!important;border-color:#011d4c!important;background-color:#011d4c!important}._rangePicker_192j9_75{border-radius:6px!important;border-color:#e5e7eb!important;height:32px!important;padding:4px 12px!important;background-color:#fff!important;box-shadow:0 1px 2px #0000000d!important}._rangePicker_192j9_75:hover{border-color:#011d4c55!important}._rangePicker_192j9_75.ant-picker-focused{border-color:#011d4c!important;box-shadow:0 0 0 2px #011d4c1a!important}._fullWidth_192j9_93{width:100%}._cardRow7_192j9_98{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;width:100%}._cardRow6_192j9_105{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;width:100%}@media(max-width:1200px){._cardRow7_192j9_98,._cardRow6_192j9_105{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){._cardRow7_192j9_98,._cardRow6_192j9_105{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){._cardRow7_192j9_98,._cardRow6_192j9_105{grid-template-columns:repeat(1,1fr)}}._card_192j9_98{background-color:#fff;border-radius:12px;padding:12px 16px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;height:100%;min-height:88px;cursor:default}._iconContainer_192j9_145{color:#cca43b;background-color:#fdf6e2;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}._cardTitle_192j9_158{font-size:11.5px;color:#4b5563;font-weight:600;letter-spacing:.2px}._cardValue_192j9_165{font-size:18px;font-weight:700;color:#011d4c;line-height:1.2}._loadingText_192j9_172{font-size:12px;color:#9ca3af}._chartContainer_192j9_178{width:100%;height:400px}._viewModeSelect_192j9_183{width:120px}._newCustomerText_192j9_187{color:#10b981}._returningCustomerText_192j9_191{color:#ef4444}._container_192j9_1 .ant-card-head-title{color:#011d4c!important;font-size:18px!important;font-weight:800!important;letter-spacing:-.3px!important}._headerSubtitle_192j9_203{font-size:13px;color:#6b7280;font-weight:500;display:block;margin-top:4px}._sectionSubtitle_192j9_211{font-size:11px;color:#9ca3af;font-weight:500;margin-top:2px;letter-spacing:.1px;display:block}._container_192j9_1 .ant-segmented{background-color:#f3f4f6!important;border-radius:6px!important;border:1px solid #d9d9d9!important}._container_192j9_1 .ant-segmented-item-selected{background-color:#011d4c!important;border-radius:6px!important;color:#fff!important}._container_192j9_1 .ant-segmented-item-selected .ant-segmented-item-icon,._container_192j9_1 .ant-segmented-item-selected .ant-segmented-item-label{color:#fff!important}._container_1gmv1_1{padding:24px}._headerContainer_1gmv1_5{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-bottom:1px solid #f3f4f6;padding-bottom:8px}._headerTitle_1gmv1_16{font-size:24px!important;font-weight:800!important;color:#011d4c!important;margin:0!important;letter-spacing:-.5px!important}._filterControls_1gmv1_24{display:flex;align-items:center;gap:12px;flex-wrap:wrap}._filterLabel_1gmv1_31{font-size:11px;color:#4b5563;font-weight:700;letter-spacing:.5px;text-transform:uppercase}._presetBtn_1gmv1_39{border-radius:6px!important;font-size:13px!important;font-weight:500!important;color:#4b5563!important;border-color:#e5e7eb!important;background-color:#fff!important;height:32px!important;padding:0 14px!important;box-shadow:0 1px 2px #0000000d!important}._presetBtn_1gmv1_39:hover{color:#011d4c!important;border-color:#011d4c88!important}._presetBtnActive_1gmv1_56{border-radius:6px!important;font-size:13px!important;font-weight:600!important;color:#fff!important;border-color:#011d4c!important;background-color:#011d4c!important;height:32px!important;padding:0 14px!important;box-shadow:0 1px 2px #0000000d!important}._presetBtnActive_1gmv1_56:hover{color:#fff!important;border-color:#011d4c!important;background-color:#011d4c!important}._rangePicker_1gmv1_74{border-radius:6px!important;border-color:#e5e7eb!important;height:32px!important;padding:4px 12px!important;background-color:#fff!important;box-shadow:0 1px 2px #0000000d!important}._rangePicker_1gmv1_74:hover{border-color:#011d4c55!important}._rangePicker_1gmv1_74.ant-picker-focused{border-color:#011d4c!important;box-shadow:0 0 0 2px #011d4c1a!important}._fullWidth_1gmv1_92{width:100%}._cardRow5_1gmv1_96{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;width:100%}@media(max-width:1200px){._cardRow5_1gmv1_96{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){._cardRow5_1gmv1_96{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){._cardRow5_1gmv1_96{grid-template-columns:repeat(1,1fr)}}._card_1gmv1_96{background-color:#fff;border-radius:12px;padding:12px 16px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;height:100%;min-height:88px;cursor:default}._iconContainer_1gmv1_136{color:#cca43b;background-color:#fdf6e2;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}._cardTitle_1gmv1_149{font-size:11.5px;color:#4b5563;font-weight:600;letter-spacing:.2px}._cardValue_1gmv1_156{font-size:18px;font-weight:700;color:#011d4c;line-height:1.2}._loadingText_1gmv1_163{font-size:12px;color:#9ca3af}._chartContainer_1gmv1_168{width:100%;height:400px}._container_1gmv1_1 .ant-card-head-title{color:#011d4c!important;font-size:18px!important;font-weight:800!important;letter-spacing:-.3px!important}._headerSubtitle_1gmv1_180{font-size:13px;color:#6b7280;font-weight:500;display:block;margin-top:4px}._sectionSubtitle_1gmv1_188{font-size:11px;color:#9ca3af;font-weight:500;margin-top:2px;letter-spacing:.1px;display:block}._container_1gmv1_1 .ant-segmented{background-color:#f3f4f6!important;border-radius:6px!important;border:1px solid #d9d9d9!important}._container_1gmv1_1 .ant-segmented-item-selected{background-color:#011d4c!important;border-radius:6px!important;color:#fff!important}._container_1gmv1_1 .ant-segmented-item-selected .ant-segmented-item-icon,._container_1gmv1_1 .ant-segmented-item-selected .ant-segmented-item-label{color:#fff!important}._productSelect_1gmv1_214 .ant-select-selector{border-radius:6px!important;border-color:#e5e7eb!important;height:32px!important;padding:0 12px!important;display:flex!important;align-items:center!important;box-shadow:0 1px 2px #0000000d!important}._productSelect_1gmv1_214:hover .ant-select-selector{border-color:#011d4c55!important}._productSelect_1gmv1_214.ant-select-focused .ant-select-selector{border-color:#011d4c!important;box-shadow:0 0 0 2px #011d4c1a!important}._productSelect_1gmv1_214 .ant-select-selection-item{line-height:30px!important;font-size:13px!important;color:#1f2937!important;font-weight:500!important}.sales-report-container{padding:24px}.sales-report-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-bottom:1px solid #f3f4f6;padding-bottom:16px}.sales-report-header-title{font-size:24px!important;font-weight:800!important;color:#011d4c!important;margin:0!important;letter-spacing:-.5px!important}.sales-report-export-btn{background:#011d4c!important;border-color:#011d4c!important;height:32px!important;border-radius:6px!important;color:#fff!important;font-weight:600!important;font-size:13px!important;padding:0 16px!important;display:flex!important;align-items:center!important;gap:6px!important;transition:all .3s ease!important;box-shadow:0 1px 2px #0000000d!important}.sales-report-export-btn:hover{background:#002e7a!important;border-color:#002e7a!important;color:#fff!important;opacity:.95}.filter-label{font-size:11px;color:#4b5563;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.preset-btn{border-radius:6px!important;font-size:13px!important;font-weight:500!important;color:#4b5563!important;border-color:#e5e7eb!important;background-color:#fff!important;height:32px!important;padding:0 14px!important;box-shadow:0 1px 2px #0000000d!important}.preset-btn:hover{color:#011d4c!important;border-color:#011d4c88!important}.preset-btn-active{border-radius:6px!important;font-size:13px!important;font-weight:600!important;color:#fff!important;border-color:#011d4c!important;background-color:#011d4c!important;height:32px!important;padding:0 14px!important;box-shadow:0 1px 2px #0000000d!important}.preset-btn-active:hover{color:#fff!important;border-color:#011d4c!important;background-color:#011d4c!important}.header-range-picker{border-radius:6px!important;border-color:#e5e7eb!important;height:32px!important;padding:4px 12px!important;background-color:#fff!important;box-shadow:0 1px 2px #0000000d!important}.header-range-picker:hover{border-color:#011d4c55!important}.header-range-picker.ant-picker-focused{border-color:#011d4c!important;box-shadow:0 0 0 2px #011d4c1a!important}.store-select .ant-select-selector{border-radius:6px!important;border-color:#e5e7eb!important;height:32px!important;padding:0 12px!important;display:flex!important;align-items:center!important;box-shadow:0 1px 2px #0000000d!important}.store-select:hover .ant-select-selector{border-color:#011d4c55!important}.store-select.ant-select-focused .ant-select-selector{border-color:#011d4c!important;box-shadow:0 0 0 2px #011d4c1a!important}.store-select .ant-select-selection-item{line-height:30px!important;font-size:13px!important;color:#1f2937!important;font-weight:500!important}.sales-report-stat-card{border-radius:12px!important;border:1px solid #eef2f6!important;box-shadow:0 2px 12px #00000005!important;transition:all .3s ease!important;overflow:hidden!important}.sales-report-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #011d4c14!important;border-color:#011d4c33!important}.sales-report-grid-card{border-radius:12px!important;border:1px solid #eef2f6!important;box-shadow:0 2px 12px #00000005!important}.stat-card-title{color:#8c8c8c;font-weight:500}.trend-chart-segmented{background-color:#f3f4f6!important;border-radius:6px!important;padding:2px!important}.trend-chart-segmented .ant-segmented-item-selected{background-color:#011d4c!important;color:#fff!important;border-radius:4px!important}.trend-chart-segmented .ant-segmented-item-selected .ant-segmented-item-icon{color:#fff!important}.merchant-filter-select .ant-select-selector{border-radius:6px!important;border-color:#e5e7eb!important;height:28px!important;padding:0 10px!important;display:flex!important;align-items:center!important;box-shadow:0 1px 2px #0000000d!important}.merchant-filter-select:hover .ant-select-selector{border-color:#011d4c55!important}.merchant-filter-select.ant-select-focused .ant-select-selector{border-color:#011d4c!important;box-shadow:0 0 0 2px #011d4c1a!important}.merchant-filter-select .ant-select-selection-item{line-height:26px!important;font-size:12px!important;color:#1f2937!important;font-weight:500!important}._container_gc9h0_1{padding:24px}._headerContainer_gc9h0_5{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-bottom:1px solid #f3f4f6;padding-bottom:16px}._headerTitle_gc9h0_16{font-size:24px!important;font-weight:800!important;color:#011d4c!important;margin:0!important;letter-spacing:-.5px!important}._headerSubtitle_gc9h0_24{font-size:13px;color:#6b7280;font-weight:500;display:block;margin-top:4px}._filterControls_gc9h0_32{display:flex;align-items:center;gap:16px;flex-wrap:wrap}._filterLabel_gc9h0_39{font-size:11px;color:#4b5563;font-weight:700;letter-spacing:.5px;text-transform:uppercase}._presetBtn_gc9h0_47{border-radius:6px!important;font-size:13px!important;font-weight:500!important;color:#4b5563!important;border-color:#e5e7eb!important;background-color:#fff!important;height:32px!important;padding:0 14px!important;box-shadow:0 1px 2px #0000000d!important}._presetBtn_gc9h0_47:hover{color:#011d4c!important;border-color:#011d4c88!important}._presetBtnActive_gc9h0_64{border-radius:6px!important;font-size:13px!important;font-weight:600!important;color:#fff!important;border-color:#011d4c!important;background-color:#011d4c!important;height:32px!important;padding:0 14px!important;box-shadow:0 1px 2px #0000000d!important}._presetBtnActive_gc9h0_64:hover{color:#fff!important;border-color:#011d4c!important;background-color:#011d4c!important}._rangePicker_gc9h0_82{border-radius:6px!important;border-color:#e5e7eb!important;height:32px!important;padding:4px 12px!important;background-color:#fff!important;box-shadow:0 1px 2px #0000000d!important}._rangePicker_gc9h0_82:hover{border-color:#011d4c55!important}._merchantSelect_gc9h0_95{border-radius:6px!important;height:32px!important;min-width:350px}._cardGrid_gc9h0_101{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;width:100%}._card_gc9h0_101{background-color:#fff;border-radius:12px;padding:12px 16px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;height:100%;min-height:88px;cursor:default}._iconContainer_gc9h0_123{color:#cca43b;background-color:#fdf6e2;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}._cardTitle_gc9h0_136{font-size:11.5px;color:#4b5563;font-weight:600;letter-spacing:.2px}._cardValue_gc9h0_143{font-size:18px;font-weight:700;color:#011d4c;line-height:1.2}._loadingContainer_gc9h0_150{display:flex;justify-content:center;align-items:center;height:300px;width:100%}._loadingText_gc9h0_158{font-size:12px;color:#9ca3af}._fullWidth_gc9h0_163{width:100%}._bottomRow_gc9h0_168{display:flex;gap:16px;align-items:flex-start;width:100%}._trendHalf_gc9h0_176{flex:0 0 58%;min-width:0}._trendFull_gc9h0_182{flex:1 1 100%;min-width:0}._valuationHalf_gc9h0_188{flex:1 1 0;min-width:0}._split50_gc9h0_194{flex:1 1 50%;min-width:0}@media(max-width:1100px){._bottomRow_gc9h0_168{flex-direction:column}._trendHalf_gc9h0_176,._trendFull_gc9h0_182,._valuationHalf_gc9h0_188,._split50_gc9h0_194{flex:1 1 100%;width:100%}}._container_gc9h0_1 .ant-segmented-item-selected{background-color:#011d4c!important}._container_gc9h0_1 .ant-segmented-item-selected .ant-segmented-item-icon,._container_gc9h0_1 .ant-segmented-item-selected .ant-segmented-item-label{color:#fff!important}._container_e6sh2_1{padding:24px}._headerContainer_e6sh2_5{margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-bottom:1px solid #f3f4f6;padding-bottom:16px}._headerTitle_e6sh2_16{font-size:24px!important;font-weight:800!important;color:#011d4c!important;margin:0!important;letter-spacing:-.5px!important}._headerSubtitle_e6sh2_24{font-size:13px;color:#6b7280;font-weight:500;display:block;margin-top:4px}._filterControls_e6sh2_32{display:flex;align-items:center;gap:16px;flex-wrap:wrap}._filterLabel_e6sh2_39{font-size:11px;color:#4b5563;font-weight:700;letter-spacing:.5px;text-transform:uppercase}._presetBtn_e6sh2_47{border-radius:6px!important;font-size:13px!important;font-weight:500!important;color:#4b5563!important;border-color:#e5e7eb!important;background-color:#fff!important;height:32px!important;padding:0 14px!important;box-shadow:0 1px 2px #0000000d!important}._presetBtn_e6sh2_47:hover{color:#011d4c!important;border-color:#011d4c88!important}._presetBtnActive_e6sh2_64{border-radius:6px!important;font-size:13px!important;font-weight:600!important;color:#fff!important;border-color:#011d4c!important;background-color:#011d4c!important;height:32px!important;padding:0 14px!important;box-shadow:0 1px 2px #0000000d!important}._presetBtnActive_e6sh2_64:hover{color:#fff!important;border-color:#011d4c!important;background-color:#011d4c!important}._rangePicker_e6sh2_82{border-radius:6px!important;border-color:#e5e7eb!important;height:32px!important;padding:4px 12px!important;background-color:#fff!important;box-shadow:0 1px 2px #0000000d!important}._rangePicker_e6sh2_82:hover{border-color:#011d4c55!important}._merchantSelect_e6sh2_95{border-radius:6px!important;height:32px!important;min-width:300px}._cardGrid_e6sh2_101{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;width:100%}._card_e6sh2_101{background-color:#fff;border-radius:12px;padding:12px 16px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;height:100%;min-height:88px;cursor:default}._iconContainer_e6sh2_123{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}._cardTitle_e6sh2_134{font-size:11.5px;color:#4b5563;font-weight:600;letter-spacing:.2px}._cardValue_e6sh2_141{font-size:18px;font-weight:700;color:#011d4c;line-height:1.2}._loadingContainer_e6sh2_148{display:flex;justify-content:center;align-items:center;height:300px;width:100%}._loadingText_e6sh2_156{font-size:12px;color:#9ca3af}._fullWidth_e6sh2_161{width:100%}._bottomRow_e6sh2_165{display:flex;gap:16px;align-items:flex-start;width:100%}._chartHalf_e6sh2_172{flex:0 0 50%;min-width:0}._trendSection_e6sh2_177{flex:0 0 calc(60% - 12px);min-width:0}._reasonSection_e6sh2_182{flex:0 0 calc(40% - 12px);min-width:0}@media(max-width:1200px){._cardsGrid_e6sh2_188{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){._cardsGrid_e6sh2_188{grid-template-columns:1fr}._bottomRow_e6sh2_165{flex-direction:column}._chartHalf_e6sh2_172,._trendSection_e6sh2_177,._reasonSection_e6sh2_182{flex:1 1 100%;width:100%}}._customSegmented_e6sh2_210 .ant-segmented-item-selected{background-color:#011d4c!important}._customSegmented_e6sh2_210 .ant-segmented-item-selected .ant-segmented-item-icon,._customSegmented_e6sh2_210 .ant-segmented-item-selected span{color:#fff!important}.modern-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem}.modern-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modern-confirm-content{background-color:var(--modern-card-bg, #fff);border-radius:1.25rem;padding:2rem;width:100%;max-width:440px;position:relative;z-index:10000;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--modern-border, #e2e8f0)}.modern-confirm-icon-wrapper{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.modern-confirm-icon-wrapper.danger{background-color:#ef44441a;color:#ef4444}.modern-confirm-icon-wrapper.warning{background-color:#f59e0b1a;color:#f59e0b}.modern-confirm-body{margin-bottom:2rem}.modern-confirm-title{font-size:1.25rem;font-weight:700;color:var(--modern-text, #1e293b);margin:0 0 .5rem}.modern-confirm-desc{color:var(--modern-text-secondary, #64748b);font-size:.95rem;line-height:1.5;margin:0}.modern-confirm-footer{display:flex;gap:.75rem;width:100%}.modern-btn-secondary{flex:1;padding:.75rem;border-radius:.75rem;border:1px solid var(--modern-border, #e2e8f0);background-color:transparent;color:var(--modern-text-secondary, #64748b);font-weight:600;cursor:pointer;transition:all .2s}.modern-btn-secondary:hover:not(:disabled){background-color:var(--modern-bg, #f8fafc);color:var(--modern-text, #1e293b)}.modern-btn-confirm{flex:1;padding:.75rem;border-radius:.75rem;border:none;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modern-btn-confirm.danger{background-color:#ef4444}.modern-btn-confirm.danger:hover:not(:disabled){background-color:#dc2626;box-shadow:0 4px 12px #ef44444d}.modern-btn-confirm.warning{background-color:#f59e0b}.modern-btn-confirm.warning:hover:not(:disabled){background-color:#d97706;box-shadow:0 4px 12px #f59e0b4d}.modern-btn-confirm:disabled{opacity:.6;cursor:not-allowed}.modern-confirm-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--modern-text-secondary, #94a3b8);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.modern-confirm-close:hover{background-color:var(--modern-bg, #f8fafc);color:var(--modern-text, #1e293b)}.loading-spinner.small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%}:root{--navy-deep: #0f2042;--navy-dark: #1b263b;--navy-medium: #415a77;--navy-light: #f1f5f9;--navy-slate: #1e293b;--gold-metallic: #d4af37;--gold-primary: #caa03c;--gold-deep: #a88118;--gold-light: #fefcf3;--gold-border: #ebd69a;--modern-primary: #6366f1;--modern-primary-hover: #4f46e5;--modern-success: #10b981;--modern-warning: #f59e0b;--modern-error: #ef4444;--modern-bg: #f8fafc;--modern-card-bg: #ffffff;--modern-text: #1e293b;--modern-text-secondary: #64748b;--modern-border: #e2e8f0}.is-dark-mode{--modern-bg: #020617;--modern-card-bg: #0f172a;--modern-text: #f8fafc;--modern-text-secondary: #94a3b8;--modern-border: #1e293b}@media(max-width:640px){.hide-on-mobile{display:none!important}}.modern-container{padding:1.5rem;background-color:var(--modern-bg);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:padding .3s ease}@media(max-width:640px){.modern-container{padding:1rem}}.user-permissions-header-premium{background:linear-gradient(135deg,var(--gold-metallic) 0%,var(--gold-primary) 100%);padding:1rem 2rem;border-radius:1.25rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;gap:1.5rem;flex-wrap:wrap;box-shadow:0 10px 25px -5px #d4af374d;position:relative;overflow:hidden;color:var(--navy-deep)}.user-permissions-header-premium:before{content:"";position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:#ffffff1f;border-radius:50%;pointer-events:none}.user-permissions-title-section{position:relative;z-index:1;display:flex;flex-direction:column}.user-permissions-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-bottom:.35rem}.user-permissions-breadcrumb-item{color:#0f2042b3;font-weight:500;transition:color .2s;cursor:pointer}.user-permissions-breadcrumb-item.active{color:var(--navy-deep);font-weight:700}.user-permissions-breadcrumb-separator{color:#0f204266;font-size:.8rem;-webkit-user-select:none;user-select:none}.user-permissions-title{font-size:1.875rem;font-weight:800;color:var(--navy-deep);margin:0;letter-spacing:-.025em}.user-permissions-subtitle{color:#0f2042d9;font-size:.95rem;font-weight:500;margin-top:.25rem}.user-permissions-header-actions{position:relative;z-index:1;display:flex;gap:1rem;align-items:center}.user-permissions-add-button{display:flex;align-items:center;gap:.5rem;background:var(--navy-deep);color:#fff;padding:.625rem 1.25rem;border-radius:.75rem;border:none;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0f204233}.user-permissions-add-button:hover{background:var(--navy-dark);transform:translateY(-1px);box-shadow:0 6px 12px #0f20424d}.user-permissions-filters-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}@media(max-width:768px){.user-permissions-filters-bar{flex-direction:column;align-items:stretch}}.user-permissions-controls-right{display:flex;align-items:center;gap:1rem;justify-content:flex-end}@media(max-width:768px){.user-permissions-controls-right{justify-content:space-between}}.modern-theme-toggle{display:flex;align-items:center;justify-content:center;padding:.625rem;border-radius:.75rem;border:1px solid var(--modern-border);background-color:var(--modern-card-bg);color:var(--modern-text-secondary);cursor:pointer;transition:all .2s}.modern-theme-toggle:hover{background-color:var(--modern-border);color:var(--modern-text)}.modern-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}@media(max-width:768px){.modern-controls{width:100%}}.modern-search-wrapper{position:relative;width:300px;flex:1;min-width:250px}@media(max-width:480px){.modern-search-wrapper{width:100%;min-width:0}}.modern-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--modern-text-secondary);pointer-events:none}.modern-search-input{width:100%;padding:.7rem 2.5rem;border-radius:.75rem;border:1px solid var(--modern-border);background-color:var(--modern-card-bg);color:var(--modern-text);transition:all .2s;outline:none;font-size:1rem}.modern-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--modern-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:2px;border-radius:50%;transition:all .2s}.modern-search-clear:hover{background-color:var(--modern-bg);color:var(--modern-text)}.modern-search-input::placeholder{color:var(--modern-text-secondary);opacity:.7}.modern-search-input:focus{border-color:var(--modern-primary);box-shadow:0 0 0 4px #6366f11a}.modern-add-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:var(--modern-primary);color:#fff;border-radius:.75rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.modern-add-button:hover{background-color:var(--modern-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.modern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}@media(max-width:640px){.modern-grid{grid-template-columns:1fr;gap:1rem}}.modern-card{background-color:var(--modern-card-bg);border-radius:1rem;padding:1.5rem;border:1px solid var(--modern-border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column}.modern-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000d;border-color:var(--modern-primary)}.modern-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.modern-card-slug{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:var(--modern-primary);background-color:#6366f11a;padding:.25rem .5rem;border-radius:.5rem;font-weight:600}.modern-card-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--modern-text)}.modern-card-info{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.modern-type-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.2rem .6rem;border-radius:2rem}.type-admin{background-color:#ef44441a;color:var(--modern-error)}.type-merchant{background-color:#6366f11a;color:var(--modern-primary)}.type-pos{background-color:#10b9811a;color:var(--modern-success)}.modern-card-modules{margin-top:1rem;flex:1}.module-tag{display:inline-block;font-size:.75rem;padding:.15rem .5rem;background-color:var(--modern-bg);color:var(--modern-text-secondary);border-radius:.4rem;margin:0 .4rem .4rem 0;border:1px solid var(--modern-border)}.modern-card-actions{display:flex;gap:.5rem;margin-top:1.5rem;border-top:1px solid var(--modern-border);padding-top:1rem}.modern-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border-radius:.75rem;border:1px solid var(--modern-border);background:transparent;cursor:pointer;transition:all .2s;color:var(--modern-text-secondary);font-weight:600;font-size:.875rem}.modern-action-btn:hover{background-color:var(--modern-bg);color:var(--modern-text)}.modern-action-btn.edit:hover{border-color:var(--modern-primary);color:var(--modern-primary);background-color:#6366f10d}.modern-action-btn.delete:hover{border-color:var(--modern-error);color:var(--modern-error);background-color:#ef44440d}.modern-view-toggle{display:flex;background-color:var(--modern-border);padding:.25rem;border-radius:.75rem;gap:.25rem}.modern-view-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.5rem;border:none;background:transparent;cursor:pointer;color:var(--modern-text-secondary);transition:all .2s}.modern-view-btn.active{background-color:var(--modern-card-bg);color:var(--modern-primary);box-shadow:0 2px 4px #0000000d}.modern-table-container{background-color:var(--modern-card-bg);border-radius:1rem;border:1px solid var(--modern-border);overflow-x:auto;box-shadow:0 4px 6px -1px #0000000d;-webkit-overflow-scrolling:touch}.modern-table th{background-color:var(--modern-bg);padding:1rem 1.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--modern-text-secondary);border-bottom:2px solid var(--modern-border)}.modern-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--modern-border);vertical-align:middle}.modern-table tr:hover{background-color:var(--modern-bg)}.modern-table-name{font-weight:700;color:var(--modern-text)}.modern-table-slug{font-family:monospace;font-size:.75rem;color:var(--modern-primary)}.modern-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;flex-wrap:wrap}.modern-page-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.75rem;border:1px solid var(--modern-border);background-color:var(--modern-card-bg);cursor:pointer;transition:all .2s;color:var(--modern-text);font-weight:600}.modern-page-btn.active{background-color:var(--modern-primary);color:#fff;border-color:var(--modern-primary)}.loading-skeleton{background:linear-gradient(90deg,var(--modern-border) 25%,#f1f5f9 50%,var(--modern-border) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--modern-card-bg);border-radius:1rem;border:2px dashed var(--modern-border)}.modern-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modern-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modern-modal-content{background-color:var(--modern-card-bg);width:100%;max-width:700px;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;z-index:10001;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;max-height:90vh}.modern-modal-header{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--modern-border)}.modern-modal-title{font-size:1.5rem;font-weight:700;color:var(--modern-text);margin:0;letter-spacing:-.025em}.modern-modal-subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--modern-text-secondary)}.modern-modal-close{padding:.5rem;border-radius:.75rem;border:none;background:var(--modern-bg);color:var(--modern-text-secondary);cursor:pointer;transition:all .2s}.modern-modal-close:hover{background-color:var(--modern-border);color:var(--modern-text)}.modern-modal-form{padding:1.5rem;overflow-y:auto;flex:1}.modern-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.full-width{grid-column:1 / -1}.modern-field{display:flex;flex-direction:column;gap:.5rem}.modern-label{font-size:.875rem;font-weight:700;color:var(--modern-text);margin-left:.25rem}.modern-input,.modern-select-trigger{padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--modern-border);background-color:var(--modern-bg);color:var(--modern-text);transition:all .2s;outline:none;font-size:.95rem}.modern-input:focus,.modern-select-trigger.active{border-color:var(--modern-primary);background-color:var(--modern-card-bg);box-shadow:0 0 0 4px #6366f11a}.modern-input.error{border-color:var(--modern-error)}.modern-error-msg{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--modern-error);margin-left:.5rem}.modern-multi-select{position:relative}.modern-select-tags{display:flex;flex-wrap:wrap;gap:.25rem}.selected-tag{display:flex;align-items:center;gap:.25rem;background-color:var(--modern-primary);color:#fff;padding:.2rem .5rem;border-radius:.4rem;font-size:.75rem;font-weight:600}.remove-tag{background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:0;display:flex;align-items:center}.remove-tag:hover{color:#fff}.modern-select-options{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:var(--modern-card-bg);border:1px solid var(--modern-border);border-radius:.75rem;box-shadow:0 10px 25px -5px #0000001a;z-index:10002;max-height:200px;overflow-y:auto;padding:.5rem}.modern-option{padding:.625rem .75rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;transition:all .2s;display:flex;align-items:center;justify-content:space-between}.modern-option:hover{background-color:var(--modern-bg)}.modern-option.selected{background-color:#6366f10d;color:var(--modern-primary);font-weight:600}.modern-option.parent-option{cursor:not-allowed;color:var(--modern-text-secondary);font-weight:700;opacity:.6}.modern-option.parent-option:hover{background-color:transparent}.selected-tag.derived-tag{background-color:var(--modern-border);color:var(--modern-text-secondary);font-weight:500}.modern-modal-footer{padding:1.5rem;display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid var(--modern-border)}.modern-btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--modern-primary);color:#fff;border-radius:.75rem;font-weight:700;border:none;cursor:pointer;transition:all .2s}.modern-btn-primary:hover:not(:disabled){background-color:var(--modern-primary-hover);transform:translateY(-1px)}.modern-btn-secondary{padding:.75rem 1.5rem;background-color:var(--modern-bg);color:var(--modern-text-secondary);border-radius:.75rem;font-weight:600;border:none;cursor:pointer}.modern-btn-secondary:hover{background-color:var(--modern-border);color:var(--modern-text)}.loading-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.modern-form-grid{grid-template-columns:1fr}}:root{--paper: #F7F5EF;--surface: #FFFFFF;--navy: #111C33;--navy-mid: #35507E;--ink-soft: #5B6378;--line: #E7E4DA;--line-strong: #D4D0C2;--gold: #C09A2E;--gold-hover: #A9861F;--gold-deep: #8C6D1F;--gold-soft: #F6EFDA;--amber: #C4661B;--amber-soft: #FBEDDE;--danger: #B3372E;--danger-soft: #F9E8E6;--slate-soft: #EFECE3;--radius: 10px;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}.main{flex:1;min-width:0;padding:26px 32px 60px;background-color:var(--paper);min-height:100vh;font-family:var(--sans);color:var(--navy)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.crumbs{font-size:12px;color:var(--ink-soft);margin-bottom:6px}.crumbs b{color:var(--navy);font-weight:500}h1{font-size:22px;font-weight:700;letter-spacing:-.2px;margin:0}.head-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:8px;font-size:13.5px;font-weight:600;border:1px solid var(--line-strong);background:var(--surface);color:var(--navy);transition:background .15s,border-color .15s;cursor:pointer}.btn:hover{background:var(--slate-soft)}.btn.primary{background:var(--gold);border-color:var(--gold);color:var(--navy)}.btn.primary:hover{background:var(--gold-hover);border-color:var(--gold-hover)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.danger:hover{background:var(--danger-soft)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:8px;padding:4px 8px;width:320px;max-width:100%;background:var(--surface);color:var(--ink-soft)}.search svg{width:15px;height:15px;color:var(--ink-soft);flex-shrink:0}.search input{border:none;outline:none;font:inherit;width:100%;background:transparent;color:var(--navy)}.search input::placeholder{color:#9aa0b0}.admin-user-table-container{overflow-x:auto}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:8px;background:var(--navy-mid);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;font-family:var(--mono)}.user-name{font-weight:600;font-size:13.5px;color:var(--navy)}.user-email{font-size:12px;color:var(--ink-soft)}.permission-tags{display:flex;flex-wrap:wrap;gap:4px}.permission-tag{font-size:11.5px;padding:3px 8px;background:var(--gold-soft);color:var(--gold-deep);border-radius:4px;font-weight:600;display:inline-flex;align-items:center;border:1px solid rgba(192,154,46,.15)}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;white-space:nowrap}.status-active{background:var(--gold-soft);color:var(--gold-deep)}.status-inactive{background:var(--slate-soft);color:var(--ink-soft)}.table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--line);flex-wrap:wrap;background:#fff}.foot-info{font-size:12.5px;color:var(--ink-soft)}.foot-info b{font-family:var(--mono);color:var(--navy);font-weight:600}.pager{display:flex;gap:4px;align-items:center}.page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--mono);font-size:12.5px;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.page-btn:hover:not(:disabled){background:var(--slate-soft);color:var(--navy)}.page-btn.current{background:var(--navy);color:#fff;font-weight:600;border-bottom:2px solid var(--gold)}.page-btn:disabled{opacity:.35;cursor:default}.empty-state{padding:60px 20px;text-align:center;color:var(--ink-soft)}.empty-state h3{color:var(--navy);font-size:15px;margin-bottom:6px;font-weight:600}.empty-state-icon{color:var(--line-strong);margin-bottom:12px}.panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.icon-btn{width:30px;height:30px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer;transition:all .15s ease;border:none;background:transparent}.icon-btn:hover{background:var(--slate-soft);color:var(--navy)}.icon-btn.success{color:var(--gold-deep)}.icon-btn.success:hover{background:var(--gold-soft);color:var(--gold-deep)}.icon-btn.danger{color:var(--danger)}.icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}:root{--paper: #F7F5EF;--surface: #FFFFFF;--navy: #111C33;--navy-mid: #35507E;--ink-soft: #5B6378;--line: #E7E4DA;--line-strong: #D4D0C2;--gold: #C09A2E;--gold-hover: #A9861F;--gold-deep: #8C6D1F;--gold-soft: #F6EFDA;--danger: #B3372E;--danger-soft: #F9E8E6;--radius: 10px;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}.custom-form-body{padding:2rem;overflow-y:auto;font-family:var(--sans)}.modern-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:.5rem}.custom-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.modern-label{display:flex;align-items:center;gap:.5rem;font-size:12.5px;font-weight:600;color:var(--navy)}.modern-input{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--line-strong);background:#fff;color:var(--navy);font-size:13.5px;transition:border-color .15s,box-shadow .15s;outline:none}.modern-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c09a2e26}.modern-input.error{border-color:var(--danger)}.error-text{font-size:11px;color:var(--danger);font-weight:600;margin-top:.25rem}.custom-multiselect{position:relative}.multiselect-trigger{width:100%;min-height:42px;padding:.5rem;border-radius:8px;border:1px solid var(--line-strong);background:#fff;cursor:pointer;display:flex;align-items:center;transition:all .15s}.multiselect-trigger:hover{border-color:var(--gold)}.selected-tags{display:flex;flex-wrap:wrap;gap:4px}.selected-tag{background:var(--gold-soft);color:var(--gold-deep);border:1px solid rgba(192,154,46,.2);padding:3px 8px;border-radius:4px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:.4rem}.selected-tag svg{cursor:pointer;transition:color .1s}.selected-tag svg:hover{color:var(--danger)}.placeholder{color:var(--ink-soft);font-size:13px;padding-left:.5rem}.multiselect-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border-radius:8px;border:1px solid var(--line);box-shadow:0 10px 25px -5px #111c3326;z-index:100;max-height:200px;overflow-y:auto;padding:.5rem}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:6px;cursor:pointer;transition:all .15s;font-size:13px;color:var(--navy)}.dropdown-item:hover{background:var(--paper)}.dropdown-item.selected{background:var(--gold-soft);color:var(--gold-deep);font-weight:600}.checkbox{width:16px;height:16px;border-radius:4px;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;transition:all .15s;background:#fff}.dropdown-item.selected .checkbox{background:var(--gold);border-color:var(--gold);color:var(--navy)}.status-toggle-group{display:flex;gap:.5rem;background:var(--paper);padding:.35rem;border-radius:8px;border:1px solid var(--line)}.toggle-btn{flex:1;padding:.6rem;border-radius:6px;border:none;font-weight:600;font-size:13px;cursor:pointer;transition:all .15s;background:transparent;color:var(--ink-soft)}.toggle-btn.active{background:#fff;color:var(--navy);box-shadow:0 2px 4px #111c3314;border:1px solid var(--line)}.toggle-btn.active.danger{color:var(--danger);background:var(--danger-soft);border-color:#b3372e26}.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;border:1px solid var(--line-strong);background:#fff;color:var(--navy);font-weight:600;font-size:13.5px;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:var(--slate-soft)}.admin-user-btn-primary{padding:.75rem 1.5rem;border-radius:8px;border:1px solid var(--gold);background:var(--gold)!important;color:var(--navy);font-weight:600;font-size:13.5px;cursor:pointer;transition:all .15s}.admin-user-btn-primary:hover:not(:disabled){background:var(--gold-hover);border-color:var(--gold-hover)}.admin-user-btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.modern-form-row{grid-template-columns:1fr;gap:.5rem}}:root{--modern-primary: #6366f1;--modern-primary-hover: #4f46e5;--modern-bg: #f8fafc;--modern-card-bg: #ffffff;--modern-text: #1e293b;--modern-text-secondary: #64748b;--modern-border: #e2e8f0;--modern-success: #10b981;--modern-warning: #f59e0b;--modern-error: #ef4444;--modern-pending: #f59e0b}.modern-container{padding:2rem;background-color:var(--modern-bg);min-height:100vh;font-family:Inter,-apple-system,sans-serif;transition:padding .3s ease}@media(max-width:768px){.modern-container{padding:1rem}}@media(max-width:640px){.modern-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}}.modern-filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--modern-card-bg);border-radius:1rem;border:1px solid var(--modern-border);align-items:center;flex-wrap:wrap;justify-content:space-between;box-shadow:0 4px 6px -1px #0000000d}.modern-search-container{display:flex;gap:1rem;align-items:center;flex:1;max-width:400px}@media(max-width:1024px){.modern-search-container{max-width:none;width:100%}}@media(max-width:1024px){.modern-filters-bar{flex-direction:column;align-items:stretch}.modern-tabs{width:100%!important;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.modern-tabs::-webkit-scrollbar{display:none}}.modern-tabs{display:flex;gap:.5rem;padding:.25rem;background:var(--modern-border);border-radius:.875rem;width:fit-content}.tab-count{font-size:.75rem;padding:.1rem .5rem;background:#6366f11a;color:var(--modern-primary);border-radius:1rem;margin-left:.5rem;display:inline-flex;align-items:center;justify-content:center;min-width:20px}.modern-table-container{background:var(--modern-card-bg);border-radius:1.25rem;border:1px solid var(--modern-border);overflow-x:auto!important;box-shadow:0 10px 15px -3px #0000000d;-webkit-overflow-scrolling:touch}@media(max-width:640px){.modern-table-container{border-radius:.75rem}}@media(max-width:768px){.modern-table th,.modern-table td{padding:1rem .75rem}}.modern-table tr.active{position:relative;z-index:50}@media(max-width:768px){.hide-on-mobile{display:none!important}}@media(max-width:1024px){.hide-on-tablet{display:none!important}}.status-deactivated{background:#10b9811a;color:var(--modern-success)}.status-pending{background:#f59e0b1a;color:var(--modern-pending)}.status-deleted{background:#64748b1a;color:#64748b}.modern-table-action:hover{border-color:var(--modern-primary);color:#fff;background:var(--modern-primary);box-shadow:0 4px 12px #6366f133}.actions-menu-wrapper.active{z-index:101}.modern-dropdown{position:absolute;right:0;top:calc(100% + .5rem);background:var(--modern-card-bg);border:1px solid var(--modern-border);border-radius:.875rem;box-shadow:0 10px 25px -5px #0000001a;z-index:100;min-width:180px;padding:.5rem}.modern-dropdown.upward{top:auto;bottom:calc(100% + .5rem);box-shadow:0 -10px 25px -5px #0000001a}.dropdown-item:hover{background:var(--modern-bg)}.dropdown-item.danger:hover{background:#ef44440d}.modern-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:0 .5rem;gap:1rem;flex-wrap:wrap}@media(max-width:640px){.modern-pagination{flex-direction:column;text-align:center}}.modern-page-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:.75rem;border:1px solid var(--modern-border);background:var(--modern-card-bg);color:var(--modern-text-secondary);cursor:pointer;transition:all .2s;font-weight:600}.modern-page-btn:disabled{opacity:.4;cursor:not-allowed}.loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modern-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.75rem 1.5rem;border-radius:.875rem;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:none;line-height:1}.modern-btn-primary{background:linear-gradient(135deg,var(--modern-primary) 0%,var(--modern-primary-hover) 100%);color:#fff!important;box-shadow:0 4px 12px #6366f14d}.modern-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166;filter:brightness(1.1)}.modern-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff!important;box-shadow:0 4px 12px #ef44444d}.modern-btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444466;filter:brightness(1.1)}.modern-btn:active{transform:translateY(0)}.modern-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modern-modal{background:var(--modern-card-bg);width:100%;max-width:500px;border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--modern-border);animation:modal-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modern-modal-header{font-size:1.25rem;font-weight:800;color:var(--modern-text);margin-bottom:1rem}.modern-modal-body{color:var(--modern-text-secondary);margin-bottom:2rem;line-height:1.6}.modern-modal-footer{display:flex;justify-content:flex-end;gap:1rem}.modern-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem}.modern-spinner{width:48px;height:48px;border:4px solid var(--modern-border);border-top:4px solid var(--modern-primary);border-radius:50%;animation:spin 1s linear infinite}.modern-textarea{width:100%;padding:1rem;border-radius:1rem;border:1px solid var(--modern-border);background:var(--modern-bg);color:var(--modern-text);font-size:1rem;resize:none;transition:all .2s;font-family:inherit}.modern-textarea:focus{outline:none;border-color:var(--modern-primary);background:var(--modern-card-bg);box-shadow:0 0 0 4px #6366f11a}.modern-card{background:var(--modern-card-bg);border-radius:1.25rem;border:1px solid var(--modern-border);padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.modern-card-title{font-size:1.1rem;font-weight:800;color:var(--modern-text);margin-bottom:1.25rem;display:flex;align-items:center;gap:.625rem}.modern-divider{height:1px;background:var(--modern-border);margin:1.5rem 0;width:100%}.modern-badge{padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:800;text-transform:uppercase}.modern-badge-blue{background:#3b82f61a;color:#3b82f6}:root{--modern-primary: #6366f1;--modern-primary-hover: #4f46e5;--modern-bg: #f8fafc;--modern-card-bg: #ffffff;--modern-text: #1e293b;--modern-text-secondary: #64748b;--modern-border: #e2e8f0;--modern-success: #10b981;--modern-warning: #f59e0b;--modern-error: #ef4444}.modern-container{padding:2rem;background-color:var(--modern-bg);min-height:100vh;font-family:Inter,-apple-system,sans-serif}.modern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap}.modern-title{font-size:1.875rem;font-weight:800;color:var(--modern-text);margin:0;letter-spacing:-.025em}.modern-subtitle{color:var(--modern-text-secondary);margin-top:.25rem;font-size:.95rem}.modern-filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--modern-card-bg);border-radius:1rem;border:1px solid var(--modern-border);align-items:center;flex-wrap:wrap;box-shadow:0 4px 6px -1px #0000000d}.modern-search-wrapper{position:relative;flex:1;min-width:250px}.modern-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--modern-text-secondary)}.modern-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border-radius:.75rem;border:1px solid var(--modern-border);background-color:var(--modern-bg);color:var(--modern-text);transition:all .2s;outline:none}.modern-search-input:focus{border-color:var(--modern-primary);background-color:var(--modern-card-bg);box-shadow:0 0 0 4px #6366f11a}.modern-controls{display:flex;gap:1rem;align-items:center}.modern-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;background:var(--modern-border);border-radius:.875rem;width:fit-content}.modern-tab-item{padding:.625rem 1.25rem;border-radius:.75rem;border:none;background:transparent;color:var(--modern-text-secondary);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.modern-tab-item:hover{color:var(--modern-text)}.modern-tab-item.active{background:var(--modern-card-bg);color:var(--modern-primary);box-shadow:0 4px 6px -1px #0000001a}.tab-count{font-size:.75rem;padding:.1rem .5rem;background:#6366f11a;border-radius:1rem}.modern-tab-item.active .tab-count{background:var(--modern-primary);color:#fff}.modern-table-container{background:var(--modern-card-bg);border-radius:1.25rem;border:1px solid var(--modern-border);overflow:hidden;box-shadow:0 10px 15px -3px #0000000d}.modern-table{width:100%;border-collapse:collapse;text-align:left}.modern-table th{background:var(--modern-bg);padding:1.25rem 1rem;font-weight:700;color:var(--modern-text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--modern-border)}.modern-table td{padding:1.25rem 1rem;border-bottom:1px solid var(--modern-border);color:var(--modern-text);vertical-align:middle}.modern-table tr:hover{background-color:#6366f105}.status-badge{padding:.375rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:700;letter-spacing:.025em;display:inline-flex;align-items:center;gap:.375rem}.status-active{background:#10b9811a;color:var(--modern-success)}.status-inactive{background:#ef44441a;color:var(--modern-error)}.modern-table-action{padding:.5rem;border-radius:.75rem;border:1px solid var(--modern-border);background:var(--modern-card-bg);color:var(--modern-text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modern-table-action:hover{border-color:var(--modern-primary);color:var(--modern-primary);background:#6366f10d}.modern-table-action.danger:hover{border-color:var(--modern-error);color:var(--modern-error);background:#ef44440d}.actions-menu-wrapper{position:relative}.modern-dropdown{position:absolute;right:0;top:calc(100% + .5rem);background:var(--modern-card-bg);border:1px solid var(--modern-border);border-radius:.875rem;box-shadow:0 10px 25px -5px #0000001a;z-index:50;min-width:180px;padding:.5rem}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.625rem;font-size:.875rem;color:var(--modern-text);cursor:pointer;transition:all .2s;width:100%;border:none;background:transparent;text-align:left}.dropdown-item:hover,.dropdown-item.active{background:var(--modern-bg);color:var(--modern-primary)}.dropdown-item.danger{color:var(--modern-error)}.modern-add-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--modern-primary);color:#fff;border-radius:.75rem;font-weight:700;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #6366f166}.modern-add-button:hover{background-color:var(--modern-primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166}.empty-state{padding:4rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-state-icon{color:var(--modern-border);margin-bottom:1.5rem}.modern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.seo-card{background:var(--modern-card-bg);border-radius:1.25rem;border:1px solid var(--modern-border);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;box-shadow:0 4px 6px -1px #0000000d}.seo-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px #0000001a;border-color:var(--modern-primary)}.card-og-image{width:100%;height:180px;object-fit:cover;border-bottom:1px solid var(--modern-border);background:var(--modern-bg)}.card-content{padding:1.25rem;flex:1}.card-page-label{font-size:.7rem;text-transform:uppercase;font-weight:800;color:var(--modern-primary);margin-bottom:.5rem;letter-spacing:.05em}.card-title{font-size:1.125rem;font-weight:700;color:var(--modern-text);margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:.875rem;color:var(--modern-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--modern-border);background:var(--modern-bg)}.card-actions{display:flex;gap:.5rem}.view-toggle{display:flex;background:var(--modern-bg);padding:.25rem;border-radius:.75rem;border:1px solid var(--modern-border)}.view-toggle-btn{padding:.5rem;border-radius:.5rem;border:none;background:transparent;color:var(--modern-text-secondary);cursor:pointer;display:flex;align-items:center;transition:all .2s}.view-toggle-btn.active{background:var(--modern-card-bg);color:var(--modern-primary);box-shadow:0 2px 4px #0000001a}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modern-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--modern-border)}.pagination-pages{display:flex;gap:.5rem}.modern-page-btn{padding:.5rem .875rem;border-radius:.5rem;border:1px solid var(--modern-border);background:var(--modern-card-bg);color:var(--modern-text);font-weight:600;cursor:pointer;transition:all .2s}.modern-page-btn:hover:not(:disabled){border-color:var(--modern-primary);color:var(--modern-primary)}.modern-page-btn.active{background:var(--modern-primary);color:#fff;border-color:var(--modern-primary)}.modern-page-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.modern-header{flex-direction:column;align-items:flex-start}.modern-filters-bar{flex-direction:column;align-items:stretch}}:root{--dp-paper: #F7F5EF;--dp-surface: #FFFFFF;--dp-navy: #111C33;--dp-navy-mid: #35507E;--dp-ink-soft: #5B6378;--dp-line: #E7E4DA;--dp-line-strong: #D4D0C2;--dp-gold: #C09A2E;--dp-gold-hover: #A9861F;--dp-gold-deep: #8C6D1F;--dp-gold-soft: #F6EFDA;--dp-danger: #B3372E;--dp-danger-soft: #F9E8E6;--dp-slate-soft: #EFECE3;--dp-radius: 10px;--dp-sans: "IBM Plex Sans", system-ui, sans-serif;--dp-mono: "IBM Plex Mono", ui-monospace, monospace}.carts-main{flex:1;min-width:0;font-family:var(--dp-sans);color:var(--dp-navy);padding:24px;background-color:#f8fafc}.carts-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.carts-crumbs{font-size:12px;color:var(--dp-ink-soft);margin-bottom:6px}.carts-crumbs b{color:var(--dp-navy);font-weight:500}.carts-page-head h1{font-size:24px;font-weight:700;color:var(--dp-navy);margin:0;letter-spacing:-.02em}.carts-btn{display:inline-flex;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--dp-line-strong);background:var(--dp-surface);color:var(--dp-navy);transition:background .15s,border-color .15s;cursor:pointer}.carts-btn:hover{background:var(--dp-slate-soft)}.carts-btn.primary{background:var(--dp-gold);border-color:var(--dp-gold);color:var(--dp-navy);font-weight:600}.carts-btn.primary:hover{background:var(--dp-gold-hover);border-color:var(--dp-gold-hover)}.carts-panel{background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:var(--dp-radius);overflow:hidden;box-shadow:0 4px 6px -1px #111c330d}.carts-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--dp-line);background:var(--dp-surface)}.carts-search{display:flex;align-items:center;gap:8px;border:1px solid var(--dp-line-strong);border-radius:8px;padding:0 12px;height:38px;width:280px;max-width:100%;background:var(--dp-surface);color:var(--dp-ink-soft)}.carts-search svg{width:15px;height:15px;color:var(--dp-ink-soft);flex-shrink:0}.carts-search input{border:none;outline:none;font:inherit;font-size:13px;width:100%;background:transparent;color:var(--dp-navy)}.carts-search input::placeholder{color:#9aa0b0}.carts-panel .table-new-wrapper{border:none;border-radius:0;box-shadow:none}.carts-item-cell{display:flex;align-items:center;gap:12px}.carts-number{font-weight:600;font-size:13.5px;color:var(--dp-navy);white-space:nowrap}.carts-subtext{font-size:11.5px;font-family:var(--dp-mono);color:var(--dp-ink-soft);margin-top:1px}.carts-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase}.carts-status-dot{width:6px;height:6px;border-radius:50%}.carts-status-sent{background:#e8f5e9;color:#2e7d32}.carts-status-sent .carts-status-dot{background:#2e7d32}.carts-status-none{background:var(--dp-gold-soft);color:var(--dp-gold-deep)}.carts-status-none .carts-status-dot{background:var(--dp-gold-deep)}.carts-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--dp-line);flex-wrap:wrap;background:#fff}.carts-foot-info{font-size:12.5px;color:var(--dp-ink-soft)}.carts-foot-info b{font-family:var(--dp-mono);color:var(--dp-navy);font-weight:600}.carts-page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--dp-ink-soft)}.carts-page-size-select{padding:3px 6px;border-radius:6px;border:1px solid var(--dp-line-strong);background-color:var(--dp-surface);color:var(--dp-navy);font-weight:600;cursor:pointer;outline:none;font-size:12.5px}.carts-pager{display:flex;gap:4px;align-items:center}.carts-page-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-family:var(--dp-mono);font-size:12.5px;color:var(--dp-ink-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.carts-page-btn:hover:not(:disabled){background:var(--dp-slate-soft);color:var(--dp-navy)}.carts-page-btn.current{background:var(--dp-navy);color:#fff;font-weight:600;border-bottom:2px solid var(--dp-gold)}.carts-page-btn:disabled{opacity:.35;cursor:default}.expense-categories-container{padding:24px;background:#fdfdfd;border-radius:8px}.expense-category-color-dot{width:12px;height:12px;border-radius:50%;display:inline-block;vertical-align:middle;border:1px solid rgba(0,0,0,.08)}.expense-category-name-cell{font-weight:500;color:#262626}.expense-category-name-cell.parent-level{font-weight:600}.expense-category-modal-form .ant-form-item{margin-bottom:16px}.expense-category-modal-form .ant-input-number,.expense-category-modal-form .ant-select{width:100%!important}.expense-category-color-picker-input{height:32px!important;padding:2px!important;cursor:pointer;border-radius:4px;width:100%}.expense-category-checkbox-row{margin-top:8px;margin-bottom:16px}.saas-switch-card{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;padding:12px 16px;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;height:100%}.saas-switch-card:hover{background:#f3f4f6;border-color:#e5e7eb}.saas-switch-card-info{display:flex;flex-direction:column}.saas-switch-card-title{font-size:13px;font-weight:600;color:#1f2937;margin-bottom:2px}.saas-switch-card-desc{font-size:11px;color:#6b7280}.saas-parent-panel{background:#f0f7ff;border:1px dashed #bee3f8;border-radius:8px;padding:16px;margin-top:8px;margin-bottom:16px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.common-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003;overflow:hidden;padding:8px;margin-top:16px}.common-table-container .ant-table{background:transparent!important}.common-table-container .ant-table-thead>tr>th{background:#f8fafc!important;color:#475569!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:14px 16px!important;border-bottom:2px solid #e2e8f0!important}.common-table-container .ant-table-tbody>tr>td{padding:12px 16px!important;border-bottom:1px solid #f1f5f9!important;color:#334155!important;font-size:13px!important;transition:all .2s ease}.common-table-container .ant-table-tbody>tr{background:#fff}.common-table-container .ant-table-tbody>tr:hover>td{background:#f8fafc!important;color:#0f172a!important}.common-table-container .ant-table-row-level-1{background-color:#fafbfc!important}.common-table-container .ant-table-row-level-1 td:first-child{padding-left:32px!important;border-left:3px solid #1677ff!important}.action-btn-edit{background:#f0fdf4!important;border:1px solid #bbf7d0!important;color:#166534!important;border-radius:6px!important;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn-edit:hover{background:#dcfce7!important;color:#15803d!important;box-shadow:0 2px 4px #16653414}.action-btn-delete{background:#fef2f2!important;border:1px solid #fecaca!important;color:#991b1b!important;border-radius:6px!important;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn-delete:hover{background:#fee2e2!important;color:#b91c1c!important;box-shadow:0 2px 4px #991b1b14}.saas-badge{font-size:11px!important;font-weight:600!important;padding:4px 10px!important;border-radius:6px!important;letter-spacing:.02em}.saas-badge-main{background:#f3e8ff!important;color:#6b21a8!important;border:1px solid #e9d5ff!important}.saas-badge-sub{background:#ccfbf1!important;color:#0f766e!important;border:1px solid #99f6e4!important}.saas-badge-system{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important}.saas-badge-code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px!important;background:#f1f5f9!important;color:#475569!important;border:1px solid #e2e8f0!important;padding:2px 6px!important}.saas-folder-icon{font-size:15px;vertical-align:middle;margin-right:4px}.expense-categories-container .category-modern-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;background:#011d4c!important;padding:24px 32px;border-radius:20px;border:1px solid #e2e8f0;color:#fff;box-shadow:0 10px 15px -3px #0000000d}.expense-categories-container .category-modern-title-section{display:flex;flex-direction:column;gap:8px}.expense-categories-container .category-modern-breadcrumb{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:13px;margin-bottom:4px;font-weight:500;letter-spacing:.02em}.expense-categories-container .breadcrumb-item{color:#ffffffd9}.expense-categories-container .breadcrumb-separator{opacity:.5;color:#fff9}.expense-categories-container .category-modern-title{font-size:26px;font-weight:800;color:#fff!important;margin:0;letter-spacing:-.02em;line-height:1.2}.expense-categories-container .category-modern-subtitle{color:#ffffffbf;font-size:14px;margin:0}.expense-categories-container .category-modern-header-actions-wrapper{background:#ffffff14;padding:8px;border-radius:14px;border:1px solid rgba(255,255,255,.12)}.expense-categories-container .header-actions{display:flex;gap:12px}.expense-categories-container .category-modern-filters-bar{display:flex;gap:16px;align-items:center;margin-bottom:24px;padding:16px;background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #00000005}.expense-modal .ant-modal-header{display:none}.expense-modal .ant-modal-body{padding:0}.expense-modal .ant-modal-content{border-radius:12px;overflow:hidden}.efm-layout{display:flex;min-height:480px;border-radius:12px;overflow:hidden}.efm-sidebar{width:250px;min-width:250px;background:#f8f9fc;border-right:1px solid #eef0f4;display:flex;flex-direction:column;padding:16px 0 12px}.efm-sidebar-header{padding:0 16px 14px;border-bottom:1px solid #eef0f4;margin-bottom:6px}.efm-sidebar-icon{width:38px;height:38px;border-radius:8px;background:#011d4c;border:1.5px solid #d4af37;display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:#d4af37;font-size:18px}.efm-sidebar-title{font-size:17px;font-weight:700;color:#011d4c;line-height:1.3}.efm-sidebar-subtitle{font-size:12px;color:#8c93a8;margin-top:4px;line-height:1.4}.efm-nav-item{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;cursor:pointer;border-left:3px solid transparent;margin-bottom:1px;transition:background .15s ease,border-color .15s ease}.efm-nav-item:hover{background:#011d4c0a}.efm-nav-item.active{border-left-color:#d4af37!important;background:#fdf5ca!important}.efm-nav-item.active .efm-nav-icon{background:#011d4c!important;color:#d4af37!important}.efm-nav-icon{width:34px;height:34px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:15px}.efm-nav-label{font-size:13.5px;font-weight:600;color:#1a1f36;transition:color .15s}.efm-nav-item.active .efm-nav-label{font-weight:700;color:#011d4c!important}.efm-nav-sublabel{font-size:11px;color:#8c93a8;margin-top:2px;line-height:1.3}.efm-nav-item.active .efm-nav-sublabel{color:#826e38!important}.efm-sidebar-spacer{flex:1}.efm-panel{flex:1;overflow-y:auto;max-height:75vh;padding:16px 22px 0}.efm-section{margin-bottom:12px}.efm-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.efm-section-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.efm-section-title{font-size:14px;font-weight:700}.efm-panel .ant-form-item{margin-bottom:20px}.efm-panel .ant-input,.efm-panel .ant-select-selector,.efm-panel .ant-picker,.efm-panel .ant-input-number{height:42px!important;font-size:14px!important;border-radius:8px!important;display:flex!important;align-items:center!important}.efm-panel .ant-input-number-input{height:40px!important;font-size:14px!important}.efm-panel .ant-select-single .ant-select-selector .ant-select-selection-item,.efm-panel .ant-select-single .ant-select-selector .ant-select-selection-placeholder{line-height:40px!important}.efm-panel .ant-input-affix-wrapper{padding-top:0!important;padding-bottom:0!important;height:42px!important;border-radius:8px!important;font-size:14px!important}.efm-panel textarea.ant-input{height:auto!important;min-height:90px!important}.efm-panel .ant-form-item-label>label{font-size:13px!important;font-weight:600!important;color:#374151!important}.efm-file-pill{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:6px;font-size:12px}.efm-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:14px 22px;border-top:1px solid #eef0f4;background:#fff}.efm-footer .ant-btn{height:42px!important;padding:0 24px!important;font-size:14px!important;font-weight:600!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.edm-drawer .ant-drawer-header{display:none}.edm-drawer .ant-drawer-body{padding:0;display:flex;flex-direction:column;overflow:hidden}.edm-hero{background:linear-gradient(135deg,#011d4c,#0d367a 60%,#1a4d9e);padding:18px 24px 16px;position:relative;overflow:hidden;flex-shrink:0}.edm-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:#ffffff0a}.edm-hero:after{content:"";position:absolute;bottom:-60px;left:30%;width:160px;height:160px;border-radius:50%;background:#ffffff08}.edm-hero-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px;position:relative;z-index:1}.edm-hero-close{background:#ffffff26!important;border:none!important;color:#fff!important;border-radius:8px!important;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0}.edm-hero-close:hover{background:#ffffff47!important}.edm-category-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#d4af3740;border:1px solid rgba(212,175,55,.4);border-radius:20px;font-size:11px;font-weight:600;color:#fce8a6;letter-spacing:.3px}.edm-hero-amount{position:relative;z-index:1}.edm-amount-label{font-size:11px;color:#ffffff80;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}.edm-amount-value{font-size:24px;font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.5px}.edm-amount-currency{font-size:16px;font-weight:600;color:#fff9;margin-left:4px}.edm-amount-title{font-size:13px;font-weight:600;color:#fffc;margin-top:4px}.edm-hero-meta{display:flex;align-items:center;gap:8px;margin-top:12px;position:relative;z-index:1;flex-wrap:wrap}.edm-meta-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#ffffff1f;border-radius:6px;font-size:11px;color:#ffffffd9}.edm-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.edm-status-badge.approved{background:#10b98133;color:#34d399}.edm-status-badge.paid{background:#8b5cf633;color:#c4b5fd}.edm-status-badge.pending{background:#f59e0b33;color:#fcd34d}.edm-status-badge.draft{background:#6b728033;color:#d1d5db}.edm-status-badge.rejected{background:#ef444433;color:#fca5a5}.edm-body{padding:20px 24px 0;flex:1;overflow-y:auto}.edm-section{margin-bottom:24px}.edm-section-title{font-size:11px;font-weight:800;color:#011d4c;letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:6px;transition:opacity .15s ease}.edm-section-title:hover{opacity:.8}.edm-section-title:after{content:"";flex:1;height:1px;background:#f0f2f5;margin-left:8px;margin-right:8px}.edm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edm-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.edm-grid.cols-1{grid-template-columns:1fr}.edm-field{background:#f8fafc;border:1px solid #f0f2f5;border-radius:10px;padding:10px 14px}.edm-field.span-2{grid-column:span 2}.edm-field-label{font-size:10px;font-weight:600;color:#9ca3af;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}.edm-field-value{font-size:13px;font-weight:600;color:#1a1f36;word-break:break-word}.edm-field-value.muted{color:#9ca3af;font-weight:400}.edm-amount-row{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-radius:8px}.edm-amount-row:not(:last-child){border-bottom:1px solid #f0f2f5}.edm-amount-row.total{background:#f0fdf4;border:1px solid #bbf7d0;margin-top:6px;border-radius:10px}.edm-amount-row-label{font-size:12px;color:#6b7280}.edm-amount-row.total .edm-amount-row-label{font-weight:700;color:#065f46}.edm-amount-row-value{font-size:13px;font-weight:600;color:#1a1f36}.edm-amount-row.total .edm-amount-row-value{font-size:15px;font-weight:800;color:#065f46}.edm-attachment{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;text-decoration:none;transition:all .15s;margin-bottom:8px}.edm-attachment:hover{background:#eff6ff;border-color:#93c5fd}.edm-attachment-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.edm-attachment-icon.pdf{background:#fef2f2;color:#ef4444}.edm-attachment-icon.image{background:#eff6ff;color:#3b82f6}.edm-attachment-icon.doc{background:#f5f3ff;color:#8b5cf6}.edm-attachment-name{font-size:12px;font-weight:600;color:#1a1f36;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edm-attachment-arrow{color:#9ca3af;font-size:11px}.edm-audit-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #f0f2f5}.edm-audit-row:last-child{border-bottom:none}.edm-audit-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#011d4c,#1a4d9e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.edm-audit-info{flex:1}.edm-audit-name{font-size:12px;font-weight:600;color:#1a1f36}.edm-audit-detail{font-size:11px;color:#6b7280;margin-top:2px}.edm-audit-action{font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;white-space:nowrap}.edm-audit-action.created{background:#eff6ff;color:#3b82f6}.edm-audit-action.approved{background:#f0fdf4;color:#16a34a}.edm-notes{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px 14px;font-size:13px;color:#78350f;line-height:1.6}.edm-footer{padding:14px 24px;border-top:1px solid #f0f2f5;display:flex;justify-content:flex-end;gap:10px;background:#fff;flex-shrink:0}.blogs-container{padding:24px;background:radial-gradient(100% 100% at 0% 0%,#f9fafbcc,#f3f4f6cc);min-height:100%;font-family:Outfit,Inter,-apple-system,sans-serif;color:#1f2937}:root{--navy-deep: #0f2042;--navy-dark: #1b263b;--navy-medium: #415a77;--navy-light: #f1f5f9;--navy-slate: #1e293b;--gold-metallic: #d4af37;--gold-primary: #caa03c;--gold-deep: #a88118;--gold-light: #fefcf3;--gold-border: #ebd69a;--product-primary: #011d4c;--product-primary-hover: #0c2d78;--product-bg: #f8fafc;--product-card-bg: #ffffff;--product-text: #1e293b;--product-text-secondary: #64748b;--product-border: #e2e8f0;--product-success: #10b981;--product-warning: #f59e0b;--product-error: #ef4444}.blogs-header-premium{background:linear-gradient(135deg,var(--gold-metallic) 0%,var(--gold-primary) 100%);padding:1rem 2rem;border-radius:1.25rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap;box-shadow:0 10px 25px -5px #d4af374d;position:relative;overflow:hidden;color:var(--navy-deep);animation:fadeInDown .6s cubic-bezier(.16,1,.3,1)}.blogs-header-premium:before{content:"";position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:#ffffff1f;border-radius:50%;pointer-events:none}.blogs-title-section{position:relative;z-index:1}.blogs-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-bottom:.35rem}.blogs-breadcrumb-item{color:#0f2042b3;font-weight:500;transition:color .2s;cursor:pointer}.blogs-breadcrumb-item.active{color:var(--navy-deep);font-weight:700}.blogs-breadcrumb-separator{color:#0f204266;font-size:.8rem;-webkit-user-select:none;user-select:none}.blogs-title{font-size:1.875rem;font-weight:800;color:var(--navy-deep);margin:0;letter-spacing:-.025em}.blogs-title-count{font-size:1.5rem;color:#0f204299;font-weight:500;margin-left:.5rem}.blogs-subtitle{color:#0f2042d9;font-size:.95rem;font-weight:500}.blogs-header-actions{position:relative;z-index:1;display:flex;gap:1rem;align-items:center}.blogs-add-button{display:flex;align-items:center;gap:.5rem;background:var(--navy-deep);color:#fff;padding:.625rem 1.25rem;border-radius:.75rem;border:none;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0f204233}.blogs-add-button:hover:not(:disabled){background:var(--navy-dark);transform:translateY(-1px)}.blogs-add-button:disabled{opacity:.6;cursor:not-allowed}.blogs-filters-bar{display:flex;gap:.75rem;margin-bottom:1.25rem;padding:.75rem;background:var(--product-card-bg);border-radius:.875rem;border:1px solid var(--product-border);align-items:center;flex-wrap:wrap}.blogs-search-wrapper{position:relative;flex:2;min-width:250px}.blogs-search-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;font-size:.875rem;border-radius:.625rem;border:1px solid var(--product-border);background-color:var(--product-bg);outline:none}.blogs-search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--product-text-secondary)}.blogs-custom-select-container{position:relative;min-width:160px}.blogs-custom-select-trigger{padding:.5rem 1rem;border-radius:.75rem;border:1px solid var(--product-border);background-color:var(--product-bg);font-size:.875rem;color:var(--product-text);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.blogs-custom-select-trigger:hover{border-color:var(--product-primary);background-color:#fff}.blogs-custom-select-trigger.active{border-color:var(--product-primary);box-shadow:0 0 0 3px #011d4c1a;background-color:#fff}.blogs-select-value{flex:1;overflow:hidden;text-overflow:ellipsis}.blogs-select-arrow{color:var(--product-text-secondary);transition:transform .2s ease}.blogs-select-arrow.open{transform:rotate(90deg)}.blogs-custom-select-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid var(--product-border);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;z-index:1000;padding:.4rem;max-height:250px;overflow-y:auto}.blogs-select-option{padding:.6rem .8rem;border-radius:.5rem;font-size:.875rem;color:var(--product-text-secondary);cursor:pointer;transition:all .1s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blogs-select-option:hover{background-color:#011d4c0d;color:var(--product-primary)}.blogs-select-option.selected{background-color:#011d4c1a;color:var(--product-primary);font-weight:600}.blogs-tabs{display:flex;gap:.375rem;padding:.2rem;background:var(--product-bg);border-radius:.75rem;border:1px solid var(--product-border)}.blogs-tab-item{padding:.5rem 1rem;border-radius:.5rem;border:none;background:transparent;color:var(--product-text-secondary);font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.blogs-tab-item.active{background:var(--product-card-bg);color:var(--product-primary);border:1px solid var(--product-border)}.blogs-table-card{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(229,231,235,.7);border-radius:20px;overflow:hidden;box-shadow:0 4px 24px #00000004;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) .2s both}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{padding:18px 24px;background:#fafafa;font-weight:600;font-size:.85rem;color:#4b5563;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.custom-table td{padding:18px 24px;border-bottom:1px solid #f3f4f6;font-size:.925rem;color:#1f2937;vertical-align:middle}.custom-table tbody tr{transition:background-color .2s ease}.custom-table tbody tr:hover{background-color:#fafafa}.blog-title-cell{display:flex;align-items:center;gap:16px}.blog-img-thumbnail{width:56px;height:56px;border-radius:10px;object-fit:cover;background:#e5e7eb;border:1px solid #f3f4f6;flex-shrink:0}.blog-title-details h4{font-size:.95rem;font-weight:700;margin:0;color:#111827}.blog-title-details p{font-size:.8rem;color:#6b7280;margin:2px 0 0}.blog-author-cell{display:flex;align-items:center;gap:10px}.blog-author-img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#f3f4f6}.blog-author-name{font-weight:600;color:#374151;font-size:.9rem}.blog-category-tag{background:var(--gold-light);color:var(--navy-deep);font-size:.775rem;font-weight:700;padding:4px 10px;border-radius:20px;display:inline-block;border:1px solid var(--gold-border)}.blog-status-badge{font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:20px;text-transform:uppercase;border:1px solid transparent;display:inline-block}.blog-status-badge.draft{background:#fef3c7;color:#d97706;border-color:#fde68a}.blog-status-badge.published{background:#d1fae5;color:#059669;border-color:#a7f3d0}.blog-status-badge.archived{background:#f3f4f6;color:#6b7280;border-color:#e5e7eb}.featured-icon-badge{background:#fef2f2;color:#ef4444;border:1px solid #fee2e2;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.action-buttons-group{display:flex;gap:8px}.action-icon-btn{background:transparent;border:none;color:#6b7280;padding:6px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-icon-btn:hover{background:#f3f4f6;color:#111827}.action-icon-btn.delete:hover{background:#fee2e2;color:#dc2626}.modal-tabs-header{display:flex;gap:8px;border-bottom:2px solid #f3f4f6;margin-bottom:20px}.modal-tab-btn{padding:10px 18px;background:transparent;border:none;font-weight:700;font-size:.9rem;color:#6b7280;cursor:pointer;position:relative;transition:color .2s ease}.modal-tab-btn.active{color:var(--navy-deep)}.modal-tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--gold-metallic)}.tags-input-container{border:1px solid #d1d5db;border-radius:10px;padding:6px 12px;display:flex;flex-wrap:wrap;gap:8px;min-height:42px;align-items:center;background:#fff}.tags-input-container:focus-within{border-color:var(--navy-deep);box-shadow:0 0 0 3px #0f204226}.tag-pill{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151;font-size:.8rem;font-weight:600;padding:2px 8px;border-radius:6px;display:flex;align-items:center;gap:4px}.tag-pill button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;display:flex;align-items:center}.tag-pill button:hover{color:#dc2626}.tags-text-input{border:none;outline:none;flex:1;font-size:.9rem;min-width:80px;padding:4px 0}.image-selector-block{border:1px dashed #d1d5db;border-radius:12px;padding:16px;background:#f9fafb;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:120px;position:relative;overflow:hidden;margin-bottom:12px;transition:all .2s ease}.image-selector-block:hover{border-color:var(--gold-metallic);background:var(--gold-light)}.image-preview-thumbnail{max-width:100%;max-height:120px;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000000d}.image-selector-actions{display:flex;gap:8px;margin-top:8px;z-index:1}.seo-preview-box{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;padding:16px;font-family:Arial,sans-serif;margin-top:12px}.seo-preview-title{color:#1a0dab;font-size:1.15rem;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.seo-preview-url{color:#006621;font-size:.85rem;margin:0 0 4px}.seo-preview-description{color:#545454;font-size:.875rem;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blogs-form-card-wrapper{background:#fff;border-radius:1.25rem;border:1px solid var(--gold-border);padding:2rem;box-shadow:0 4px 6px -1px #0000000d}.blog-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.blog-form-grid .blog-form-full{grid-column:1 / -1}@media(max-width:768px){.blog-form-grid{grid-template-columns:1fr}}.blog-form-label{font-weight:600;color:var(--navy-deep);margin-bottom:6px;display:block;font-size:.875rem}.blog-form-input{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid var(--product-border);outline:none;font-size:.9rem;font-family:inherit;color:var(--navy-slate);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.blog-form-input:focus{border-color:var(--navy-deep);box-shadow:0 0 0 3px #0f20421a}.blog-form-input::placeholder{color:#94a3b8}.blog-form-textarea{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid var(--product-border);outline:none;font-size:.9rem;font-family:inherit;color:var(--navy-slate);background:#fff;min-height:80px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.blog-form-textarea:focus{border-color:var(--navy-deep);box-shadow:0 0 0 3px #0f20421a}.blog-form-textarea::placeholder{color:#94a3b8}.blog-form-section-title{font-size:1.05rem;font-weight:700;color:var(--navy-deep);margin:28px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--gold-border)}.blog-form-error{color:#dc2626;font-size:.8rem;margin-top:4px;display:block}.blog-form-tabs{display:flex;gap:4px;margin-bottom:24px;padding-bottom:0}.blog-form-tab{padding:10px 20px;border:none;font-weight:600;font-size:.9rem;color:#6b7280;cursor:pointer;position:relative;transition:color .2s ease;border-radius:8px 8px 0 0}.blog-form-tab:hover{color:var(--navy-deep);background:var(--gold-light)}.blog-form-tab.active{color:var(--navy-deep);font-weight:700;background:var(--gold-light)}.blog-form-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--gold-metallic);border-radius:3px 3px 0 0}.blog-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;border-top:2px solid var(--gold-border);padding-top:20px}.blog-form-cancel-btn{padding:10px 20px;border-radius:10px;border:1.5px solid var(--product-border);background:#fff;color:var(--navy-medium);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.blog-form-cancel-btn:hover{border-color:var(--navy-deep);color:var(--navy-deep);background:var(--navy-light)}.blog-form-submit-btn{padding:10px 24px;border-radius:10px;border:none;background:var(--navy-deep);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #0f204233}.blog-form-submit-btn:hover:not(:disabled){background:var(--navy-dark);transform:translateY(-1px)}.blog-form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.blog-form-checkbox-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;margin:0;padding-top:24px}.blog-form-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--navy-deep)}.tags-input-container{border:1.5px solid var(--product-border);border-radius:10px;padding:6px 12px;display:flex;flex-wrap:wrap;gap:8px;min-height:46px;align-items:center;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.tags-input-container:focus-within{border-color:var(--navy-deep);box-shadow:0 0 0 3px #0f20421a}.tag-pill{background:var(--gold-light);border:1px solid var(--gold-border);color:var(--navy-deep);padding:3px 8px;border-radius:6px;font-size:.8rem;display:inline-flex;align-items:center;gap:4px;font-weight:500}.tags-text-input{border:none;outline:none;font-size:.9rem;flex:1;min-width:80px;font-family:inherit;color:var(--navy-slate)}.tags-text-input::placeholder{color:#94a3b8}.authors-container{padding:24px;background:radial-gradient(100% 100% at 0% 0%,#f9fafbcc,#f3f4f6cc);min-height:100%;font-family:Outfit,Inter,-apple-system,sans-serif;color:#1f2937}.authors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;animation:fadeInDown .6s cubic-bezier(.16,1,.3,1)}.authors-title-section .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#6b7280;margin-bottom:8px}.authors-title-section .breadcrumb-item.active{color:#8b5cf6;font-weight:500}.authors-title-section h1{font-size:2.25rem;font-weight:800;letter-spacing:-.025em;background:linear-gradient(135deg,#1f2937,#111827);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.authors-title-section p{color:#4b5563;margin-top:4px;font-size:.975rem}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border:none;padding:10px 20px;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #8b5cf640;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:#374151;border:1px solid #e5e7eb;padding:10px 20px;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.filters-bar{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(229,231,235,.6);padding:16px 24px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;box-shadow:0 4px 20px #00000005;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) .1s both}.search-input-wrapper{position:relative;width:320px}.search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid #e5e7eb;border-radius:12px;font-size:.9rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.authors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) .2s both}.author-card{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(229,231,235,.7);border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000004;transition:all .4s cubic-bezier(.16,1,.3,1)}.author-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #8b5cf61f;border-color:#8b5cf64d}.author-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,#8b5cf6,#ec4899);opacity:0;transition:opacity .3s ease}.author-card:hover:before{opacity:1}.author-avatar-wrapper{position:relative;width:96px;height:96px;margin-bottom:16px}.author-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 4px 10px #00000014}.author-info h3{font-size:1.15rem;font-weight:700;color:#111827;margin:0}.author-designation{font-size:.85rem;font-weight:500;color:#8b5cf6;margin-top:2px;margin-bottom:12px}.author-bio{font-size:.85rem;color:#6b7280;line-height:1.5;height:48px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px}.author-socials{display:flex;gap:12px;margin-bottom:20px}.social-link{width:32px;height:32px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#4b5563;transition:all .2s ease}.social-link:hover{background:#8b5cf6;color:#fff;transform:scale(1.1)}.author-actions{display:flex;width:100%;gap:8px;border-top:1px solid #f3f4f6;padding-top:16px;justify-content:center}.author-actions button{flex:1;padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-edit{background:#f5f3ff;color:#6d28d9;border:1px solid #ddd6fe}.btn-edit:hover{background:#6d28d9;color:#fff}.btn-delete{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.btn-delete:hover{background:#dc2626;color:#fff}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#11182766;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .3s ease}.custom-modal{background:#fff;border-radius:24px;width:600px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgba(229,231,235,.5);animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1)}.custom-modal-header{padding:24px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.custom-modal-header h2{font-size:1.35rem;font-weight:700;color:#111827;margin:0}.close-modal-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-modal-btn:hover{background:#f3f4f6;color:#4b5563}.custom-modal-body{padding:24px}.custom-modal-footer{padding:16px 24px;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;gap:12px}.form-group{margin-bottom:20px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:6px}.form-control{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:10px;font-size:.9rem;transition:all .2s ease}.form-control:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}textarea.form-control{resize:vertical;min-height:80px}.avatar-upload-section{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;border:1px dashed #d1d5db;margin-bottom:20px}.avatar-preview-lg{width:72px;height:72px;border-radius:50%;object-fit:cover;background:#e5e7eb}.avatar-upload-placeholder{width:72px;height:72px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af}.status-badge{position:absolute;top:16px;right:16px;font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:20px;text-transform:uppercase}.status-badge.active{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.status-badge.inactive{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;background:#fff9;border-radius:20px;border:2px dashed #e5e7eb;text-align:center;grid-column:1 / -1;animation:fadeInUp .6s ease}.empty-state-icon{color:#9ca3af;margin-bottom:16px}.empty-state h3{font-size:1.2rem;font-weight:700;color:#374151;margin:0}.empty-state p{color:#6b7280;font-size:.9rem;margin-top:4px;margin-bottom:20px}.subscription-page-container{display:flex;flex-direction:column;gap:24px;padding:8px 0;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.subscription-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:8px}.stat-card-glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:20px;box-shadow:0 8px 32px #1f26870a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card-glass:hover{transform:translateY(-4px);box-shadow:0 12px 40px #1f268714;border-color:#d4af37}.stat-card-glass:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#d4af37,#f3e5ab)}.stat-card-glass-1:before{background:linear-gradient(180deg,#3b82f6,#93c5fd)}.stat-card-glass-2:before{background:linear-gradient(180deg,#10b981,#6ee7b7)}.stat-card-glass-3:before{background:linear-gradient(180deg,#ec4899,#fbcfe8)}.stat-card-glass-4:before{background:linear-gradient(180deg,#d4af37,#f3e5ab)}.stat-icon-wrapper{font-size:24px;color:#8c8c8c;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.stat-card-glass-1 .stat-icon-wrapper{color:#3b82f6}.stat-card-glass-2 .stat-icon-wrapper{color:#10b981}.stat-card-glass-3 .stat-icon-wrapper{color:#ec4899}.stat-card-glass-4 .stat-icon-wrapper{color:#d4af37}.stat-value{font-size:28px;font-weight:700;color:#1f1f1f;line-height:1.2}.stat-label{font-size:13px;color:#8c8c8c;margin-top:4px}.subscription-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;padding:12px 0;justify-items:center}.ribbon-pricing-card{background:#fff;border:1px solid rgba(1,29,76,.15);border-radius:12px;padding:55px 16px 14px;position:relative;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000000a;max-width:250px;width:100%;overflow:visible}.ribbon-pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #011d4c0f;border-color:var(--theme-color, #011d4c)}.card-ribbon-banner{position:absolute;top:15px;left:12px;right:-8px;height:32px;color:#fff;font-weight:700;font-size:11px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;letter-spacing:.8px;border-radius:3px 0 0 3px;box-shadow:-2px 2px 4px #00000014}.ribbon-fold{position:absolute;top:100%;right:0;width:0;height:0;border-style:solid;border-width:5px 8px 0 0;border-color:transparent transparent transparent transparent}.plan-price-section-new{display:flex;align-items:baseline;justify-content:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.price-currency{font-size:13px;font-weight:700;margin-right:2px;align-self:flex-start;margin-top:2px}.price-val{font-size:32px;font-weight:800;line-height:1}.price-period{font-size:11px;color:#9ca3af;margin-left:4px}.plan-vertical-features{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;flex-grow:1}.feature-row{display:flex;align-items:center;gap:10px;font-size:12px;color:#4b5563}.circle-check-icon{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:8px;flex-shrink:0;transition:all .2s ease}.circle-check-icon.disabled{background-color:#cbd5e1!important}.feature-text-main{font-weight:500}.feature-text-main.disabled{color:#9ca3af;text-decoration:line-through;opacity:.7}.plan-card-footer-new{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid #f3f4f6}.subscribe-pill-btn{border-radius:20px!important;height:28px!important;font-weight:700!important;font-size:10px!important;text-transform:uppercase!important;color:#fff!important;border:none!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;transition:all .2s ease!important;box-shadow:0 2px 5px #0000001a}.subscribe-pill-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026!important;filter:brightness(.95)}.admin-status-bar{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px;color:#6b7280;padding-top:2px}.plan-status-indicator{display:flex;align-items:center;gap:4px}.status-label-text{font-weight:600;margin-right:4px}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.active{background-color:#10b981;box-shadow:0 0 4px #10b98166}.status-dot.inactive{background-color:#94a3b8}.card-delete-icon-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;padding:0!important;border:none!important;background:transparent!important;color:#9ca3af!important;cursor:pointer;transition:color .2s ease!important}.card-delete-icon-btn:hover{color:#ef4444!important}.saas-switch-card{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.saas-switch-card:hover{border-color:#d4af37!important;box-shadow:0 6px 16px #d4af3714!important;transform:translateY(-2px)}.subscription-table-container{background:#fff;border:1px solid rgba(1,29,76,.08);border-radius:16px;box-shadow:0 10px 30px #011d4c08;overflow:hidden;padding:12px;margin-top:16px;transition:box-shadow .3s ease}.subscription-table-container:hover{box-shadow:0 15px 40px #011d4c0f}.subscription-table-container .ant-table{background:transparent!important}.subscription-table-container .ant-table-thead>tr>th{font-size:14px!important}.subscription-table-container .ant-table-tbody>tr>td{padding:16px 20px!important;border-bottom:1px solid #f1f5f9!important;color:#334155!important;font-size:13px!important;transition:all .2s ease}.subscription-table-container .ant-table-tbody>tr{background:#fff}.subscription-table-container .ant-table-tbody>tr:hover>td{background:#011d4c05!important;color:#0f172a!important}.plan-type-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.05em;padding:4px 8px;border-radius:6px;text-transform:uppercase}.plan-type-badge.trial{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.plan-type-badge.paid{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.table-limits-grid{display:flex;flex-direction:column;gap:4px}.limit-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#475569}.limit-icon{font-size:14px;display:inline-flex;align-items:center;justify-content:center;width:20px}.limit-label{color:#64748b;font-weight:500}.limit-val{font-weight:600;color:#1e293b}.table-features-list{display:flex;flex-wrap:wrap;gap:6px;max-width:240px}.feature-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:550;padding:2px 8px;border-radius:6px}.feature-pill.enabled{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.feature-pill.disabled{background:#f8fafc;color:#94a3b8;border:1px solid #e2e8f0;text-decoration:line-through;opacity:.8}.feature-pill .feature-icon{font-size:8px;display:flex;align-items:center}.display-order-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f1f5f9;color:#475569;font-weight:700;border-radius:50%;font-size:11px}.status-pill{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;min-width:52px;text-align:center}.status-pill.active{background:#d1fae5;color:#065f46}.status-pill.inactive{background:#f1f5f9;color:#475569}.subscription-table-container .ant-pagination{margin-top:16px!important;margin-bottom:4px!important}.subscription-table-container .ant-pagination-item-active{border-color:#011d4c!important;background:#011d4c!important}.subscription-table-container .ant-pagination-item-active a{color:#fff!important}.subscription-table-container .ant-pagination-item:hover{border-color:#011d4c!important}.subscription-table-container .ant-pagination-item:hover a{color:#011d4c!important}.subscription-table-container .action-btn-edit{background:#1677ff14!important;border:1px solid rgba(22,119,255,.15)!important;color:#1677ff!important;border-radius:8px!important;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.subscription-table-container .action-btn-edit:hover{background:#1677ff26!important;color:#0050b3!important;box-shadow:0 4px 10px #1677ff26}.subscription-table-container .action-btn-delete{background:#ff4d4f14!important;border:1px solid rgba(255,77,79,.15)!important;color:#ff4d4f!important;border-radius:8px!important;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.subscription-table-container .action-btn-delete:hover{background:#ff4d4f26!important;color:#d32f2f!important;box-shadow:0 4px 10px #ff4d4f26}.subscription-table-container .action-btn-view{background:#10b98114!important;border:1px solid rgba(16,185,129,.15)!important;color:#10b981!important;border-radius:8px!important;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.subscription-table-container .action-btn-view:hover{background:#10b98126!important;color:#059669!important;box-shadow:0 4px 10px #10b98126}.card-view-icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;padding:0!important;border:none!important;background:transparent!important;color:#9ca3af!important;cursor:pointer;transition:color .2s ease!important}.card-view-icon-btn:hover{color:#10b981!important}.card-deactivate-icon-btn,.card-activate-icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;padding:0!important;border:none!important;background:transparent!important;cursor:pointer}.card-deactivate-icon-btn{color:#9ca3af!important;transition:color .2s ease!important}.card-deactivate-icon-btn:hover{color:#ef4444!important}.card-activate-icon-btn{color:#9ca3af!important;transition:color .2s ease!important}.card-activate-icon-btn:hover{color:#22c55e!important}.view-plan-modal .ant-modal-content{border-radius:16px!important;padding:16px 20px!important;box-shadow:0 20px 40px #011d4c1f!important}.view-plan-modal .ant-modal-header{border-bottom:1px solid #f1f5f9;padding-bottom:10px;margin-bottom:12px}.view-plan-title-section{display:flex;align-items:center;gap:8px}.view-plan-name{font-size:18px;font-weight:800;color:#011d4c}.view-plan-body{display:flex;flex-direction:column;gap:12px}.view-plan-section-title{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:0;margin-bottom:6px;display:flex;align-items:center;gap:6px}.view-plan-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.view-plan-card-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px}.view-plan-card-label{font-size:11px;color:#64748b;font-weight:500;margin-bottom:2px}.view-plan-card-value{font-size:14px;font-weight:700;color:#0f172a}.view-plan-limits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.view-plan-limit-box{background:#011d4c05;border:1px dashed rgba(1,29,76,.15);border-radius:12px;padding:16px;text-align:center;transition:all .3s ease}.view-plan-limit-box:hover{background:#011d4c0a;transform:translateY(-2px)}.view-plan-limit-icon{font-size:24px;margin-bottom:8px}.view-plan-limit-label{font-size:11px;color:#64748b;text-transform:uppercase;font-weight:700;letter-spacing:.02em}.view-plan-limit-val{font-size:16px;font-weight:800;color:#011d4c;margin-top:4px}.view-plan-features-grid{display:flex;flex-direction:column;gap:8px}.view-plan-feature-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #f1f5f9;border-radius:8px;padding:8px 12px;transition:all .2s ease}.view-plan-feature-row:hover{background:#f8fafc}.view-plan-feature-info{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#334155}.view-plan-feature-status-tag{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.view-plan-feature-status-tag.active{background:#d1fae5;color:#065f46}.view-plan-feature-status-tag.inactive{background:#fee2e2;color:#991b1b}.view-plan-metadata{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8;border-top:1px solid #f1f5f9;padding-top:8px;margin-top:4px}.subscription-plan-modal-form .ant-tabs-left>.ant-tabs-nav .ant-tabs-tab{justify-content:center!important;text-align:center!important}.subscription-plan-modal-form .ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-btn{width:100%!important;text-align:center!important}.subscription-plan-modal-form .ant-tabs-left>.ant-tabs-nav{margin-top:32px!important}.subscription-plan-modal-form .ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-active{background-color:#011d4c14!important;border-radius:8px!important}.subscription-plan-modal-form .ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn{color:#011d4c!important;font-weight:700!important}.ribbon-pricing-card .popular-diagonal-ribbon{position:absolute;top:0;left:0;width:80px;height:80px;overflow:hidden;z-index:12;border-top-left-radius:11px;pointer-events:none}.ribbon-pricing-card .popular-diagonal-ribbon span{position:absolute;display:block;width:130px;padding:3px 0;background-color:maroon;color:#fff;font-size:7.5px;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.12em;transform:rotate(-45deg);left:-35px;top:16px;box-shadow:0 3px 6px #00000026;border-top:1px dashed rgba(255,255,255,.4);border-bottom:1px dashed rgba(255,255,255,.4)}.subscription-page-container .category-modern-header{padding:12px 20px!important;margin-bottom:0!important;border-radius:12px!important;margin-left:24px!important;margin-right:24px!important}.subscription-page-container .category-modern-title{font-size:1.4rem!important}.subscription-page-container .category-modern-subtitle{font-size:.85rem!important}.subscription-page-container .category-modern-breadcrumb{margin-bottom:.25rem!important;font-size:.8rem!important}.subscription-page-container .category-modern-filters-bar{margin-bottom:0!important}.subscription-page-container .subscription-grid-view{padding-top:0!important}.merchant-subs-tabs{padding:0 4px;margin-bottom:0!important}.merchant-subs-tabs .ant-tabs-nav{margin:0!important;background:#f1f5f9!important;padding:4px!important;border-radius:10px!important;border-bottom:none!important;display:inline-flex!important}.merchant-subs-tabs .ant-tabs-nav:before{display:none!important}.merchant-subs-tabs .ant-tabs-tab{margin:0 2px!important;padding:8px 18px!important;border-radius:8px!important;transition:all .2s ease-in-out!important;border:none!important;background:transparent!important}.merchant-subs-tabs .ant-tabs-tab-btn{color:#475569!important;font-weight:600!important;font-size:15px!important}.merchant-subs-tabs .ant-tabs-tab-active{background:#fff!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important}.merchant-subs-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#011d4c!important;font-weight:700!important}.merchant-subs-tabs .ant-tabs-ink-bar{display:none!important}.subscription-page-container{gap:12px!important}.subscription-page-container .subscription-table-container{margin-top:0!important}.subpage-modern-header{background:#fff;padding:16px 24px;border-radius:12px;border:1px solid #f1f5f9;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.subpage-modern-header .breadcrumb-section{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;font-weight:500}.subpage-modern-header .breadcrumb-link{cursor:pointer;transition:color .2s}.subpage-modern-header .breadcrumb-link:hover{color:#011d4c}.subpage-modern-header .title-area{display:flex;align-items:center;gap:12px}.subpage-modern-header .title-text{font-size:20px;font-weight:800;color:#011d4c;margin:0}.subpage-modern-header .subtitle-text{font-size:13px;color:#64748b;margin:0}:root{--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}html,body{font-family:var(--sans);font-size:14px;margin:0;padding:0;box-sizing:border-box;background:#fff;color:#111c33}