@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--pmq-primary: #1E3A8A;--pmq-primary-light: #3B82F6;--pmq-primary-dark: #1E40AF;--pmq-secondary: #60A5FA;--pmq-accent: #F97316;--pmq-accent-light: #FB923C;--pmq-background: #F1F5F9;--pmq-surface: #FFFFFF;--pmq-text-primary: #1E293B;--pmq-text-secondary: #64748B;--pmq-border: #E2E8F0;--pmq-sidebar-bg: #0F172A;--pmq-sidebar-hover: #1E293B;--pmq-navbar-height: 64px}.sidebar-container{position:fixed;left:0;top:0;height:100vh;background:linear-gradient(180deg,var(--pmq-sidebar-bg) 0%,#0C1322 100%);width:220px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:99;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.05);box-shadow:4px 0 20px #00000026}@media screen and (max-width: 900px){.sidebar-container{display:none}}.sidebar-container.collapsed{width:80px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#ffffff08;color:#fff;font-size:18px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.sidebar-logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;flex:1}.sidebar-logo:hover{opacity:.8}.sidebar-logo-image{width:32px;height:32px;object-fit:contain}.sidebar-brand-text{color:#fff;font-size:18px;font-weight:700;white-space:nowrap}.sidebar-container.collapsed .sidebar-header{justify-content:center;flex-direction:row;align-items:center;padding:0;position:relative}.sidebar-container.collapsed .sidebar-logo{margin:0;flex:1;display:flex;align-items:center;justify-content:center}.sidebar-container.collapsed .sidebar-logo-image{margin:0;display:block}.sidebar-container.collapsed .collapse-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);margin:0;padding:8px;display:flex;align-items:center;justify-content:center;width:auto;height:auto}.collapse-btn{cursor:pointer;font-size:18px;color:#ffffffb3;transition:all .2s ease;padding:8px;border-radius:8px}.collapse-btn:hover{color:#fff;background:#ffffff1a;transform:scale(1.05)}.menu-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 0}.scrollable-menu{height:100%;border-right:none!important;background:transparent!important}.scrollable-menu .ant-menu-inline{border-right:none!important}.sidebar-container .ant-menu-dark{background:transparent!important}.sidebar-container .ant-menu-dark .ant-menu-item{margin:4px 12px!important;border-radius:10px!important;height:44px!important;line-height:44px!important;transition:all .2s ease!important}.sidebar-container .ant-menu-dark .ant-menu-item:hover{background:var(--pmq-sidebar-hover)!important;color:#ff7d00!important}.sidebar-container .ant-menu-dark .ant-menu-item:hover .anticon{color:#ff7d00!important}.sidebar-container .ant-menu-dark .ant-menu-item-selected{background:#ff7d00!important;box-shadow:0 4px 15px #ff7d004d}.sidebar-container .ant-menu-dark .ant-menu-submenu-title{margin:4px 12px!important;border-radius:10px!important;height:44px!important;line-height:44px!important;transition:all .2s ease!important}.sidebar-container .ant-menu-dark .ant-menu-submenu-title:hover{background:var(--pmq-sidebar-hover)!important;color:#ff7d00!important}.sidebar-container .ant-menu-dark .ant-menu-submenu-title:hover .anticon{color:#ff7d00!important}.sidebar-container .ant-menu-dark .ant-menu-item .anticon,.sidebar-container .ant-menu-dark .ant-menu-submenu-title .anticon{font-size:18px!important;color:#ffffffbf!important;transition:color .2s ease!important}.sidebar-container .ant-menu-dark .ant-menu-item-selected .anticon{color:#fff!important}.sidebar-container .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title .anticon{color:#ff7d00!important}.sidebar-container .ant-menu-dark .ant-menu-sub{background:#0003!important;border-radius:10px!important;margin:4px 12px!important;padding:8px 0!important}.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-item{margin:2px 8px!important;padding-left:24px!important;height:38px!important;line-height:38px!important;font-size:13px!important}.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-item:hover,.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-item:hover .anticon{color:#ff7d00!important}.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-item-selected{background:#ff7d00!important}.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-item-selected .anticon{color:#fff!important}.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-sub{background:#00000026!important;margin:2px 0!important;padding:4px 0!important}.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-item{padding-left:48px!important;height:36px!important;line-height:36px!important;font-size:12px!important}.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title{padding-left:24px!important;height:38px!important;line-height:38px!important;font-size:13px!important;margin:2px 8px!important}.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title:hover,.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title:hover .anticon{color:#ff7d00!important}.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-submenu-title{padding-left:48px!important;height:36px!important;line-height:36px!important;font-size:12px!important;margin:2px 8px!important}.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-submenu-title:hover,.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-submenu-title:hover .anticon,.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-item:hover,.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-item:hover .anticon{color:#ff7d00!important}.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-item-selected{background:#ff7d00!important}.sidebar-container .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-item-selected .anticon{color:#fff!important}.menu-scroll-container::-webkit-scrollbar{width:6px}.menu-scroll-container::-webkit-scrollbar-track{background:transparent}.menu-scroll-container::-webkit-scrollbar-thumb{background:var(--pmq-primary-light);border-radius:3px}.menu-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--pmq-secondary)}.mobile-menu-icon{position:fixed;top:calc(var(--pmq-navbar-height) / 2 - 18px);left:16px;z-index:101;background:linear-gradient(135deg,var(--pmq-primary) 0%,var(--pmq-primary-dark) 100%);color:#fff;padding:10px;border-radius:10px;cursor:pointer;font-size:18px;display:none;transition:all .3s ease;box-shadow:0 4px 15px #1e3a8a66}.mobile-menu-icon:hover{transform:scale(1.05);box-shadow:0 6px 20px #1e3a8a80}@media screen and (max-width: 900px){.mobile-menu-icon{display:flex;align-items:center;justify-content:center}}.mobile-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,var(--pmq-sidebar-bg) 0%,#0C1322 100%);border-radius:24px 24px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:102;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 -10px 40px #0000004d}.mobile-bottom-sheet.open{transform:translateY(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;color:#fff;font-size:18px;font-weight:600}.close-btn{cursor:pointer;font-size:24px;color:#ffffffb3;transition:all .2s ease;padding:4px 8px;border-radius:8px}.close-btn:hover{color:#fff;background:#ffffff1a}.mobile-menu-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 0}.mobile-menu-content{border:none!important;background:transparent!important}.mobile-menu-content .ant-menu-inline{border-right:none!important}.mobile-menu-content .ant-menu-dark .ant-menu-sub{background:#0003!important;border-radius:10px!important;margin:4px 12px!important;padding:8px 0!important}.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-item{margin:2px 8px!important;padding-left:24px!important;height:38px!important;line-height:38px!important;font-size:13px!important}.mobile-menu-content .ant-menu-dark .ant-menu-item:hover,.mobile-menu-content .ant-menu-dark .ant-menu-item:hover .anticon{color:#ff7d00!important}.mobile-menu-content .ant-menu-dark .ant-menu-item-selected{background:#ff7d00!important}.mobile-menu-content .ant-menu-dark .ant-menu-item-selected .anticon{color:#fff!important}.mobile-menu-content .ant-menu-dark .ant-menu-submenu-title:hover,.mobile-menu-content .ant-menu-dark .ant-menu-submenu-title:hover .anticon,.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-item:hover,.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-item:hover .anticon{color:#ff7d00!important}.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-item-selected{background:#ff7d00!important}.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-item-selected .anticon{color:#fff!important}.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-sub{background:#00000026!important;margin:2px 0!important;padding:4px 0!important}.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-item{padding-left:48px!important;height:36px!important;line-height:36px!important;font-size:12px!important}.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-item:hover,.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-item:hover .anticon{color:#ff7d00!important}.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-item-selected{background:#ff7d00!important}.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-item-selected .anticon{color:#fff!important}.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title{padding-left:24px!important;height:38px!important;line-height:38px!important;font-size:13px!important;margin:2px 8px!important}.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title:hover,.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title:hover .anticon{color:#ff7d00!important}.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-submenu-title{padding-left:48px!important;height:36px!important;line-height:36px!important;font-size:12px!important;margin:2px 8px!important}.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-submenu-title:hover,.mobile-menu-content .ant-menu-dark .ant-menu-sub .ant-menu-sub .ant-menu-submenu-title:hover .anticon{color:#ff7d00!important}.mobile-menu-scroll-container::-webkit-scrollbar{width:6px}.mobile-menu-scroll-container::-webkit-scrollbar-track{background:transparent}.mobile-menu-scroll-container::-webkit-scrollbar-thumb{background:var(--pmq-primary-light);border-radius:3px}.mobile-menu-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--pmq-secondary)}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:98;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content{transition:all .3s cubic-bezier(.4,0,.2,1);margin-left:220px;margin-top:var(--pmq-navbar-height);width:calc(100% - 220px);min-height:calc(100vh - var(--pmq-navbar-height));background:var(--pmq-background)}.sidebar-container.collapsed~.content{margin-left:80px;width:calc(100% - 80px);transition:all .3s cubic-bezier(.4,0,.2,1)}@media screen and (max-width: 900px){.content{margin-left:0!important;width:100%!important;margin-top:var(--pmq-navbar-height)!important}.sidebar-container.collapsed~.content{margin-left:0!important;width:100%!important}}.overlay.open{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.sidebar-footer{display:flex;flex-direction:column;gap:16px;padding:20px 16px;border-top:1px solid rgba(255,255,255,.05);margin-top:auto;background:#0003}.sidebar-footer-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto;cursor:pointer;border-radius:8px;transition:background .2s ease}.sidebar-footer-icon:hover{background:#ffffff1a}.sidebar-container.collapsed .sidebar-footer{padding:20px 8px;gap:12px}.sidebar-container.collapsed .sidebar-footer-icon{width:36px;height:36px}.sidebar-logout-container,.mobile-logout-container{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.1);background:#0003;flex-shrink:0}.logout-menu{background:transparent!important;border:none!important}.logout-menu .ant-menu-dark{background:transparent!important}.logout-menu .ant-menu-item.logout-menu-item{color:#ff4d4f!important;margin:0!important;border-radius:10px!important;height:44px!important;line-height:44px!important;transition:all .2s ease!important}.logout-menu .ant-menu-item.logout-menu-item:hover{background:#ff4d4f33!important;color:#ff4d4f!important}.logout-menu .ant-menu-item.logout-menu-item .anticon,.logout-menu .ant-menu-item.logout-menu-item:hover .anticon{color:#ff4d4f!important}.sidebar-container.collapsed .sidebar-logout-container{padding:12px 8px}.notification-panel{max-height:500px;overflow-y:auto}.notification-header{padding:8px 0;position:sticky;top:0;background:#fff;z-index:1}.notification-list{max-height:400px;overflow-y:auto}.notification-item{transition:all .2s;border-radius:4px;margin-bottom:4px}.notification-item:hover{background-color:#f5f5f5!important}.notification-item.unread{background-color:#f0f7ff}.notification-item.read{opacity:.8}.notification-popover .ant-popover-inner-content{padding:12px}.notification-popover .ant-list-item{padding:8px 12px}.notification-popover .ant-list-item-meta{align-items:flex-start}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#555}.clear-all-button,.delete-notification-button{background-color:#ff4d4f!important;color:#fff!important;border-color:#ff4d4f!important}.clear-all-button:hover,.delete-notification-button:hover{background-color:#ff7875!important;border-color:#ff7875!important;color:#fff!important}.clear-all-button:focus,.delete-notification-button:focus{background-color:#ff4d4f!important;border-color:#ff4d4f!important;color:#fff!important}.clear-all-button .anticon,.delete-notification-button .anticon{color:#fff!important}.product-guide-modal .ant-modal-content{border-radius:20px;overflow:hidden;box-shadow:0 25px 80px #0003}.product-guide-modal .ant-modal-header{display:none}.product-guide-modal .ant-modal-body{padding:0}.product-guide-modal .ant-modal-close{top:16px;right:16px;width:40px;height:40px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.product-guide-modal .ant-modal-close:hover{background:#e8e8e8;transform:rotate(90deg)}.guide-container{padding:32px}.guide-steps{margin-bottom:8px}.guide-steps .ant-steps-item-title{font-weight:600}.guide-steps .ant-steps-item-process .ant-steps-item-icon{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:none}.guide-welcome{text-align:center;padding:20px 0 40px}.welcome-icon{margin-bottom:24px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}.welcome-features .feature-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#f8fafc;border-radius:16px;transition:all .3s ease}.welcome-features .feature-item:hover{background:#f1f5f9;transform:translateY(-4px)}.guide-methods{padding:10px 0}.method-card{border-radius:16px;border:2px solid #e8e8e8;transition:all .3s ease;height:100%;text-align:center}.method-card:hover{border-color:#1e3a8a;box-shadow:0 8px 30px #1e3a8a26;transform:translateY(-4px)}.method-card.selected{border-color:#1e3a8a;background:linear-gradient(180deg,#1e3a8a0d,#3b82f605);box-shadow:0 8px 30px #1e3a8a33}.method-icon{padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .3s ease}.method-card:hover .method-icon{transform:scale(1.1);background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.method-time{color:#666;font-size:13px}.method-advantages{text-align:left}.method-advantages ul{list-style-type:disc}.method-advantages ul li{margin-bottom:4px}.method-best-for{text-align:center}.method-best-for .ant-tag{white-space:normal;height:auto;line-height:1.4;padding:6px 12px}.guide-start{padding:20px 0}.selected-method-header{text-align:center;margin-bottom:20px}.method-icon-large{padding:30px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:50%;width:140px;height:140px;display:flex;align-items:center;justify-content:center;margin:0 auto}.method-icon-large svg{font-size:64px!important}.info-card{border-radius:16px;height:100%;border:1px solid #e8e8e8}.info-card:hover{box-shadow:0 4px 20px #00000014}.advantages-list{margin-top:16px}.advantage-item{display:flex;align-items:flex-start;margin-bottom:12px;padding:8px 12px;background:#f8fafc;border-radius:8px}.advantage-item .anticon{margin-top:3px}.action-buttons{padding-top:20px;border-top:1px solid #f0f0f0}.guide-footer{margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0;text-align:center}.dont-show-again{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.dont-show-again input[type=checkbox]{width:16px;height:16px;cursor:pointer}@media (max-width: 768px){.guide-container{padding:20px 16px}.guide-steps .ant-steps-item-description{display:none}.method-card{margin-bottom:16px}.method-icon{width:80px;height:80px}.method-icon svg{font-size:36px!important}.method-icon-large{width:100px;height:100px}.method-icon-large svg{font-size:48px!important}.welcome-icon svg{font-size:60px!important}.action-buttons .ant-space{flex-direction:column;width:100%}.action-buttons .ant-btn{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.method-card{animation:fadeInUp .5s ease forwards}.method-card:nth-child(1){animation-delay:.1s}.method-card:nth-child(2){animation-delay:.2s}.method-card:nth-child(3){animation-delay:.3s}.guide-help-btn{background:#ffffff26!important;border-width:0!important;border-color:#0000!important;border-image:none!important;border-style:none!important;color:#fff!important;font-weight:500;border-radius:12px!important;transition:all .3s ease}.guide-help-btn:hover{background:#ffffff40!important;transform:translateY(-2px)}.search-bar-container{position:fixed;top:0;left:220px;right:0;width:calc(100% - 220px);height:64px;background:#e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100;border-bottom:1px solid #ffffff;transition:all .3s cubic-bezier(.4,0,.2,1)}body.sidebar-collapsed .search-bar-container{left:80px;width:calc(100% - 80px)}@media screen and (max-width: 900px){.search-bar-container,body.sidebar-collapsed .search-bar-container{left:0!important;width:100%!important}}.search-bar-left{flex:0 0 250px;max-width:250px}.search-input{width:100%;height:40px;border-radius:15px!important;padding:7px!important;border:1px solid #d0d0d0!important;background:#fff!important;transition:all .3s ease!important}.search-input input{background:transparent!important;color:#333!important}.search-input input::placeholder{color:#999!important}.search-input .ant-input-prefix{color:#666!important}.search-input .ant-input-clear-icon{color:#999!important}.search-input:hover,.search-input:focus,.search-input.ant-input-affix-wrapper-focused{background:#fff!important;border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff1a!important}.search-bar-right{display:flex;align-items:center;gap:16px}.search-bar-notifications{display:flex;align-items:center}.search-bar-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:6px 12px;border-radius:20px;transition:all .2s ease;background:#fff;border:1px solid #e0e0e0}.search-bar-profile:hover{background:#f5f5f5;border-color:#d0d0d0}.search-bar-avatar{background:linear-gradient(135deg,#f97316,#fb923c)!important;border:2px solid #e0e0e0}.search-bar-user-info{display:flex;flex-direction:column;gap:2px}.search-bar-user-name{color:#333;font-size:14px;font-weight:600;line-height:1.2}.search-bar-user-role{font-size:12px;font-weight:500;line-height:1.2}.search-bar-dropdown-icon{color:#666;font-size:12px;transition:transform .2s ease}.search-bar-profile:hover .search-bar-dropdown-icon{transform:translateY(2px)}.search-bar-help-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;background:#fff;border:1px solid #e0e0e0;transition:all .2s ease}.search-bar-help-icon:hover{background:#f5f5f5;border-color:#d0d0d0;transform:scale(1.05)}.search-bar-help-icon .anticon{font-size:18px;color:#666}.search-bar-profile-dropdown{margin-top:8px}.search-bar-profile-dropdown .ant-dropdown-menu{border-radius:12px;box-shadow:0 10px 40px #00000026;padding:8px}.search-bar-profile-dropdown .ant-dropdown-menu-item{border-radius:8px;padding:10px 12px;margin-bottom:4px}.search-bar-profile-dropdown .ant-dropdown-menu-item:last-child{margin-bottom:0}@media screen and (max-width: 768px){.search-bar-container{padding:0 12px}.search-bar-left{max-width:300px}.search-bar-right{gap:8px}.search-bar-user-info{display:none}.search-bar-profile{padding:6px}}@media screen and (max-width: 480px){.search-bar-left{max-width:200px}.search-input{height:36px}}.search-autocomplete-popup{z-index:1050}.search-autocomplete-popup .ant-select-item{padding:10px 12px;border-radius:6px;margin:2px 4px}.search-autocomplete-popup .ant-select-item-option-active{background:#3b82f61a}.search-autocomplete-popup .ant-select-item-option-selected{background:#3b82f633}.categories-page-container{padding:24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 64px);border-radius:16px}.categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0}.categories-header h1{margin:0;color:#333;font-size:24px;font-weight:600;letter-spacing:-.5px;display:flex;align-items:center;gap:12px}.categories-add-btn{background:linear-gradient(135deg,#f97316,#fb923c)!important;border:none!important;color:#fff!important;font-weight:600!important;padding:8px 20px!important;height:auto!important;border-radius:12px!important;box-shadow:0 4px 15px #f9731666!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.categories-add-btn:hover{background:linear-gradient(135deg,#ea580c,#f97316)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #f9731680!important}.categories-table-container{background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.categories-table-container .ant-table{border-radius:20px!important;overflow:hidden}.categories-table-container .ant-table-container{border-radius:20px!important}.categories-table-container .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;color:#475569!important;font-weight:700!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.5px!important;padding:16px 20px!important;border-bottom:2px solid #e2e8f0!important}.categories-table-container .ant-table-thead>tr>th:first-child{border-top-left-radius:20px!important}.categories-table-container .ant-table-thead>tr>th:last-child{border-top-right-radius:20px!important}.categories-table-container .ant-table-tbody>tr>td{padding:16px 20px!important;border-bottom:1px solid #f1f5f9!important;transition:all .2s ease!important}.categories-table-container .ant-table-tbody>tr:hover>td{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important}.categories-table-container .ant-table-tbody>tr:last-child>td:first-child{border-bottom-left-radius:20px!important}.categories-table-container .ant-table-tbody>tr:last-child>td:last-child{border-bottom-right-radius:20px!important}.category-name{font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.category-name-icon{width:36px;height:36px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.action-buttons-container .ant-btn{border-radius:10px!important;font-weight:500!important;font-size:13px!important;padding:4px 12px!important;height:auto!important;display:flex!important;align-items:center!important;gap:4px!important;transition:all .2s ease!important;border:none!important;box-shadow:0 2px 8px #00000014!important}.action-buttons-container .ant-btn:first-child{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important}.action-buttons-container .ant-btn:first-child:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #3b82f666!important}.action-buttons-container .ant-btn:nth-child(2){background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.action-buttons-container .ant-btn:nth-child(2):hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #10b98166!important}.action-buttons-container .ant-btn:nth-child(3){background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important}.action-buttons-container .ant-btn:nth-child(3):hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #ef444466!important}.custom-add-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:12px;padding:7px!important;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;cursor:pointer;border:1px solid transparent;outline:none;transition:all .3s ease;white-space:nowrap;height:auto;line-height:1.5;background-color:#ff7d00;color:#fff;border-color:#ff7d00}.custom-add-button:hover:not(:disabled){background-color:#fff;color:#ff7d00;border-color:#ff7d00}.custom-add-button:active:not(:disabled){background-color:#fff5eb;color:#ff7d00;border-color:#ff7d00}.custom-add-button:focus{outline:none;box-shadow:0 0 0 2px #ff7d0033}.custom-add-button:disabled{opacity:.5;cursor:not-allowed}.custom-add-button .anticon{color:inherit;font-size:14px}.ant-table-row-expand-icon-cell{padding-right:8px!important}.ant-table-row-expand-icon{border-radius:6px!important;border:2px solid #3B82F6!important;color:#3b82f6!important;transition:all .2s ease!important}.ant-table-row-expand-icon:hover{background:#3b82f6!important;color:#fff!important}.categories-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f}.categories-loading .ant-spin{margin-bottom:16px}.categories-loading-text{color:#64748b;font-size:15px;font-weight:500}.categories-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f}.categories-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.categories-empty-title{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:8px}.categories-empty-subtitle{font-size:14px;color:#64748b}@media (max-width: 1024px){.categories-page-container{padding:16px}.categories-header{flex-direction:column;gap:16px;text-align:center}.categories-header h1{font-size:20px}.action-buttons-container{flex-direction:column;gap:6px}.action-buttons-container .ant-btn{width:100%;justify-content:center}}@media (max-width: 768px){.categories-table-container .ant-table-thead>tr>th,.categories-table-container .ant-table-tbody>tr>td{padding:12px!important;font-size:13px!important}.categories-header{padding:16px;border-radius:12px}.categories-table-container{border-radius:12px}}@media (max-width: 480px){.categories-page-container{padding:12px;border-radius:12px}.categories-header h1{font-size:18px}.categories-header h1:before{font-size:22px}}.table-content{padding:10px 24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 64px);border-radius:16px}.ant-table-wrapper{background:#fff;border-radius:20px!important;box-shadow:0 4px 24px #0000000f;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.ant-table{max-height:900px!important;border-radius:20px!important}.ant-table-container{border-radius:20px!important}.ant-table-body{height:550px!important}.ant-table-thead>tr>th{height:60px!important;padding:12px 16px!important;white-space:nowrap;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;color:#475569!important;font-weight:700!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.5px!important;border-bottom:2px solid #e2e8f0!important;transition:all .2s ease!important}.ant-table-thead>tr>th:first-child{border-top-left-radius:20px!important}.ant-table-thead>tr>th:last-child{border-top-right-radius:20px!important}.ant-table-thead>tr>th:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important}.ant-table-tbody>tr>td{border-bottom:1px solid #f1f5f9!important;transition:all .2s ease!important}.ant-table-tbody>tr:hover>td{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important}.ant-table-tbody>tr:last-child>td{border-bottom:none!important}.fixed-height-row td{height:70px!important;padding:12px 16px!important;white-space:normal!important;vertical-align:middle!important}.ant-table-selection-column{padding:12px!important}.ant-checkbox-wrapper .ant-checkbox-inner{border-radius:6px!important;border:2px solid #cbd5e1!important;transition:all .2s ease!important}.ant-checkbox-wrapper:hover .ant-checkbox-inner{border-color:#667eea!important}.ant-checkbox-checked .ant-checkbox-inner{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important}.custom-preview-mask{background:#0009!important;color:#fff!important;font-weight:500!important;font-size:12px!important;border-radius:8px!important;transition:all .3s ease!important}.custom-preview-mask:hover{background:#000c!important;transform:scale(1.05)!important}.truncated-description{max-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;cursor:help;color:#64748b;font-size:13px;line-height:1.5}.action-buttons-container{display:flex;gap:8px;flex-wrap:wrap}.action-buttons-container .ant-btn{border-radius:10px!important;font-weight:500!important;font-size:13px!important;padding:4px 14px!important;height:auto!important;display:flex!important;align-items:center!important;gap:6px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;border:none!important;box-shadow:0 2px 8px #00000014!important}.action-buttons-container .ant-btn[style*=green]{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.action-buttons-container .ant-btn[style*=green]:hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #10b98159!important}.action-buttons-container .ant-btn[style*=red]{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important}.action-buttons-container .ant-btn[style*=red]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #ef444459!important}.status-container .ant-switch{min-width:44px!important}.table-content .status-container .ant-switch-checked,.ant-table-wrapper .status-container .ant-switch-checked,.ant-table-container .status-container .ant-switch-checked,.ant-table-body .status-container .ant-switch-checked,.fixed-height-row .status-container .ant-switch-checked,.status-container .ant-switch-checked{background-color:#1890ff!important;background:#1890ff!important;background-image:none!important;background-clip:padding-box!important}.table-content .status-container .ant-switch:not(.ant-switch-checked),.ant-table-wrapper .status-container .ant-switch:not(.ant-switch-checked),.status-container .ant-switch:not(.ant-switch-checked){background-color:#00000040!important;background:#00000040!important;background-image:none!important}.showcase-icon{display:flex;align-items:center;justify-content:center}.showcase-icon .anticon{font-size:22px!important;transition:all .2s ease!important}.showcase-icon .anticon:hover{transform:scale(1.15)!important}.showcase-icon .anticon svg,.showcase-icon .anticon svg path{fill:currentColor!important}.price-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:20px;font-weight:700;font-size:14px;display:inline-block;box-shadow:0 2px 8px #667eea4d}.ant-tag{border-radius:8px!important;font-weight:500!important;border:none!important;box-shadow:0 1px 3px #0000001a!important}.ant-pagination{margin-top:20px!important;padding:16px!important;background:#f8fafc;border-radius:12px}.ant-pagination-item{border-radius:8px!important;border:1px solid #e2e8f0!important;font-weight:500!important;transition:all .2s ease!important}.ant-pagination-item:hover{border-color:#667eea!important;color:#667eea!important}.ant-pagination-item-active{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important}.ant-pagination-item-active a{color:#fff!important}.ant-pagination-prev .ant-pagination-item-link,.ant-pagination-next .ant-pagination-item-link{border-radius:8px!important;border:1px solid #e2e8f0!important}.ant-table-filter-dropdown{border-radius:12px!important;box-shadow:0 10px 40px #00000026!important;overflow:hidden}.ant-table-filter-dropdown-btns{border-top:1px solid #e2e8f0!important;padding:12px!important}.ant-table-column-sorter{color:#94a3b8!important}.ant-table-column-sorter-up.active,.ant-table-column-sorter-down.active{color:#667eea!important}.table-content>div:first-child{margin-bottom:20px!important}.table-content>div:first-child .ant-btn-primary{background-color:#bdb70f!important;background-image:none!important;border:none!important;border-radius:12px!important;font-weight:600!important;padding:8px 20px!important;height:auto!important;box-shadow:0 4px 15px #667eea59!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.table-content>div:first-child .ant-btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #667eea73!important}.table-content>div:first-child .ant-btn-primary.ant-btn-dangerous{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 15px #ef444459!important}.table-content>div:first-child .ant-btn-primary.ant-btn-dangerous:hover{box-shadow:0 8px 25px #ef444473!important}.table-content>div:first-child .ant-btn:not(.ant-btn-primary){border-radius:12px!important;border:1px solid #e2e8f0!important;font-weight:500!important;transition:all .2s ease!important}.table-content>div:first-child .ant-btn:not(.ant-btn-primary):hover{border-color:#667eea!important;color:#667eea!important}.table-content>div>div>.ant-btn-default{border-width:0px!important;border-color:#0000!important;border-style:none!important;border-image:none!important;box-shadow:none!important}.table-content>div>div>.ant-btn-default span{background-color:unset!important;background:unset!important;border-color:#0000!important;border-image:none!important;color:var(--pmq-surface)!important}.ant-spin-container{height:692px!important}.ant-spin-container:after{border-radius:20px!important}.ant-empty{padding:60px 20px!important}.ant-empty-description{color:#64748b!important;font-size:15px!important}@media (max-width: 1200px){.table-content{padding:16px}.ant-table-thead>tr>th,.fixed-height-row td{padding:10px 12px!important;font-size:12px!important}}@media (max-width: 768px){.table-content{padding:12px;border-radius:12px}.ant-table-wrapper,.ant-table,.ant-table-container{border-radius:12px!important}.ant-table-thead>tr>th:first-child{border-top-left-radius:12px!important}.ant-table-thead>tr>th:last-child{border-top-right-radius:12px!important}.action-buttons-container{flex-direction:column;gap:6px}.action-buttons-container .ant-btn{width:100%;justify-content:center;font-size:12px!important;padding:6px 12px!important}}@media (max-width: 480px){.table-content>div:first-child{flex-direction:column!important;gap:12px!important}.table-content>div:first-child>div{width:100%;flex-wrap:wrap;gap:8px!important}.table-content>div:first-child .ant-btn{flex:1;min-width:100px}}.table-actions-reference{display:flex;gap:9px;margin-bottom:12px;align-items:center;justify-content:flex-end}.action-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:7px;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;cursor:pointer;border:none;outline:none;transition:background-color .2s ease,border-color .2s ease;white-space:nowrap;height:auto;line-height:1.5}.table-actions-reference>span{display:inline-flex}.table-actions-reference>span>.action-button{width:auto}.action-button .button-icon{display:inline-flex;align-items:center;font-size:14px;margin-right:9px}.action-button .button-text{display:inline-block}.action-button.outline-button{background:#fff;border:1px solid #D9D9D9;color:#4f5a67}.action-button.outline-button:hover{background:#fafafa;border-color:#d9d9d9;color:#4f5a67}.action-button.outline-button:active{background:#f5f5f5;border-color:#d9d9d9;color:#4f5a67}.action-button.outline-button:focus{background:#fff;border-color:#d9d9d9;color:#4f5a67;outline:none}.action-button.primary-button{background:#ff7d00;color:#fff;border:none}.action-button.primary-button:hover{background:#ff8c1a;color:#fff}.action-button.primary-button:active{background:#e66f00;color:#fff}.action-button.primary-button:focus{background:#ff7d00;color:#fff;outline:none}.table-actions-reference .ant-dropdown{z-index:1050}.table-actions-reference .ant-dropdown-menu{background-color:#fff!important;border-radius:8px!important;box-shadow:0 2px 8px #00000026!important;padding:0!important;min-width:200px}.table-actions-reference .ant-dropdown-menu-item{padding:8px 12px!important}.table-actions-reference .ant-dropdown-menu-item:hover{background-color:#f5f5f5!important}.table-actions-reference .ant-dropdown .ant-dropdown-menu{background-color:#fff!important}.ant-dropdown:has(.table-actions-reference){z-index:1050!important}.ant-dropdown .ant-dropdown-menu>div{background-color:#fff!important}.ant-dropdown{z-index:1050!important}.ant-dropdown .ant-dropdown-menu{background-color:#fff!important;border-radius:8px!important;box-shadow:0 2px 8px #00000026!important}.table-actions-reference .ant-checkbox-wrapper{color:#4f5a67}.table-actions-reference .ant-checkbox-checked .ant-checkbox-inner{background-color:#ff7d00!important;border-color:#ff7d00!important}.table-actions-reference .ant-checkbox:hover:not(.ant-checkbox-disabled) .ant-checkbox-inner{border-color:#ff7d00!important}.table-actions-reference .ant-checkbox-checked:after{border-color:#ff7d00!important}.table-actions-reference .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#ff7d00!important;box-shadow:0 0 0 2px #ff7d0033!important}.table-actions-reference .ant-checkbox-indeterminate .ant-checkbox-inner{background-color:#ff7d00!important;border-color:#ff7d00!important}.table-actions-reference .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:#fff!important}.split-button-container{display:flex;border:1px solid #D9D9D9;border-radius:7px;overflow:visible;height:auto;position:relative}.split-button-main{flex:0 0 70%;border:none!important;border-radius:7px 0 0 7px!important;margin:0!important;cursor:default!important;pointer-events:none}.split-button-dropdown{flex:0 0 30%;border:none!important;border-left:1px solid #D9D9D9!important;border-radius:0 7px 7px 0!important;padding:11px 8px!important;margin:0!important;display:flex;align-items:center;justify-content:center;width:100%;position:relative}.split-button-dropdown:hover{background:#fafafa!important}.split-button-dropdown svg{display:block;margin:0 auto;text-align:center}.split-button-container .ant-dropdown{width:100%!important}.split-button-container .ant-dropdown-menu{background-color:#fff!important;border-radius:7px!important;box-shadow:0 2px 8px #00000026!important;padding:0!important;min-width:100%!important;width:100%!important;left:0!important;right:0!important}.split-button-container .ant-dropdown-menu-item{padding:11px 18px!important;height:auto!important;min-height:auto!important;line-height:1.5!important;font-size:14px!important;font-weight:500!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;color:#4f5a67!important;display:flex!important;align-items:center!important;width:100%!important;box-sizing:border-box!important}.split-button-container .ant-dropdown-menu-item:hover{background-color:#fff!important;color:#ff7d00!important}.split-button-container .ant-dropdown-menu-item:hover .anticon{color:#ff7d00!important}.import-export-info-icon:hover{color:#1890ff!important}@media screen and (max-width: 768px){.table-actions-reference{flex-wrap:wrap}.action-button{padding:10px 16px;font-size:13px}.split-button-main{flex:0 0 65%}.split-button-dropdown{flex:0 0 35%}}.action-buttons-container{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.custom-edit-button,.custom-delete-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:12px;padding:7px!important;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;cursor:pointer;border:1px solid transparent;outline:none;transition:all .3s ease;white-space:nowrap;height:auto;line-height:1.5}.custom-edit-button{background-color:#ff7d00;color:#fff;border-color:#ff7d00}.custom-edit-button:hover{background-color:#fff;color:#ff7d00;border-color:#ff7d00}.custom-edit-button:active{background-color:#fff5eb;color:#ff7d00;border-color:#ff7d00}.custom-edit-button:focus{outline:none;box-shadow:0 0 0 2px #ff7d0033}.custom-edit-button .anticon{color:inherit;font-size:14px}.custom-edit-button:disabled{opacity:.5;cursor:not-allowed}.custom-delete-button{background-color:#fff;color:#ff4d4f;border-color:#ff4d4f}.custom-delete-button:hover{background-color:#ff4d4f;color:#fff;border-color:#ff4d4f}.custom-delete-button:active{background-color:#ff7875;color:#fff;border-color:#ff7875}.custom-delete-button:focus{outline:none;box-shadow:0 0 0 2px #ff4d4f33}.custom-delete-button .anticon{color:inherit;font-size:14px}.custom-delete-button:disabled{opacity:.5;cursor:not-allowed}.custom-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.custom-switch-input{opacity:0;width:0;height:0}.custom-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;border:2px solid #1890ff;transition:.3s;border-radius:24px}.custom-switch-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#1890ff;transition:.3s;border-radius:50%}.custom-switch-input:checked+.custom-switch-slider{background-color:#1890ff;border-color:#1890ff}.custom-switch-input:checked+.custom-switch-slider:before{transform:translate(20px);background-color:#fff}.custom-switch-input:focus+.custom-switch-slider{box-shadow:0 0 0 2px #1890ff33}.custom-switch:hover .custom-switch-slider{border-color:#40a9ff}.custom-switch-input:checked:hover+.custom-switch-slider{background-color:#40a9ff;border-color:#40a9ff}.ant-input{border-color:#88befc;border-width:1px}.ant-input:hover,.ant-input:focus{border-color:#0558b7;border-width:1px}.ant-select-selector,.ant-input-password,.ant-textarea{border-color:#4a90e2;border-width:2px}@media (max-width: 768px){.ant-input,.ant-select-selector,.ant-input-password,.ant-textarea{border-color:#5e8dbc;border-width:2px}}.product-modal .ant-modal-content{border-radius:4px!important;overflow:hidden;box-shadow:0 4px 16px #0000001f!important}.product-modal .ant-modal-header{background:#fff!important;padding:16px 24px!important;border-bottom:1px solid #e5e7eb!important;margin-bottom:0!important}.product-modal .ant-modal-title{color:#111827!important;font-size:18px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:12px!important}.product-modal .ant-modal-close{top:16px!important;right:16px!important;color:#6b7280!important;transition:all .2s ease!important}.product-modal .ant-modal-close:hover{color:#111827!important;background:#f3f4f6!important;border-radius:4px!important}.product-modal .ant-modal-body{padding:0!important;background:#fff}.product-modal .ant-modal-footer{background:#f9fafb!important;border-top:1px solid #e5e7eb!important;padding:12px 24px!important;border-radius:0!important}.product-modal .ant-modal-footer .ant-btn{border-radius:4px!important;font-weight:500!important;padding:6px 20px!important;height:auto!important;transition:all .2s ease!important}.product-modal .ant-modal-footer .ant-btn-default{border:1px solid #d1d5db!important;color:#6b7280!important;background:#fff!important}.product-modal .ant-modal-footer .ant-btn-default:hover{border-color:#9ca3af!important;color:#374151!important}.product-modal .ant-modal-footer .ant-btn-primary{background:#6b7280!important;border:1px solid #6b7280!important;box-shadow:none!important}.product-modal .ant-modal-footer .ant-btn-primary:hover{background:#4b5563!important;border-color:#4b5563!important}.product-modal .ant-modal-footer .ant-btn-primary:disabled{background:#d1d5db!important;border-color:#d1d5db!important;box-shadow:none!important}.product-modal .ant-tabs{background:#fff}.product-modal .ant-tabs-nav{margin-bottom:0!important;padding:0 20px!important;background:#fff;border-bottom:1px solid #e5e7eb}.product-modal .ant-tabs-nav:before{border-bottom:none!important}.product-modal .ant-tabs-tab{padding:14px 8px!important;margin:0 8px 0 0!important;font-weight:500!important;color:#6b7280!important;transition:all .2s ease!important}.product-modal .ant-tabs-tab:hover{color:#4b5563!important}.product-modal .ant-tabs-tab-active .ant-tabs-tab-btn{color:#111827!important;font-weight:600!important}.product-modal .ant-tabs-ink-bar{background:#6b7280!important;height:2px!important;border-radius:0!important}.product-modal .ant-tabs-content-holder{padding:16px 20px!important;max-height:65vh;overflow-y:auto}.product-modal .ant-form-item-label>label{font-weight:600!important;color:#374151!important;font-size:13px!important}.product-modal .ant-form-item-label>label:before{color:#ef4444!important}.product-modal .ant-input,.product-modal .ant-input-number,.product-modal .ant-select-selector,.product-modal .ant-input-affix-wrapper,.product-modal .ant-picker{border-radius:4px!important;border:1px solid #d1d5db!important;transition:all .2s ease!important}.product-modal .ant-input:hover,.product-modal .ant-input-number:hover,.product-modal .ant-select-selector:hover,.product-modal .ant-input-affix-wrapper:hover,.product-modal .ant-picker:hover{border-color:#9ca3af!important}.product-modal .ant-input:focus,.product-modal .ant-input-focused,.product-modal .ant-input-number:focus,.product-modal .ant-input-number-focused,.product-modal .ant-select-focused .ant-select-selector,.product-modal .ant-input-affix-wrapper-focused,.product-modal .ant-picker-focused{border-color:#9ca3af!important;box-shadow:0 0 0 2px #9ca3af1a!important}.product-modal .ant-input-textarea textarea{border-radius:4px!important}.product-modal .ant-input-number-group-addon{background:#f3f4f6!important;color:#6b7280!important;border:1px solid #d1d5db!important;font-weight:600!important;border-radius:0 4px 4px 0!important}.product-modal .ant-input-number-group .ant-input-number{border-radius:4px 0 0 4px!important}.product-modal .ant-radio-wrapper{font-weight:500!important;color:#374151!important}.product-modal .ant-radio-checked .ant-radio-inner{border-color:#6b7280!important;background-color:#6b7280!important}.product-modal .ant-radio:hover .ant-radio-inner{border-color:#9ca3af!important}.product-modal .ant-divider{border-color:#e5e7eb!important;margin:16px 0 12px!important}.product-modal .ant-divider-inner-text{font-weight:600!important;color:#6b7280!important;font-size:13px!important}.product-modal .upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:#f9fafb;border-radius:4px;border:1px dashed #d1d5db;transition:all .2s ease;min-height:180px}.product-modal .upload-area:hover{border-color:#9ca3af;background:#f3f4f6}.product-modal .upload-button{width:140px!important;height:140px!important;border-radius:4px!important;border:1px dashed #d1d5db!important;background:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;color:#6b7280!important}.product-modal .upload-button:hover{border-color:#9ca3af!important;background:#f9fafb!important;color:#374151!important}.product-modal .upload-button .anticon{font-size:36px!important;margin-bottom:8px!important}.product-modal .upload-preview{position:relative;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px #00000014}.product-modal .upload-preview img,.product-modal .upload-preview video{width:140px;height:140px;object-fit:cover;border-radius:4px}.product-modal .upload-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#374151d9;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;cursor:pointer;border-radius:4px}.product-modal .upload-preview:hover .upload-preview-overlay{opacity:1}.product-modal .upload-preview-overlay .anticon{font-size:36px;color:#fff}.product-modal .remove-button{margin-top:12px!important;border-radius:4px!important;background:#ef4444!important;border:1px solid #ef4444!important;color:#fff!important;font-weight:500!important;box-shadow:0 1px 3px #0000001a!important;transition:all .2s ease!important}.product-modal .remove-button:hover{background:#dc2626!important;border-color:#dc2626!important}.product-modal .upload-progress{margin-top:16px;padding:12px;background:#f9fafb;border-radius:4px;border:1px solid #e5e7eb}.product-modal .upload-progress .ant-progress-inner{background:#e5e7eb!important}.product-modal .upload-progress .ant-progress-bg{background:#6b7280!important}.product-modal .upload-progress-text{text-align:center;margin-top:8px;font-size:13px;font-weight:500;color:#6b7280}.product-modal .ant-form-item-tooltip{color:#9ca3af!important}.product-modal .anticon-info-circle{color:#9ca3af!important;margin-left:6px!important;transition:color .2s ease!important}.product-modal .anticon-info-circle:hover{color:#6b7280!important}.product-modal .ant-select-dropdown{border-radius:4px!important;box-shadow:0 4px 12px #0000001a!important;overflow:hidden}.product-modal .ant-select-item{border-radius:2px!important;margin:2px 4px!important;padding:8px 12px!important}.product-modal .ant-select-item-option-selected{background:#f3f4f6!important;color:#111827!important;font-weight:600!important}.product-modal .ant-row{margin-bottom:0!important}.product-modal .ant-col{margin-bottom:8px}.product-modal .ant-tabs-card .ant-tabs-nav{background:transparent!important;padding:0!important;border-bottom:none!important}.product-modal .ant-tabs-card .ant-tabs-tab{background:#f3f4f6!important;border:1px solid #d1d5db!important;border-radius:4px 4px 0 0!important;margin-right:4px!important}.product-modal .ant-tabs-card .ant-tabs-tab-active{background:#fff!important;border-bottom-color:#fff!important}.product-modal .ant-form-item{margin-bottom:16px!important}.product-modal .ant-select-auto-complete .ant-select-selector{border-radius:4px!important}.product-modal .label-selector-container{border:1px solid #d1d5db;border-radius:4px;padding:8px;transition:all .2s ease}.product-modal .label-selector-container:hover{border-color:#9ca3af}.product-modal .ant-tabs-content-holder::-webkit-scrollbar{width:6px}.product-modal .ant-tabs-content-holder::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.product-modal .ant-tabs-content-holder::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.product-modal .ant-tabs-content-holder::-webkit-scrollbar-thumb:hover{background:#9ca3af}.video-preview-modal .ant-modal-content{border-radius:16px!important;overflow:hidden}.video-preview-modal .ant-modal-header{background:linear-gradient(135deg,#1e293b,#334155)!important;border-bottom:none!important}.video-preview-modal .ant-modal-title{color:#fff!important}.video-preview-modal .ant-modal-close{color:#ffffffb3!important}.video-preview-modal .ant-modal-close:hover{color:#fff!important}.video-preview-modal .ant-modal-body{padding:0!important;background:#000}.video-preview-modal video{width:100%;display:block}@media (max-width: 768px){.product-modal .ant-modal-content{border-radius:4px 4px 0 0!important}.product-modal .ant-tabs-nav{padding:0 16px!important}.product-modal .ant-tabs-tab{padding:12px 4px!important;font-size:12px!important}.product-modal .ant-tabs-content-holder{padding:12px 16px!important}.product-modal .upload-button{width:120px!important;height:120px!important}.product-modal .upload-preview img,.product-modal .upload-preview video{width:120px;height:120px}}.excel-preview-table-wrapper{width:100%;overflow-x:auto;border-radius:8px;overflow:hidden;border:1px solid #d9d9d9}.excel-preview-table{width:100%;border-collapse:collapse;border:none;font-size:13px;margin:0}.excel-preview-table thead{background-color:#e8e8e8}.excel-preview-table thead th{padding:8px 12px;text-align:left;font-weight:600;border-bottom:2px solid #d9d9d9;border-right:1px solid #d0d0d0;font-size:13px;line-height:1.4;color:#262626}.excel-preview-table thead th:last-child{border-right:none}.excel-preview-table tbody tr{border-bottom:1px solid #f0f0f0}.excel-preview-table tbody tr:last-child{border-bottom:none}.excel-preview-table tbody td{padding:6px 12px;border-right:1px solid #f0f0f0;vertical-align:top;line-height:1.5}.excel-preview-table tbody td:last-child{border-right:none}.excel-preview-table tbody tr:hover{background-color:#f5f5f5;transition:background-color .2s ease}.excel-import-button{transition:all .3s ease!important}.excel-import-button:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 4px 12px #f9731666!important}.excel-import-button:active:not(:disabled){transform:translateY(0)!important}.excel-import-info-icon{transition:color .2s ease}.excel-import-info-icon:hover{color:#1e293b!important}.excel-import-tooltip .ant-tooltip-inner{background-color:#1e293b!important;color:#fff!important;padding:12px 16px!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important}.excel-import-tooltip .ant-tooltip-arrow:before{background-color:#1e293b!important}.price-change-segmented.ant-segmented{height:32px!important;min-height:32px!important;max-height:32px!important;line-height:32px!important;padding:2px!important}.price-change-segmented .ant-segmented-item{height:28px!important;min-height:28px!important;line-height:28px!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important}.price-change-segmented .ant-segmented-item-label{height:28px!important;line-height:28px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important}.price-change-segmented .ant-segmented-item-icon{line-height:1!important;display:inline-flex!important;align-items:center!important;font-size:14px!important}.price-change-segmented .ant-segmented-thumb{height:28px!important;top:2px!important}.price-change-segmented.ant-segmented-block{height:32px!important}.price-change-table table{table-layout:fixed!important;width:100%!important}.price-change-table table colgroup col:first-child{width:5%!important;min-width:48px!important}.price-change-table .ant-table-header table,.price-change-table .ant-table-body table,.price-change-table .ant-table-content table{table-layout:fixed!important;width:100%!important}.price-change-table .ant-table-selection-column{width:48px!important;min-width:48px!important;max-width:48px!important;padding:12px 8px!important;box-sizing:border-box!important}.price-change-table .ant-table-thead>tr>th.ant-table-selection-column{width:48px!important;min-width:48px!important;max-width:48px!important;padding:12px 8px!important;text-align:center!important}.price-change-table .ant-table-tbody>tr>td.ant-table-selection-column{width:48px!important;min-width:48px!important;max-width:48px!important;padding:12px 8px!important;text-align:center!important;box-sizing:border-box!important}.price-change-table .ant-table-selection-column .ant-checkbox-wrapper{display:flex!important;justify-content:center!important;align-items:center!important;margin:0 auto!important}.price-change-table .ant-table-thead .ant-table-selection{text-align:center!important;display:flex!important;justify-content:center!important;align-items:center!important}.price-change-table th,.price-change-table td{box-sizing:border-box!important}.price-change-table .ant-table-content{overflow-x:auto!important}.price-change-table .ant-table-header{overflow:hidden!important}.price-change-table .ant-table-body{overflow-y:auto!important;overflow-x:auto!important}.price-change-table .ant-table-header{overflow:hidden!important;margin-right:0!important;padding-right:0!important}.price-change-table .ant-table-body{overflow-y:auto!important;overflow-x:hidden!important}@supports (scrollbar-gutter: stable){.price-change-table .ant-table-body{scrollbar-gutter:stable!important}}.price-change-table .ant-table-thead>tr>th:nth-child(1),.price-change-table .ant-table-tbody>tr>td:nth-child(1){width:5%!important;min-width:48px!important;max-width:5%!important}.price-change-table .ant-table-thead>tr>th:nth-child(2),.price-change-table .ant-table-tbody>tr>td:nth-child(2){width:22%!important;min-width:0!important;max-width:22%!important}.price-change-table .ant-table-thead>tr>th:nth-child(3),.price-change-table .ant-table-tbody>tr>td:nth-child(3){width:30%!important;min-width:0!important;max-width:30%!important}.price-change-table .ant-table-thead>tr>th:nth-child(4),.price-change-table .ant-table-tbody>tr>td:nth-child(4){width:18%!important;min-width:0!important;max-width:18%!important}.price-change-table .ant-table-thead>tr>th:nth-child(5),.price-change-table .ant-table-tbody>tr>td:nth-child(5){width:25%!important;min-width:0!important;max-width:25%!important}.price-change-table table colgroup col:nth-child(2){width:22%!important}.price-change-table table colgroup col:nth-child(3){width:30%!important}.price-change-table table colgroup col:nth-child(4){width:18%!important}.price-change-table table colgroup col:nth-child(5){width:25%!important}.price-change-table .ant-table-wrapper,.price-change-table .ant-table,.price-change-table .ant-table-container{width:100%!important}.branch-product-matrix{padding:20px;background-color:#f5f5f5;min-height:100vh}.ant-table-body{max-height:45vh!important;overflow-y:auto}.matrix-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 12px #0000001a}.matrix-header h1{color:#fff;margin:0;font-size:28px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2)}.matrix-header .header-actions{margin-top:16px}.filter-card{background:transparent;border-radius:8px;box-shadow:none;margin-bottom:20px}.filter-card .ant-card-head{background:linear-gradient(90deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6}.filter-card .ant-card-head-title{font-weight:600;color:#495057}.filter-form .ant-form-item{margin-bottom:16px}.filter-form .ant-select{width:100%}.filter-form .ant-btn{height:40px;border-radius:6px;font-weight:500}.product-table-card{background:transparent;border-radius:8px;box-shadow:none}.product-table-card .ant-card-head{background:linear-gradient(90deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6}.product-table-card .ant-card-head-title{font-weight:600;color:#495057}.product-matrix-table .ant-table{border-radius:8px;overflow:hidden}.product-matrix-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;border:none;padding:16px 12px}.product-matrix-table .ant-table-tbody>tr>td{padding:12px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.product-matrix-table .ant-table-tbody>tr:hover>td{background-color:#f8f9fa;transition:background-color .2s ease}.status-available{color:#52c41a;font-weight:600}.status-unavailable{color:#ff4d4f;font-weight:600}.price-input .ant-input-number{width:100%;border-radius:6px}.price-input .ant-input-number:hover{border-color:#667eea}.price-input .ant-input-number:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.availability-switch .ant-switch{background-color:#d9d9d9}.availability-switch .ant-switch-checked{background-color:#52c41a}.action-button{border-radius:6px;font-weight:500;height:36px;padding:0 16px;transition:all .2s ease}.action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.add-branch-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600;font-size:16px;padding:12px 24px;height:auto;border-radius:8px;box-shadow:0 4px 12px #667eea4d}.add-branch-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.clear-filters-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;transition:all .2s ease}.clear-filters-button:hover{background:#e9ecef;border-color:#adb5bd;color:#495057}.branch-modal .ant-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none}.branch-modal .ant-modal-title{color:#fff;font-weight:600}.branch-modal .ant-modal-close{color:#fff}.branch-modal .ant-modal-close:hover{color:#fffc}.branch-modal .ant-form-item-label>label{font-weight:500;color:#495057}.branch-modal .ant-input{border-radius:6px;border:1px solid #d9d9d9;transition:all .2s ease}.branch-modal .ant-input:hover{border-color:#667eea}.branch-modal .ant-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}@media (max-width: 768px){.branch-product-matrix{padding:16px}.matrix-header{padding:20px}.matrix-header h1{font-size:24px}.filter-card .ant-card-body{padding:16px}.product-table-card .ant-card-body{padding:12px}.product-matrix-table .ant-table-thead>tr>th,.product-matrix-table .ant-table-tbody>tr>td{padding:8px 6px;font-size:14px}.add-branch-button{font-size:14px;padding:10px 20px}}@media (max-width: 480px){.branch-product-matrix{padding:12px}.matrix-header{padding:16px}.matrix-header h1{font-size:20px}.filter-card .ant-card-body{padding:12px}.product-table-card .ant-card-body{padding:8px}.product-matrix-table .ant-table-thead>tr>th,.product-matrix-table .ant-table-tbody>tr>td{padding:6px 4px;font-size:12px}.add-branch-button{font-size:12px;padding:8px 16px}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-spinner{color:#667eea;font-size:24px}.empty-state{text-align:center;padding:40px 20px;color:#8c8c8c}.empty-state .ant-empty-description{color:#8c8c8c}.error-state{text-align:center;padding:40px 20px;color:#ff4d4f}.error-state .ant-result-subtitle{color:#ff4d4f}.success-message{background:#f6ffed;border:1px solid #b7eb8f;border-radius:6px;padding:12px 16px;margin-bottom:16px;color:#52c41a}.info-message{background:#e6f7ff;border:1px solid #91d5ff;border-radius:6px;padding:12px 16px;margin-bottom:16px;color:#1890ff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8e8e8;background-color:#fafafa}.modal-header h3{margin:0;color:#333;font-size:18px;font-weight:600}.close-button{background:none;border:none;font-size:20px;cursor:pointer;color:#999}.close-button:hover{color:#333}.modal-body{padding:20px}.ant-form-item{margin-bottom:16px}.ant-tabs-nav{margin-bottom:20px}.ant-tabs-tab{padding:12px 16px}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#1890ff;font-weight:500}.ant-tabs-content{padding:8px 0}.empty-tab-message{padding:20px;text-align:center;color:#999;background-color:#f9f9f9;border-radius:4px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}.ant-upload-picture-card-wrapper{width:100%}.image-preview-wrapper{position:relative;width:100%;height:100%}.image-preview-actions{position:absolute;bottom:0;left:0;right:0;background-color:#00000080;display:flex;justify-content:center;gap:8px;padding:4px 0;opacity:0;transition:opacity .3s}.image-preview-wrapper:hover .image-preview-actions{opacity:1}.announcement-preview{padding:20px;background-color:#f9f9f9;border-radius:8px}.device-selector{margin-bottom:30px}.device-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.device-card{padding:16px;border:2px solid #e8e8e8;border-radius:12px;background-color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px}.device-card:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff1a}.device-card.active{border-color:#1890ff;background-color:#f6ffed;box-shadow:0 2px 8px #1890ff33}.device-icon{font-size:24px;flex-shrink:0}.device-info h5{margin:0 0 4px;font-size:16px;font-weight:600;color:#333}.device-dimensions{margin:0;font-size:12px;color:#1890ff;font-weight:500}.device-description{margin:0;font-size:12px;color:#666;line-height:1.3}.preview-info{text-align:center;margin-bottom:20px}.preview-info h4{margin:0 0 8px;font-size:18px;color:#333;font-weight:600}.preview-info p{margin:0;color:#666;font-size:14px}.preview-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.preview-header h3{margin:0;font-size:16px;color:#333}.preview-content{display:flex;justify-content:center}.preview-card{width:100%;max-width:700px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.preview-type-badge{position:absolute;top:10px;right:10px;background-color:#1890ff;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;z-index:1}.preview-image-container{width:100%;height:600px;overflow:hidden;background-color:#f0f0f0}.preview-image{width:100%;height:100%;object-fit:cover}.preview-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px}.preview-text-container{padding:20px}.preview-title{margin:0 0 10px;font-size:18px;color:#333}.preview-description{margin:0 0 15px;font-size:14px;color:#666;line-height:1.5}.preview-discount{margin:15px 0}.discount-label{display:inline-block;background-color:#ff4d4f;color:#fff;padding:4px 8px;border-radius:4px;font-weight:500;font-size:14px}.preview-campaign{margin:15px 0;padding:10px;background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:4px}.campaign-condition{margin:0 0 5px;font-size:14px;font-weight:500;color:#333}.campaign-reward{margin:0;font-size:14px;color:#52c41a}.preview-button{margin-top:15px;padding:8px 16px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.preview-button:hover{opacity:.9}.device-frame{background-color:#333;border-radius:20px;padding:8px;box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden;margin:0 auto}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:14px;font-weight:600}.status-icons{display:flex;gap:4px}.app-navigation{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid rgba(255,255,255,.1)}.app-navigation h3{margin:0;font-size:18px;font-weight:600}.nav-icons{display:flex;gap:16px;font-size:16px}.announcement-modal{position:relative;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;min-height:400px}.modal-overlay-blur{background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:16px;padding:20px;width:100%;max-width:320px;overflow:visible}.modal-overlay-blur.desktop-modal{max-width:600px;padding:30px}.modal-overlay-blur.tablet-modal{max-width:420px;padding:25px}.announcement-content{background-color:#fff;border-radius:12px;overflow:visible;box-shadow:0 4px 20px #0000001a;position:relative}.announcement-content.desktop-content{display:flex;flex-direction:row;min-height:300px}.announcement-content.desktop-content .announcement-image{width:40%;height:300px;flex-shrink:0}.announcement-content.desktop-content .announcement-text{flex:1;padding:30px;display:flex;flex-direction:column;justify-content:center}.announcement-content.desktop-content .announcement-title{font-size:24px;margin-bottom:16px}.announcement-content.desktop-content .announcement-description{font-size:16px;margin-bottom:20px}.announcement-content.desktop-content .announcement-actions{padding:0;flex-direction:row;justify-content:flex-start;gap:16px}.close-icon{position:absolute;top:-11px;right:-11px;width:22px;height:22px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:300;cursor:pointer;z-index:100;transition:all .3s ease}.close-icon:hover{background:#000c;transform:scale(1.1)}.tablet-modal .announcement-title{font-size:22px}.tablet-modal .announcement-description{font-size:15px}.tablet-modal .announcement-text{padding:25px}.tablet-modal .announcement-actions{padding:0 25px 25px}.type-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:10;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.type-badge.type-promotion{background:linear-gradient(135deg,#854e4e,#ee5a52)}.type-badge.type-campaign{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.type-badge.type-discount{background:linear-gradient(135deg,#feca57,#ff9ff3)}.type-badge.type-general{background:linear-gradient(135deg,#667eea,#764ba2)}.announcement-image{width:100%;height:180px;overflow:hidden;position:relative}.device-frame[style*="320px"] .announcement-image{height:160px}.announcement-image img{width:100%;height:100%;object-fit:cover}.countdown-overlay{position:absolute;top:110px;left:30px;background:linear-gradient(135deg,#667eeaf2,#441771f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:8px 12px;color:#fff;font-size:14px;font-weight:600;box-shadow:0 2px 8px #0000004d}.countdown-overlay.expired{background:linear-gradient(135deg,#ff6b6bf2,#ee5a52f2)}.countdown-label-small{font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.countdown-timer-small{font-size:16px;font-weight:700}.countdown-compact{text-shadow:0 1px 2px rgba(0,0,0,.3);font-family:Courier New,monospace}.announcement-text{padding:20px}.device-frame[style*="320px"] .announcement-text{padding:15px 15px 8px}.announcement-title{margin:0 0 12px;font-size:20px;font-weight:700;color:#333;line-height:1.3}.device-frame[style*="320px"] .announcement-title{margin:0 0 4px;font-size:18px;line-height:1.2}.announcement-description{margin:0 0 16px;font-size:14px;color:#666;line-height:1.5}.device-frame[style*="320px"] .announcement-description{margin:0 0 12px;font-size:13px;line-height:1.4}.discount-info{margin:16px 0;text-align:center}.device-frame[style*="320px"] .discount-info{margin:8px 0}.discount-badge{display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ff6b6b4d}.device-frame[style*="320px"] .discount-badge{padding:6px 12px;font-size:14px}.applicable-info{margin:8px 0 0;font-size:12px;color:#888}.device-frame[style*="320px"] .applicable-info{margin:6px 0 0;font-size:11px}.campaign-info{margin:16px 0;padding:12px;background:linear-gradient(135deg,#f6ffed,#e6f7ff);border-left:4px solid #52c41a;border-radius:8px}.device-frame[style*="320px"] .campaign-info{margin:8px 0;padding:10px}.campaign-condition,.campaign-reward{margin:0 0 8px;font-size:14px;line-height:1.4}.campaign-condition strong,.campaign-reward strong{color:#333}.countdown-info{margin:16px 0;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;text-align:center;color:#fff}.countdown-info.expired{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.countdown-label{font-size:14px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.countdown-timer{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:50px}.countdown-value{font-size:24px;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.countdown-text{font-size:12px;font-weight:500;margin-top:4px;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.announcement-content.desktop-content .countdown-info{margin:20px 0}.announcement-content.desktop-content .countdown-value{font-size:28px}.announcement-content.desktop-content .countdown-text{font-size:13px}.tablet-modal .countdown-value{font-size:26px}.tablet-modal .countdown-text{font-size:12px}.announcement-actions{padding:0 20px 20px;display:flex;gap:12px;flex-direction:column}.device-frame[style*="320px"] .announcement-actions{padding:0 15px 15px;gap:8px}.action-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.device-frame[style*="320px"] .action-button{padding:10px 20px;font-size:13px;border-radius:6px}.action-button.primary{background-color:#1890ff;color:#fff;box-shadow:0 2px 8px #1890ff4d}.action-button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1890ff66}.action-button.secondary{background-color:#f0f0f0;color:#666;border:1px solid #d9d9d9}.action-button.secondary:hover{background-color:#e6e6e6;color:#333}.action-button.disabled{cursor:default;pointer-events:none;opacity:.9}.action-button.disabled:hover{transform:none;box-shadow:none}.app-footer{background-color:#fff;border-top:1px solid #f0f0f0;border-radius:0 0 12px 12px}.footer-nav{display:flex;justify-content:space-around;padding:8px 0}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;color:#666;font-size:10px;transition:color .3s}.nav-item.active{color:#1890ff}.nav-item span:first-child{font-size:16px}@media (max-width: 768px){.modal-content{width:95%;max-width:none;height:90vh}.preview-card{max-width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}.ant-tabs-tab{padding:8px 12px;font-size:14px}.device-cards{grid-template-columns:1fr}.responsive-preview-container{padding:10px;min-height:500px}.device-frame{transform:scale(.8)!important}}@media (max-width: 480px){.modal-content{width:98%;height:95vh}.modal-body{padding:15px}.device-frame{transform:scale(.7)!important}.responsive-preview-container{min-height:400px}}.announcements-container{padding:20px;max-width:1200px;margin:0 auto}.announcements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.announcements-header h2{margin:0;color:#2c3e50;font-size:28px;font-weight:600}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-sm{padding:6px 12px;font-size:12px}.filters{display:flex;gap:20px;margin-bottom:25px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:600;color:#495057;font-size:14px}.filter-group select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background-color:#fff;min-width:150px}.filter-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.announcements-table{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.announcements-table table{width:100%;border-collapse:collapse}.announcements-table th,.announcements-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e9ecef}.announcements-table th{background-color:#f8f9fa;font-weight:600;color:#495057;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.announcements-table td{font-size:14px;color:#6c757d}.announcements-table tbody tr:hover{background-color:#f8f9fa}.priority-input{width:60px;padding:4px 8px;border:1px solid #ced4da;border-radius:4px;text-align:center;font-size:12px}.priority-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#6c757d}@media (max-width: 768px){.announcements-container{padding:15px}.announcements-header{flex-direction:column;gap:15px;align-items:stretch}.announcements-header h2{text-align:center;font-size:24px}.filters{flex-direction:column;gap:15px}.filter-group select{min-width:100%}.announcements-table{overflow-x:auto}.announcements-table th,.announcements-table td{padding:8px 10px;font-size:12px}.action-buttons{flex-direction:column;gap:4px}.btn-sm{padding:4px 8px;font-size:11px}}@media (max-width: 480px){.announcements-container{padding:10px}.announcements-header h2{font-size:20px}.filters{padding:15px}.priority-input{width:50px;font-size:11px}}.language-settings-container{padding:24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 64px);border-radius:16px}.language-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:16px;box-shadow:0 10px 40px #1e3a8a4d;flex-wrap:wrap;gap:16px}.language-settings-header h1{margin:0;color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;gap:12px}.language-settings-header h1 .header-icon{font-size:28px}.language-controls-bar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;align-items:flex-end}.control-group{display:flex;flex-direction:column;gap:6px;min-width:180px;justify-content:flex-end}.control-group.currency-group{flex-direction:row;align-items:flex-end;gap:8px;min-width:auto}.control-group.currency-group .control-select-wrapper{flex:1;display:flex;flex-direction:column;gap:6px;min-width:200px;justify-content:flex-end}.control-label{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px;color:#475569}.control-label .anticon{color:#3b82f6;font-size:16px}.language-controls-bar .ant-select{min-width:200px;height:40px;display:flex;align-items:flex-end}.language-controls-bar .ant-select-selector{border-radius:10px!important;border:2px solid #e2e8f0!important;height:40px!important;transition:all .2s ease!important;display:flex!important;align-items:center!important}.language-controls-bar .ant-select-selector:hover{border-color:#3b82f6!important}.language-controls-bar .ant-select-focused .ant-select-selector{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}.language-controls-bar .ant-select-selection-item{line-height:36px!important}.action-buttons-group{display:flex;gap:10px;align-items:flex-end;margin-left:auto;height:100%;align-self:flex-end}.save-currency-btn{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:10px!important;height:40px!important;font-weight:600!important;padding:0 20px!important;box-shadow:0 4px 15px #10b9814d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0}.save-currency-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 8px 25px #10b98166!important}.save-currency-btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b)!important;box-shadow:none!important}.bulk-translate-btn{background:linear-gradient(135deg,#1e3a8a,#3b82f6)!important;border:none!important;border-radius:10px!important;height:40px!important;font-weight:600!important;padding:0 20px!important;box-shadow:0 4px 15px #1e3a8a4d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0}.bulk-translate-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 8px 25px #1e3a8a66!important}.bulk-translate-btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b)!important;box-shadow:none!important}.translate-selected-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:none!important;border-radius:10px!important;height:40px!important;font-weight:600!important;padding:0 20px!important;box-shadow:0 4px 15px #f59e0b4d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0}.translate-selected-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 8px 25px #f59e0b66!important}.default-language-tag{font-size:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2px 8px;border-radius:10px;margin-left:auto;font-weight:600}.language-content-card{background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.language-content-card .ant-table-wrapper,.language-content-card .ant-table{border-radius:20px!important}.language-content-card .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;color:#475569!important;font-weight:700!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.5px!important;padding:16px 20px!important;border-bottom:2px solid #e2e8f0!important;position:sticky!important;top:0!important;z-index:10!important}.language-content-card .ant-table-tbody>tr>td{padding:14px 20px!important;border-bottom:1px solid #f1f5f9!important;transition:all .2s ease!important}.language-content-card .ant-table-tbody>tr:hover>td{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important}.language-content-card .ant-table-body{max-height:500px!important;min-height:200px!important;overflow-y:auto!important}.language-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f}.language-loading-text{margin-top:16px;color:#64748b;font-size:15px;font-weight:500}.language-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f}.language-empty .anticon{font-size:64px;color:#faad14;margin-bottom:16px}.language-empty h2{margin:0 0 8px;color:#1e293b;font-size:20px}.language-empty p{color:#64748b;margin:0;max-width:400px;text-align:center}.bulk-translate-modal .ant-modal-content{border-radius:16px!important;overflow:hidden}.bulk-translate-modal .ant-modal-header{background:linear-gradient(135deg,#667eea,#764ba2)!important;padding:16px 24px!important;border-bottom:none!important}.bulk-translate-modal .ant-modal-title{color:#fff!important;font-weight:600!important}.bulk-translate-modal .ant-modal-close{color:#fffc!important}.bulk-translate-modal .ant-modal-close:hover{color:#fff!important}.bulk-translate-modal .ant-modal-footer .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:10px!important}.translation-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;color:#475569!important;font-weight:700!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.3px!important;padding:12px 16px!important;border-bottom:2px solid #e2e8f0!important;white-space:nowrap!important}.translation-table .ant-table-tbody>tr>td{padding:10px 16px!important;border-bottom:1px solid #f1f5f9!important;font-size:13px!important;vertical-align:middle!important}.translation-table .ant-table-tbody>tr:hover>td{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important}.translation-table .ant-table-cell-fix-left,.translation-table .ant-table-cell-fix-right{background:#fff!important}.translation-table .ant-table-tbody>tr:hover .ant-table-cell-fix-left,.translation-table .ant-table-tbody>tr:hover .ant-table-cell-fix-right{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important}.translation-table .ant-btn-sm{height:28px!important;font-size:12px!important;padding:0 10px!important}.translation-table .ant-btn-sm .anticon{font-size:12px!important}.translation-table .ant-tag{margin:0!important;border-radius:6px!important;font-size:11px!important;font-weight:600!important;padding:2px 8px!important}.translation-table .ant-checkbox-wrapper{display:flex!important;justify-content:center!important}.translation-table .ant-table-cell-ellipsis{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.translation-table+.ant-pagination,.translation-table .ant-pagination{margin:16px 0!important;padding:12px 16px!important;background:#f8fafc!important;border-radius:10px!important}@media (max-width: 1200px){.language-controls-bar{padding:16px}.control-group{min-width:160px}.language-controls-bar .ant-select{min-width:180px}}@media (max-width: 992px){.language-settings-container{padding:16px}.language-settings-header{flex-direction:column;text-align:center;padding:16px}.language-settings-header h1{font-size:20px}.language-controls-bar{flex-direction:column;align-items:stretch}.control-group{width:100%;min-width:unset}.control-group.currency-group{flex-direction:column;align-items:stretch}.control-group.currency-group .control-select-wrapper{width:100%}.language-controls-bar .ant-select{width:100%!important;min-width:unset}.action-buttons-group{width:100%;flex-direction:column;margin-left:0}.action-buttons-group .ant-btn{width:100%}.save-currency-btn,.bulk-translate-btn,.translate-selected-btn{width:100%!important}}@media (max-width: 768px){.language-settings-container{padding:12px;border-radius:12px}.language-settings-header{border-radius:12px;padding:14px}.language-settings-header h1{font-size:18px}.language-settings-header h1 .header-icon{font-size:22px}.language-controls-bar{border-radius:12px;gap:12px}.language-content-card{border-radius:12px}.language-content-card .ant-table-wrapper,.language-content-card .ant-table{border-radius:12px!important}}@media (max-width: 576px){.control-label{font-size:12px}.language-controls-bar .ant-select-selector{height:38px!important}.save-currency-btn,.bulk-translate-btn,.translate-selected-btn{height:38px!important;font-size:13px!important}}.erp-test-container{padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:100vh;display:flex;flex-direction:column;overflow:hidden}.erp-test-header{margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.erp-test-content{flex:1;overflow-y:auto;padding-right:8px}.erp-test-content::-webkit-scrollbar{width:6px}.erp-test-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.erp-test-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.erp-test-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.erp-test-title{font-size:24px;font-weight:600;color:#262626;margin:0}.erp-test-description{color:#8c8c8c;margin-top:8px;font-size:14px}@media (max-width: 768px){.erp-test-container{padding:16px;height:calc(100vh - 64px)}.erp-test-header{margin-bottom:16px}.erp-test-content{padding-right:4px}}.currencies-container{padding:15px;background-color:#f5f5f5;min-height:85vh;border-radius:12px}.currencies-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.currencies-header h2{margin:0;color:#1890ff;display:flex;align-items:center;gap:8px}.currencies-header .ant-btn{margin-left:8px}.ant-statistic-title{color:#666;font-size:14px}.ant-statistic-content{color:#262626;font-weight:600}.ant-table-thead>tr>th{background-color:#fafafa;font-weight:600;color:#262626}.ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.ant-table-body{max-height:70vh!important;overflow-y:auto}.currency-symbol{font-size:18px;margin-right:8px}.exchange-rate{font-weight:700;color:#1890ff;font-family:Courier New,monospace}.status-tag{border-radius:4px;font-weight:500}.action-buttons{display:flex;gap:8px}.action-buttons .ant-btn{border-radius:4px}.ant-modal-header{background-color:#fafafa;border-bottom:1px solid #f0f0f0}.ant-modal-title{color:#262626;font-weight:600}.ant-form-item-label>label{font-weight:500;color:#262626}.ant-input,.ant-select-selector{border-radius:6px}.ant-input:focus,.ant-select-focused .ant-select-selector{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.ant-switch-checked{background-color:#52c41a}@media (max-width: 768px){.currencies-container{padding:16px}.currencies-header{flex-direction:column;gap:16px;align-items:stretch}.currencies-header h2{text-align:center}.currencies-header .ant-space{justify-content:center}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:8px 4px}}@media (max-width: 576px){.currencies-container{padding:12px}.ant-card{margin-bottom:12px}.ant-statistic-title{font-size:12px}.ant-statistic-content-value{font-size:18px}}.ant-spin-container{min-height:200px}.ant-message-success{background-color:#f6ffed;border:1px solid #b7eb8f}.ant-message-error{background-color:#fff2f0;border:1px solid #ffccc7}.ant-popover-inner{border-radius:8px}.ant-popover-buttons .ant-btn{border-radius:4px}.ant-tooltip-inner{background-color:#262626;border-radius:6px}.ant-pagination{text-align:center;margin-top:16px}.ant-pagination-item{border-radius:4px}.ant-pagination-item-active{background-color:#1890ff;border-color:#1890ff}.ant-select-dropdown{border-radius:8px;box-shadow:0 4px 12px #00000026}.ant-select-item{border-radius:4px;margin:2px 4px}.ant-select-item-option-selected{background-color:#e6f7ff;color:#1890ff}.ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #f0f0f0}.ant-card-head{border-bottom:1px solid #f0f0f0}.ant-card-body{padding:16px}.ant-space{display:flex;align-items:center}.ant-btn{border-radius:6px;font-weight:500;transition:all .3s ease}.ant-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.ant-btn-primary{background-color:#1890ff;border-color:#1890ff}.ant-btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.ant-btn-dangerous{background-color:#ff4d4f;border-color:#ff4d4f}.ant-btn-dangerous:hover{background-color:#ff7875;border-color:#ff7875}.business-profile-container{padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:100vh;display:flex;flex-direction:column;overflow:hidden}.business-profile-header{margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.business-profile-content{flex:1;overflow-y:auto;padding-right:8px}.business-profile-content::-webkit-scrollbar{width:6px}.business-profile-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.business-profile-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.business-profile-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.business-profile-title{font-size:24px;font-weight:600;color:#262626;margin:0}.business-profile-description{color:#8c8c8c;margin-top:8px;font-size:14px}.profile-form-section{margin-bottom:32px}.section-title{font-size:18px;font-weight:500;color:#262626;margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-icon{color:#1890ff}.logo-upload-section{text-align:center;padding:32px;border:2px dashed #d9d9d9;border-radius:8px;transition:border-color .3s}.logo-upload-section:hover{border-color:#1890ff}.logo-preview{margin-bottom:16px}.logo-image{max-width:200px;max-height:120px;object-fit:contain;border-radius:8px}.logo-actions{display:flex;gap:8px;justify-content:center;margin-top:16px}.banner-upload-section{border:2px dashed #d9d9d9;border-radius:8px;padding:24px;transition:border-color .3s}.banner-upload-section:hover{border-color:#1890ff}.banner-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px}.banner-item{position:relative;border-radius:8px;overflow:hidden;border:1px solid #f0f0f0}.banner-image{width:100%;height:120px;object-fit:cover}.banner-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px}.banner-delete-btn{background:#ff4d4fe6;border:none;border-radius:4px;color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s}.banner-delete-btn:hover{background:#ff4d4f}.social-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.social-media-item{display:flex;align-items:center;gap:12px}.social-icon{font-size:24px;width:40px;text-align:center}.instagram-icon{color:#e4405f}.facebook-icon{color:#1877f2}.twitter-icon{color:#1da1f2}.linkedin-icon{color:#0077b5}.youtube-icon{color:red}.website-icon{color:#52c41a}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.form-actions{display:flex;justify-content:center;gap:16px;padding-top:24px;border-top:1px solid #f0f0f0;margin-top:32px}.carousel-container{border-radius:8px;overflow:hidden;margin-bottom:16px}.carousel-image{width:100%;height:300px;object-fit:cover}.upload-text{color:#8c8c8c;font-size:14px;margin-top:8px}.upload-hint{color:#bfbfbf;font-size:12px;margin-top:4px}.welcome-background-upload-section{text-align:center;padding:32px;border:2px dashed #d9d9d9;border-radius:8px;transition:border-color .3s}.welcome-background-upload-section:hover{border-color:#1890ff}.welcome-background-preview{margin-bottom:16px}.welcome-background-image{max-width:200px;max-height:300px;object-fit:contain;border-radius:8px;border:1px solid #f0f0f0}.welcome-background-actions{display:flex;gap:8px;justify-content:center;margin-top:16px}.opening-hours-container{border:1px solid #f0f0f0;border-radius:8px;padding:16px}.opening-hours-container .ant-checkbox-wrapper{font-weight:500;color:#262626}.opening-hours-container .ant-time-picker{width:48%}.opening-hours-container .ant-picker-range{width:100%}@media (max-width: 768px){.business-profile-container{padding:16px;height:calc(100vh - 64px)}.business-profile-header{margin-bottom:16px}.business-profile-content{padding-right:4px}.social-media-grid,.contact-info-grid{grid-template-columns:1fr}.banner-preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.form-actions{flex-direction:column}.opening-hours-container .ant-col-6{margin-bottom:8px}}.app-texts-manager{padding:20px}.app-texts-manager .header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.app-texts-manager h2{margin:0;font-size:24px;font-weight:600;color:#1890ff}.app-texts-manager .ant-table{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.app-texts-manager .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.app-texts-manager code{font-family:Courier New,monospace;font-size:12px}.orders-container{padding:24px}.orders-container .ant-card{box-shadow:0 2px 8px #0000001a}.orders-container .ant-table{background:#fff}.orders-container .ant-tag{font-size:13px;padding:4px 12px;border-radius:4px}.orders-container .ant-table-wrapper{max-height:600px}.orders-container .ant-table-body{max-height:600px;overflow-y:auto!important}.orders-container .ant-table-body::-webkit-scrollbar{width:8px;height:8px}.orders-container .ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.orders-container .ant-table-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.orders-container .ant-table-body::-webkit-scrollbar-thumb:hover{background:#555}.dashboard-container{padding:24px;background-color:#f0f2f5;min-height:calc(100vh - 64px);border-radius:12px}.dashboard-container h1{color:#262626;font-size:28px;font-weight:600}.dashboard-container .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.dashboard-container .ant-statistic-title{font-size:14px;color:#8c8c8c}.dashboard-container .ant-statistic-content{font-size:24px;font-weight:600}.dashboard-container .ant-table{font-size:14px}@media (max-width: 768px){.dashboard-container{padding:16px}.dashboard-container h1{font-size:24px}.dashboard-container .ant-statistic-content{font-size:20px}}.businesses-container{padding:24px;background-color:#f0f2f5;min-height:calc(100vh - 64px)}.businesses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.businesses-header h1{margin:0;color:#262626;font-size:24px;font-weight:600}.business-detail{max-height:500px;overflow-y:auto}.detail-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.detail-section:last-child{border-bottom:none}.detail-section h3{margin-bottom:12px;color:#262626;font-size:16px;font-weight:600}.detail-section p{margin-bottom:8px;color:#595959;font-size:14px}.detail-section p strong{color:#262626;margin-right:8px}@media (max-width: 768px){.businesses-container{padding:16px}.businesses-header{flex-direction:column;align-items:flex-start;gap:16px}.businesses-header h1{font-size:20px}}.business-users-container{padding:24px;background-color:#f0f2f5;min-height:calc(100vh - 64px);position:relative;border-radius:12px}.business-users-back-button{position:absolute;top:24px;left:24px;z-index:10}.business-users-title{margin:0 0 24px;padding-top:8px;padding-left:120px;color:#262626;font-size:24px;font-weight:600}.business-users-filters{margin-bottom:16px}.business-users-role-filter{width:180px;min-width:150px}.business-users-add-button{white-space:nowrap}.business-users-table{background:#fff;border-radius:8px;overflow:hidden}.business-users-table .ant-table{font-size:14px}.business-users-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#262626}.business-users-table .ant-table-tbody>tr:hover>td{background:#f5f5f5}.business-users-name{font-weight:500;color:#262626}.business-users-email{color:#595959;word-break:break-word}@media (max-width: 1200px){.business-users-container{padding:20px}}@media (max-width: 992px){.business-users-container{padding:16px}.business-users-back-button{top:16px;left:16px}.business-users-title{padding-left:100px;font-size:22px;margin-bottom:20px}.business-users-filters .ant-space{flex-direction:column;align-items:stretch!important}.business-users-filters .ant-space-item,.business-users-role-filter,.business-users-add-button{width:100%}.business-users-table{overflow-x:auto}.business-users-table .ant-table{min-width:600px}}@media (max-width: 768px){.business-users-container{padding:12px}.business-users-back-button{top:12px;left:12px;padding:4px 8px;font-size:14px;height:auto}.business-users-title{padding-left:80px;font-size:20px;margin-bottom:16px;padding-top:4px}.business-users-table .ant-table{font-size:13px}.business-users-table .ant-table-thead>tr>th{padding:12px 8px;font-size:12px}.business-users-table .ant-table-tbody>tr>td{padding:12px 8px;font-size:12px}.business-users-name{font-size:13px}.business-users-email{font-size:12px}}@media (max-width: 576px){.business-users-container{padding:8px}.business-users-back-button{top:8px;left:8px;padding:4px 8px;font-size:12px;height:auto}.business-users-back-button .anticon{font-size:14px}.business-users-title{padding-left:70px;font-size:18px;margin-bottom:12px;line-height:1.4}.business-users-filters{margin-bottom:12px}.business-users-table .ant-table{min-width:500px}.business-users-table .ant-table-thead>tr>th,.business-users-table .ant-table-tbody>tr>td{padding:8px 6px;font-size:11px}.business-users-table .ant-table-thead>tr>th:first-child,.business-users-table .ant-table-tbody>tr>td:first-child{display:none}}.business-users-table .ant-table-body{scrollbar-width:thin;scrollbar-color:#d9d9d9 #f0f0f0}.business-users-table .ant-table-body::-webkit-scrollbar{height:8px}.business-users-table .ant-table-body::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.business-users-table .ant-table-body::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}.business-users-table .ant-table-body::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.login-container{font-family:Inter,Segoe UI,sans-serif}.login-right-section,.login-left-section{height:100vh;position:relative}.login-left-content{position:absolute;top:50%;transform:translateY(-50%);width:100%;max-width:500px}@media (max-width: 1024px){.login-left-section{padding:60px!important}.login-brand-title{font-size:40px!important}.login-brand-subtitle{font-size:20px!important}}@media (max-width: 768px){.login-container{flex-direction:column!important}.login-left-section{padding:40px 30px!important;min-height:40vh;height:auto!important;align-items:center!important;text-align:center}.login-right-section{height:auto!important}.login-left-content{position:static;transform:none;max-width:100%}.login-brand-title{font-size:36px!important}.login-brand-subtitle{font-size:18px!important;max-width:100%!important}.login-button-group{justify-content:center}.login-right-section{padding:30px 20px!important}.login-card{padding:32px 24px!important}}@media (max-width: 480px){.login-brand-title{font-size:28px!important}.login-brand-subtitle{font-size:16px!important}.login-button-group{flex-direction:column;width:100%}.login-primary-button,.login-secondary-button{width:100%;justify-content:center}.login-card{padding:24px 20px!important}.login-card-title{font-size:24px!important}}.login-primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.login-secondary-button:hover{background:#ffffff1a!important}.ant-input:focus,.ant-input-password:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important}.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#3b82f6;font-weight:600}.ant-tabs .ant-tabs-ink-bar{background:#3b82f6}.ant-btn-loading{opacity:.7}.login-card .ant-form-item{margin-bottom:20px}.login-card .ant-form-item:last-of-type{margin-bottom:0}@media (max-height: 800px){.login-left-section{padding:40px 80px!important}.login-brand-title{font-size:40px!important;margin-bottom:16px!important}.login-brand-subtitle{font-size:20px!important;margin-bottom:32px!important}.login-right-section{padding:20px!important}.login-card{padding:32px!important;margin:10px 0!important}.login-card-title{font-size:28px!important;margin-bottom:4px!important}.login-card-subtitle{margin-bottom:20px!important}.ant-form-item,.login-container .ant-tabs{margin-bottom:16px!important}.ant-form-item[style*=marginTop]{margin-top:20px!important}}@media (max-height: 700px){.login-left-section{padding:30px 60px!important}.login-brand-title{font-size:36px!important;margin-bottom:12px!important}.login-brand-subtitle{font-size:18px!important;margin-bottom:24px!important}.login-button-group{margin-top:20px!important}.login-card{padding:24px!important}.login-card-title{font-size:24px!important}.ant-form-item{margin-bottom:12px!important}.ant-input,.ant-input-password{padding:8px 12px!important;font-size:14px!important}.ant-btn{height:40px!important;font-size:15px!important}.login-test-info{margin-top:16px!important;padding:12px!important;font-size:12px!important}.ant-form-item[style*=marginTop]{margin-top:16px!important}.ant-row{margin-left:-6px!important;margin-right:-6px!important}.ant-col{padding-left:6px!important;padding-right:6px!important}}@media (max-height: 650px){.login-card{padding:20px!important}.login-card-title{font-size:22px!important}.login-card-subtitle{font-size:13px!important;margin-bottom:16px!important}.ant-form-item{margin-bottom:10px!important}.ant-form-item-label{padding:0 0 4px!important}.login-test-info{margin-top:12px!important;padding:10px!important;font-size:11px!important;line-height:1.4!important}.login-test-info>div{margin-bottom:4px!important}.login-test-info>div:first-child{margin-bottom:6px!important}.ant-form-item[style*=marginTop]{margin-top:12px!important}}html,body{box-sizing:border-box;margin:0;padding:0;height:100%;overflow-y:auto;overflow-x:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App{display:block;background-color:#e4e4e4;min-height:600px;max-height:2000px;width:80%;height:100%;transition:all .3s ease}@media (min-width: 308px){.App{width:100%}}@media (max-width: 1000px){.App{width:100%}}.content{align-items:left;padding:5% 2% 10%;background-color:var(--pmq-border);width:100%;min-height:100vh;height:auto;overflow-y:auto;overflow-x:hidden;transition:all .3s ease}@media (min-width: 901px) and (max-width: 1440px){.content{padding:3% 2% 8%}}@media (min-width: 601px) and (max-width: 900px){.content{padding:15% 2% 8%}}@media (max-width: 600px){.content{padding:20% 4% 10%}}@media (min-width: 1368px) and (max-height: 1080px){.content{width:100%;justify-content:center;align-items:center;padding-top:2%;padding-left:2%;padding-right:2%}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}