@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap";@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=DM+Sans:wght@300;400;500&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000}body{--color-primary: #2563EB;--color-primary-rgb: 37, 99, 235;--color-primary-1: #c5e6ff;--color-secondary: #7C3AED;--color-bg: #F8FAFC;--color-bg-rgb: 248, 250, 252;--color-card: #FFFFFF;--color-card-rgb: 255, 255, 255;--color-text-primary: #0F172A;--color-text-secondary: #64748B;--color-border: #E2E8F0;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}body.dark{--color-bg: #0F172A;--color-bg-rgb: 15, 23, 42;--color-card: #1E293B;--color-card-rgb: 30, 41, 59;--color-text-primary: #F1F5F9;--color-text-secondary: #94A3B8;--color-border: #334155}body{padding-top:70px}.sider .sider-bot{margin:0 8px 8px;padding:12px 16px;border-top:1px solid #f0f0f0;background:#fff;border-radius:10px}.sider .sider-bot>div{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sider .sider-bot .avatar{width:36px;height:36px;min-width:36px;border-radius:50%;background:#d9d9d9;display:block}.sider .sider-bot span{font-size:14px;font-weight:500;color:#222;line-height:1}.sider .sider-bot button{width:100%;height:36px;border:none;border-radius:8px;background:#1677ff;color:#fff;font-size:14px;cursor:pointer}.sider .sider-bot button:hover{background:#4096ff}.header-admin{width:100%;display:flex;align-items:center;justify-content:space-between}.header-admin .notification{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;cursor:pointer;transition:background .2s}.header-admin .notification svg{font-size:22px;color:#555;transition:color .2s,transform .3s}.header-admin .notification:hover{background:#f0f0f0}.header-admin .notification:hover svg{color:#1677ff}.header-admin .notification.has-noti svg{animation:bell-shake .6s ease infinite alternate;color:#1677ff}@keyframes bell-shake{0%{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.noti-dropdown{width:450px;max-height:550px;overflow-y:auto;padding:0 8px 8px}.noti-dropdown::-webkit-scrollbar{width:6px}.noti-dropdown::-webkit-scrollbar-track{background:transparent}.noti-dropdown::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.noti-dropdown::-webkit-scrollbar-thumb:hover{background:#d1d5db}.noti-dropdown .noti-header{display:flex;justify-content:space-between;align-items:center;padding:12px 8px;border-bottom:1px solid #f0f0f0;margin-bottom:8px;font-weight:600;font-size:16px;color:#111827}.noti-dropdown .noti-header button{background:none;border:none;color:#1677ff;cursor:pointer;font-size:13px;padding:0}.noti-dropdown .noti-header button:hover{text-decoration:underline}.noti-dropdown .noti-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px!important;border-radius:8px;transition:background .15s;cursor:pointer;margin-bottom:8px;border:1px solid rgb(217,217,217)}.noti-dropdown .noti-item h4{font-size:16px;color:#2a82ca;margin-bottom:4px}.noti-dropdown .noti-item:hover{background:#f5f5f5}.noti-dropdown .noti-item.unread{background:#e8f0fe}.noti-dropdown .noti-item.unread:hover{background:#d4e4fd}.noti-dropdown .noti-item .noti-text{display:flex;flex-direction:column;gap:4px;flex:1}.noti-dropdown .noti-item .noti-text .noti-time{font-size:12px;color:#888}.noti-dropdown .noti-item .noti-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:#1677ff;margin-left:12px}@media(max-width:520px){.noti-dropdown{width:320px}}.admin-chatbot-wrapper{position:fixed;bottom:30px;right:30px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end}.admin-chatbot-wrapper .chatbot-toggle-btn{position:relative;width:64px;height:64px;border-radius:50%;background:#1677ff;color:#fff;border:none;box-shadow:0 4px 16px #1677ff66;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:28px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);outline:none;z-index:100}.admin-chatbot-wrapper .chatbot-toggle-btn:hover{transform:scale(1.1);box-shadow:0 6px 24px #1677ff99}.admin-chatbot-wrapper .chatbot-toggle-btn .bot-avatar-img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;object-fit:cover;z-index:10}.admin-chatbot-wrapper .chatbot-toggle-btn .anticon-close{position:relative;z-index:10}.admin-chatbot-wrapper.auto-pilot-active .chatbot-toggle-btn:before,.admin-chatbot-wrapper.auto-pilot-active .chatbot-toggle-btn:after{content:"";position:absolute;inset:-8px;z-index:1;background:transparent}.admin-chatbot-wrapper.auto-pilot-active .chatbot-toggle-btn:before{border:2px solid #00f2fe;box-shadow:0 0 10px #00f2fe,inset 0 0 10px #00f2fe;animation:morphWave 4s ease-in-out infinite,spinWave 8s linear infinite}.admin-chatbot-wrapper.auto-pilot-active .chatbot-toggle-btn:after{border:2px solid #e056fd;box-shadow:0 0 10px #e056fd,inset 0 0 10px #e056fd;animation:morphWave 5s ease-in-out infinite reverse,spinWave 10s linear infinite reverse}.admin-chatbot-wrapper .chatbot-window{position:absolute;bottom:80px;right:0;width:380px;height:550px;background:#fff;border-radius:16px;box-shadow:0 12px 48px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:slideUpFade .4s cubic-bezier(.16,1,.3,1) forwards;border:1px solid #f0f0f0;transition:all .3s cubic-bezier(.25,.8,.25,1)}.admin-chatbot-wrapper .chatbot-window.expanded{width:550px}.admin-chatbot-wrapper .chatbot-window .chatbot-header{background:linear-gradient(135deg,#1677ff,#0958d9);padding:15px;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center}.admin-chatbot-wrapper .chatbot-window .chatbot-header .header-info{display:flex;align-items:center;gap:12px}.admin-chatbot-wrapper .chatbot-window .chatbot-header .header-info h4{margin:0;color:#fff;font-size:16px;font-weight:600}.admin-chatbot-wrapper .chatbot-window .chatbot-header .header-info span{font-size:12px;color:#52c41a;display:flex;align-items:center;gap:6px;font-weight:500}.admin-chatbot-wrapper .chatbot-window .chatbot-header .header-info span:before{content:"";width:8px;height:8px;background:#52c41a;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #52c41a33;animation:pulse-dot 2s infinite}.admin-chatbot-wrapper .chatbot-window .chatbot-header .header-actions{display:flex;align-items:center}.admin-chatbot-wrapper .chatbot-window .chatbot-header .header-actions .ant-btn:hover{background:#fff3!important}.admin-chatbot-wrapper .chatbot-window .chatbot-body{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:#f8fafc}.admin-chatbot-wrapper .chatbot-window .chatbot-body::-webkit-scrollbar{width:6px}.admin-chatbot-wrapper .chatbot-window .chatbot-body::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.admin-chatbot-wrapper .chatbot-window .chatbot-body .chat-message{display:flex;max-width:85%;animation:fadeIn .3s ease forwards}.admin-chatbot-wrapper .chatbot-window .chatbot-body .chat-message.ai{align-self:flex-start}.admin-chatbot-wrapper .chatbot-window .chatbot-body .chat-message.ai .message-bubble{background:#fff;color:#374151;border-radius:16px 16px 16px 4px;border:1px solid #e5e7eb}.admin-chatbot-wrapper .chatbot-window .chatbot-body .chat-message.user{align-self:flex-end}.admin-chatbot-wrapper .chatbot-window .chatbot-body .chat-message.user .message-bubble{background:#1677ff;color:#fff;border-radius:16px 16px 4px}.admin-chatbot-wrapper .chatbot-window .chatbot-body .chat-message .message-bubble{padding:12px 16px;font-size:14px;line-height:1.5;box-shadow:0 2px 4px #00000005}.admin-chatbot-wrapper .chatbot-window .chatbot-footer{padding:15px 20px;background:#fff;z-index:10}.admin-chatbot-wrapper .chatbot-window .chatbot-footer .premium-input-wrapper{display:flex;align-items:center;padding:8px 8px 8px 16px;background:#fff;border-radius:30px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.admin-chatbot-wrapper .chatbot-window .chatbot-footer .premium-input-wrapper:focus-within{border-color:#d1d5db;box-shadow:0 6px 16px #00000014}.admin-chatbot-wrapper .chatbot-window .chatbot-footer .premium-input-wrapper .ant-input{background:transparent;border:none;box-shadow:none;padding:0;font-size:14px;color:#374151}.admin-chatbot-wrapper .chatbot-window .chatbot-footer .premium-input-wrapper .ant-input:focus{box-shadow:none}.admin-chatbot-wrapper .chatbot-window .chatbot-footer .premium-input-wrapper .ant-input::placeholder{color:#9ca3af;font-weight:500}.admin-chatbot-wrapper .chatbot-window .chatbot-footer .premium-input-wrapper .ant-input-prefix{margin-right:12px}.admin-chatbot-wrapper .chatbot-window .chatbot-footer .premium-input-wrapper .send-btn-premium{background:linear-gradient(135deg,#ff4d4f,#ff7875);border:none;color:#fff;box-shadow:0 2px 8px #ff4d4f66;transition:all .2s ease}.admin-chatbot-wrapper .chatbot-window .chatbot-footer .premium-input-wrapper .send-btn-premium:hover{transform:scale(1.05);box-shadow:0 4px 12px #ff4d4f99;background:linear-gradient(135deg,#ff7875,#ff4d4f)}.admin-chatbot-wrapper .chatbot-window .chatbot-footer .premium-input-wrapper .send-btn-premium:disabled{background:#f3f4f6;color:#d1d5db;box-shadow:none}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%{box-shadow:0 0 #52c41a66}70%{box-shadow:0 0 0 6px #52c41a00}to{box-shadow:0 0 #52c41a00}}@keyframes morphWave{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}33%{border-radius:50% 50% 30% 70%/50% 70% 30% 50%}66%{border-radius:70% 30% 50% 50%/30% 50% 70%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}@keyframes spinWave{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.listening-pulse{animation:micPulse 1.5s infinite;background-color:#ff4d4f1a!important;border-radius:50%}@keyframes micPulse{0%{box-shadow:0 0 #ff4d4f66}70%{box-shadow:0 0 0 10px #ff4d4f00}to{box-shadow:0 0 #ff4d4f00}}.ai-working-toast{position:fixed;top:25px;right:-250px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;box-shadow:0 4px 15px #00000014;display:flex;align-items:center;padding:6px 16px 6px 6px;gap:10px;z-index:99999;border:1px solid rgba(22,119,255,.15);transition:right .4s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.ai-working-toast.show{right:25px}.ai-working-toast .toast-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;animation:pulse-red 1.5s infinite}.ai-working-toast .toast-content{display:flex;flex-direction:column;justify-content:center}.ai-working-toast .toast-content .toast-title{font-size:10px;font-weight:800;color:#1677ff;text-transform:uppercase;letter-spacing:.5px;line-height:1;margin-bottom:3px}.ai-working-toast .toast-content .toast-msg{font-size:13px;color:#333;font-weight:500;line-height:1}@keyframes pulse-red{0%{box-shadow:0 0 #ff4d4f66}70%{box-shadow:0 0 0 4px #ff4d4f00}to{box-shadow:0 0 #ff4d4f00}}.global-robot-overlay{position:fixed;top:16px;left:50%;transform:translate(-50%);width:fit-content;border-radius:30px;z-index:10000;background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca);padding:10px 24px;display:flex;align-items:center;justify-content:center;animation:robotSlideDownCenter .5s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 4px 20px #4338ca66}.global-robot-overlay__content{display:flex;align-items:center;gap:14px}.global-robot-overlay__pulse{width:10px;height:10px;border-radius:50%;background:#22c55e;animation:robotPulse 1.2s infinite}.global-robot-overlay__icon{font-size:26px;animation:robotBounce 1s ease-in-out infinite}.global-robot-overlay__text{display:flex;flex-direction:column;gap:2px}.global-robot-overlay__text strong{color:#fff;font-size:14px;font-weight:700;letter-spacing:.3px}.global-robot-overlay__text span{color:#c7d2fe;font-size:13px;font-weight:500}.global-robot-overlay .robot-thought-bubble{position:absolute;bottom:-45px;right:-20px;background:#fff;color:#374151;padding:8px 14px;border-radius:4px 16px 16px;font-size:12px;font-weight:600;box-shadow:0 4px 12px #00000026;white-space:nowrap;animation:bubbleFloat 3s ease-in-out infinite;pointer-events:none}.global-robot-overlay .robot-thought-bubble:before{content:"";position:absolute;top:-6px;left:12px;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:-6px -8px 0 -3px #fff}@keyframes bubbleFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}}@keyframes robotSlideDownCenter{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}.god-mode-overlay{background:linear-gradient(135deg,#111827,#000);border:1px solid #d4af37;box-shadow:0 4px 25px #d4af3766;pointer-events:none}.god-mode-overlay .god-mode-pulse{background:radial-gradient(circle,#d4af37,#d4af3700 70%);animation:godModePulse 1.5s infinite}.god-mode-overlay .god-mode-icon{font-size:28px;text-shadow:0 0 15px #d4af37;animation:godModeFloat 3s ease-in-out infinite}.god-mode-overlay .god-mode-title{color:#d4af37!important;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 5px rgba(212,175,55,.5)}.god-mode-overlay .god-mode-desc{color:#fef08a!important}.god-mode-overlay .god-mode-bubble{background:#1f2937;color:#fef08a;border:1px solid #d4af37;box-shadow:0 4px 15px #d4af3733}.god-mode-overlay .god-mode-bubble:before{background:#1f2937;box-shadow:-6px -8px 0 -3px #1f2937;border:1px solid #d4af37;border-bottom:none;border-right:none}@keyframes godModePulse{0%{box-shadow:0 0 #d4af3799}70%{box-shadow:0 0 0 12px #d4af3700}to{box-shadow:0 0 #d4af3700}}@keyframes godModeFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}}.direct-message-overlay{box-shadow:0 4px 25px #ef444480}.direct-message-overlay .dm-pulse{background:#fca5a5;animation:dmPulse 1s infinite}.direct-message-overlay .soundwave-container{display:flex;align-items:center;gap:3px;height:14px;margin-top:4px}.direct-message-overlay .soundwave-container .wave{display:inline-block;width:3px;height:100%;background-color:#fff;border-radius:3px;animation:soundwave 1s ease-in-out infinite}.direct-message-overlay .soundwave-container .wave:nth-child(1){animation-delay:.1s}.direct-message-overlay .soundwave-container .wave:nth-child(2){animation-delay:.3s}.direct-message-overlay .soundwave-container .wave:nth-child(3){animation-delay:.5s}.direct-message-overlay .soundwave-container .wave:nth-child(4){animation-delay:.2s}.direct-message-overlay .soundwave-container .wave:nth-child(5){animation-delay:.4s}.direct-message-overlay .dm-bubble{z-index:10001;font-size:14px;padding:12px 20px;box-shadow:0 8px 24px #ef44444d;border-top-left-radius:16px;animation:dmBubbleFloat 2.5s ease-in-out infinite}@keyframes soundwave{0%,to{height:20%}50%{height:100%}}@keyframes dmPulse{0%{box-shadow:0 0 #fca5a599}70%{box-shadow:0 0 0 10px #fca5a500}to{box-shadow:0 0 #fca5a500}}@keyframes dmBubbleFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.03)}}.admin-dashboard{padding:0 0 24px}.admin-dashboard__header{margin-bottom:24px}.admin-dashboard__header h3{margin-bottom:4px;margin-top:0;color:#1f2937;font-weight:700}.admin-dashboard__header p{color:#6b7280;margin:0;font-size:14px}.admin-dashboard__stats{margin-bottom:24px}.admin-dashboard__stats .stat-card{border-radius:12px;box-shadow:0 2px 12px #0000000a;transition:all .3s ease;border:1px solid #f0f0f0}.admin-dashboard__stats .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.admin-dashboard__stats .stat-card .stat-card-inner{display:flex;justify-content:space-between;align-items:flex-end}.admin-dashboard__stats .stat-card .stat-card-inner .ant-statistic{flex:1;min-width:0}.admin-dashboard__stats .stat-card .stat-card-inner .mini-chart{width:80px;flex-shrink:0;margin-bottom:5px}.admin-dashboard__stats .stat-card .stat-card-footer{margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6;font-size:13px;color:#9ca3af}.admin-dashboard__stats .stat-card .stat-card-footer .trend{font-weight:600;padding:2px 8px;border-radius:4px;margin-right:6px}.admin-dashboard__stats .stat-card .stat-card-footer .trend.up{background:#f6ffed;color:#52c41a}.admin-dashboard__stats .stat-card .stat-card-footer .trend.down{background:#fff2f0;color:#ff4d4f}.admin-dashboard__stats .stat-card .ant-statistic-title{font-size:13px;color:#6b7280;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-dashboard__stats .stat-card .ant-statistic-content-prefix{margin-right:14px;font-size:20px;width:42px;height:42px;background:#f3f4f6;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#4b5563}.admin-dashboard__content .content-card,.admin-dashboard__charts .content-card{border-radius:12px;box-shadow:0 2px 12px #0000000a;border:1px solid #f0f0f0;height:100%}.admin-dashboard__content .content-card .ant-card-head,.admin-dashboard__charts .content-card .ant-card-head{border-bottom:1px solid #f3f4f6;padding:0 24px;min-height:60px}.admin-dashboard__content .content-card .ant-card-head .ant-card-head-title,.admin-dashboard__charts .content-card .ant-card-head .ant-card-head-title{font-size:15px;font-weight:700;color:#1f2937}.admin-dashboard__content .content-card .ant-card-body,.admin-dashboard__charts .content-card .ant-card-body{padding:24px}.admin-dashboard__content .pie-legend,.admin-dashboard__charts .pie-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:16px}.admin-dashboard__content .pie-legend .legend-item,.admin-dashboard__charts .pie-legend .legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#4b5563}.admin-dashboard__content .pie-legend .legend-item .color-box,.admin-dashboard__charts .pie-legend .legend-item .color-box{width:12px;height:12px;border-radius:3px}.admin-dashboard__content .location-card .location-item,.admin-dashboard__charts .location-card .location-item{margin-bottom:20px}.admin-dashboard__content .location-card .location-item .loc-head,.admin-dashboard__charts .location-card .location-item .loc-head{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px;color:#374151}.admin-dashboard__content .activity-list,.admin-dashboard__charts .activity-list{display:flex;flex-direction:column;gap:24px}.admin-dashboard__content .activity-list .activity-item,.admin-dashboard__charts .activity-list .activity-item{display:flex;align-items:flex-start;gap:16px}.admin-dashboard__content .activity-list .activity-item .dot,.admin-dashboard__charts .activity-list .activity-item .dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex-shrink:0}.admin-dashboard__content .activity-list .activity-item .dot-blue,.admin-dashboard__charts .activity-list .activity-item .dot-blue{background:#1677ff;box-shadow:0 0 0 4px #1677ff26}.admin-dashboard__content .activity-list .activity-item .dot-green,.admin-dashboard__charts .activity-list .activity-item .dot-green{background:#52c41a;box-shadow:0 0 0 4px #52c41a26}.admin-dashboard__content .activity-list .activity-item .dot-orange,.admin-dashboard__charts .activity-list .activity-item .dot-orange{background:#faad14;box-shadow:0 0 0 4px #faad1426}.admin-dashboard__content .activity-list .activity-item .dot-purple,.admin-dashboard__charts .activity-list .activity-item .dot-purple{background:#722ed1;box-shadow:0 0 0 4px #722ed126}.admin-dashboard__content .activity-list .activity-item .info p,.admin-dashboard__charts .activity-list .activity-item .info p{margin:0 0 6px;color:#374151;font-size:14px;line-height:1.5}.admin-dashboard__content .activity-list .activity-item .info small,.admin-dashboard__charts .activity-list .activity-item .info small{color:#9ca3af;font-size:12px;font-weight:500}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#d1d5db}.review-list-item:hover{background-color:#f3f4f6;cursor:pointer}.admin-product-page__title{font-size:24px;font-weight:600;margin-bottom:20px}.admin-product-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;background:#fff;padding:18px;border-radius:10px;border:1px solid #eee}.admin-stat-card{background:#fff;padding:18px;border-radius:10px;border:1px solid #eee}.admin-stat-card p{font-size:14px;color:#777;display:flex;align-items:center;gap:8px;margin-bottom:8px}.admin-stat-card h3{margin-top:5px;font-size:22px}.admin-stat-card svg{padding:6px;border-radius:8px;box-sizing:content-box}.admin-stat-total svg{color:#2563eb;background:#d8e8ff;font-size:16px}.admin-stat-active svg{color:#16a34a;background:#ecfdf5;font-size:16px}.admin-stat-out svg{color:#dc2626;background:#fef2f2;font-size:16px}.admin-stat-low svg{color:#d97706;background:#fffbeb;font-size:16px}.admin-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding:16px;background:#fff;border:1px solid #eee;border-radius:10px}.admin-toolbar__filters{flex:1;display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(180px,1fr));gap:10px}.admin-toolbar__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.admin-search{display:flex;align-items:center;border:1px solid #ddd;border-radius:8px;padding:0 10px;min-height:42px;background:#fff}.admin-search input{width:100%;height:100%;border:none;outline:none;padding:8px 6px;background:transparent}.admin-search input:focus{border:none;outline:none}.admin-search svg{color:#888;flex-shrink:0}.admin-toolbar select{min-height:42px;padding:8px 12px;border-radius:8px;border:1px solid #ddd;background:#fff;outline:none}.admin-activity,.admin-reset,.admin-create,.admin-inventory-trigger{min-height:42px;padding:8px 14px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border:none;transition:all .2s ease;white-space:nowrap}.admin-activity{background:#22c55e;color:#fff}.admin-activity:hover{background:#16a34a}.admin-activity:active{background:#008f34}.admin-reset{background:#ff5441;color:#fff}.admin-reset:hover{background:#e24a38}.admin-reset:active{background:#960000}.admin-reset svg{font-size:18px}.admin-create{background:#3273ff;color:#fff;padding:10px 16px;min-width:140px}.admin-create:hover{background:#1d5fe9}.admin-create:active{background:#004ae9;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset}.admin-inventory-menu{position:relative}.admin-inventory-trigger{background:#111827;color:#fff;padding:10px 14px}.admin-inventory-trigger svg{font-size:18px;transition:transform .2s ease}.admin-inventory-trigger:hover{background:#0f172a}.admin-inventory-trigger.is-open svg{transform:rotate(180deg)}.admin-inventory-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 18px 40px #0f172a1f;padding:8px;z-index:20;display:flex;flex-direction:column;gap:4px}.inventory-item{display:flex;align-items:center;justify-content:space-between;color:#111827;padding:10px 12px;border-radius:8px;font-weight:500;transition:all .18s ease}.inventory-item:hover{background:#f8fafc}.inventory-item--import:hover{color:#15803d;background:#f0fdf4}.inventory-item--export:hover{color:#b91c1c;background:#fef2f2}.inventory-item--transfer:hover{color:#6d28d9;background:#f5f3ff}.inventory-item--audit:hover{color:#b45309;background:#fffbeb}.admin-table-wrapper{overflow-x:auto;width:100%}.admin-table-wrapper::-webkit-scrollbar{height:8px}.admin-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.admin-product-table{min-width:1000px;background:#fff;border-radius:10px;border:1px solid #eee;overflow:hidden}.admin-table-header{display:grid;grid-template-columns:50px 300px repeat(6,1fr) 200px;padding:14px;font-weight:600;background:#fafafa;font-size:14px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:5;gap:10px}.admin-table-row{display:grid;grid-template-columns:50px 300px repeat(6,1fr) 200px;padding:14px;align-items:center;border-bottom:1px solid #f3f3f3;transition:background .2s;gap:10px;position:relative}.admin-table-row .admin-featured{position:absolute;top:10px;left:10px;background:linear-gradient(to right,#e20101,#ff7300);font-weight:600;font-size:10px;border:dashed;border-width:2px 4px;border-radius:40px;color:#fff;padding:3px}.admin-table-row .admin-yes{display:block}.admin-table-row .admin-no{display:none}.admin-col-product{position:sticky;left:0;background:#fff;z-index:4}.admin-product-info{display:flex;align-items:center;gap:12px}.admin-product-images{display:flex}.admin-product-images img{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid #eee}.admin-product-images img:not(:first-child){margin-left:-10px}.admin-product-name{font-weight:500}.admin-product-sub{font-size:12px;color:#777}.admin-status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.admin-status.active{background:#e6f7ed;color:#22a06b}.admin-status.inactive{background:#ffc6c6;color:#d05a5a}.admin-status.low{background:#fff3cd;color:#b7791f}.admin-actions{display:flex;gap:6px}.admin-actions .admin-edit{border:none;background:#3273ff;padding:6px 10px;border-radius:6px;cursor:pointer;color:#fff;font-weight:600}.admin-actions .admin-edit:hover{background:#1d5fe9}.admin-actions .admin-delete{border:none;background:#ff5441;padding:6px 10px;border-radius:6px;cursor:pointer;color:#fff;font-weight:600}.admin-actions .admin-delete:hover{background:#d05a5a}.admin-actions .admin-delete:active{background:#8f0101}@media(max-width:1400px){.admin-toolbar{flex-direction:column;align-items:stretch}.admin-toolbar__filters{grid-template-columns:repeat(4,1fr)}.admin-toolbar__actions{justify-content:flex-start}}@media(max-width:1024px){.admin-product-stats,.admin-toolbar__filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-product-stats{grid-template-columns:repeat(2,1fr)}.admin-toolbar__filters{grid-template-columns:1fr}.admin-toolbar__actions,.admin-toolbar__actions .admin-reset,.admin-toolbar__actions .admin-activity,.admin-toolbar__actions .admin-create,.admin-toolbar__actions .admin-inventory-menu{width:100%}.admin-inventory-dropdown{width:100%;right:auto;left:0}}@media(max-width:600px){.admin-product-stats{display:flex;flex-direction:column}}.pagination-admin{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:16px}.pagination-admin button{border:1px solid #ddd;background:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.pagination-admin button:hover:not(:disabled){background:#f3f4f6;border-color:#ccc}.pagination-admin button:disabled{background:#2563eb;color:#fff;border-color:#2563eb;cursor:default}.pagination-admin_left{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pagination-admin_right{border:1px solid #ddd;padding:6px 10px;border-radius:6px;background:#fff;font-size:14px;cursor:pointer}.pagination-admin_right:focus{outline:none;border-color:#2563eb}.product-form{padding:28px;background:#f1f5f9;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pf-header{margin-bottom:24px}.pf-header .pf-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#2563eb;margin:0 0 6px}.pf-header h2{font-size:20px;font-weight:600;color:#0f172a;margin:0 0 3px}.pf-header>p{font-size:13px;color:#64748b;margin:0}.pf-grid{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}.pf-left,.pf-right{display:flex;flex-direction:column;gap:14px}.pf-toggles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pf-card{background:#fff;border-radius:12px;border:1px solid #E2E8F0;overflow:hidden}.pf-card__head{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid #F1F5F9}.pf-card__head svg{font-size:15px;color:#94a3b8;flex-shrink:0}.pf-card__head span{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#94a3b8}.pf-card__body{padding:16px}.fg{display:flex;flex-direction:column;margin-bottom:12px}.fg:last-child{margin-bottom:0}.fg label{font-size:12px;font-weight:500;color:#334155;margin-bottom:5px}.fg input,.fg select,.fg textarea{height:36px;padding:0 11px;border-radius:7px;border:1.5px solid #E2E8F0;font-size:13px;color:#0f172a;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.fg input::placeholder,.fg select::placeholder,.fg textarea::placeholder{color:#94a3b8}.fg input:hover,.fg select:hover,.fg textarea:hover{border-color:#cbd5e1}.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.fg select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:32px;cursor:pointer}.fg textarea{height:auto;min-height:90px;padding:9px 11px;resize:vertical;line-height:1.55}.pf-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pf-row2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.spec-row{display:grid;grid-template-columns:1fr 1fr 32px;gap:8px;align-items:center;margin-bottom:8px}.spec-row input{height:34px;padding:0 10px;border-radius:7px;border:1.5px solid #E2E8F0;font-size:13px;color:#0f172a;outline:none;transition:border-color .15s,box-shadow .15s}.spec-row input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.spec-row .spec-rm{width:32px;height:32px;background:#fef2f2;border:none;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#dc2626;font-size:16px;flex-shrink:0;transition:background .15s}.spec-row .spec-rm:hover{background:#fecaca}.spec-add{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:7px;background:#eff6ff;border:1.5px solid #DBEAFE;color:#2563eb;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.spec-add svg{font-size:14px}.spec-add:hover{background:#dbeafe}.toggle-row{display:flex;align-items:center;gap:10px}.status-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;letter-spacing:.02em}.status-badge.active{background:#f0fdf4;color:#15803d}.status-badge.inactive{background:#fef2f2;color:#dc2626}.status-badge.featured{background:#eff6ff;color:#2563eb}.status-badge.not-featured{background:#f1f5f9;color:#64748b}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:6px;border:1.5px dashed #CBD5E1;border-radius:9px;padding:18px;background:#f8fafc;cursor:pointer;margin-bottom:10px;transition:border-color .15s,background .15s}.upload-zone:last-of-type{margin-bottom:0}.upload-zone:hover{border-color:#2563eb;background:#eff6ff}.upload-zone .upload-icon{font-size:22px;color:#94a3b8}.upload-zone>p{font-size:12px;color:#64748b;margin:0;text-align:center}.upload-zone>p span{color:#94a3b8}.upload-zone .upload-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;background:#fff;border:1px solid #E2E8F0;font-size:12px;font-weight:500;color:#334155}.upload-zone .upload-btn svg{font-size:13px}.upload-zone input[type=file]{display:none}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.preview-img{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:4/3;background:#f1f5f9}.preview-img img{width:100%;height:100%;object-fit:cover;display:block}.preview-img .badge-main{position:absolute;top:6px;left:6px;background:#2563eb;color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.04em}.preview-img .img-remove{position:absolute;top:5px;right:5px;width:22px;height:22px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#dc2626;font-size:14px;transition:background .15s}.preview-img .img-remove:hover{background:#fef2f2}.pf-actions{display:flex;flex-direction:column;gap:8px;padding:14px;border-top:none}.pf-actions .btn-submit{width:100%;height:40px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,transform .12s}.pf-actions .btn-submit svg{font-size:16px}.pf-actions .btn-submit:hover{background:#1451d8}.pf-actions .btn-submit:active{transform:scale(.985)}.pf-actions .btn-cancel{width:100%;height:38px;background:#fff;color:#64748b;border:1.5px solid #E2E8F0;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.pf-actions .btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.loading-corner{position:fixed;top:50px;right:10px;z-index:999;min-width:240px;max-width:320px;overflow:hidden;background:#16a34af2;border-radius:14px;box-shadow:0 10px 30px #0000002e,0 2px 8px #00000014;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.loading-corner-bar{position:absolute;top:0;left:-40%;width:40%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);animation:loadingCornerBar 1.2s linear infinite}@keyframes loadingCornerBar{0%{left:-40%}to{left:100%}}.loading-corner-content{display:flex;align-items:center;gap:12px;padding:14px 18px}.loading-corner-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:loadingCornerSpin .8s linear infinite;flex-shrink:0}@keyframes loadingCornerSpin{to{transform:rotate(360deg)}}.loading-corner-content span{color:#fff;font-size:14px;font-weight:600;line-height:1.4}.category-page__title{font-size:24px;font-weight:600;margin-bottom:20px}.category-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;background:#fff;padding:18px;border-radius:10px;border:1px solid #eee}.stat-out svg{color:#dc2626;background:#fef2f2;font-size:16px}.stat-low svg{color:#d97706;background:#fffbeb;font-size:16px}.category-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:20px}.category-filters .activity{background:#22c55e;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600}.category-filters .activity:active{background:#008f34}.category-filters .reset{background:#ff5441;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600}.category-filters .reset:active{background:#960000}.category-filters .reset svg{font-size:18px}.category-filters input,.category-filters select{padding:8px 12px;border-radius:6px;border:1px solid #ddd}.category-filters .search{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;padding-left:5px}.category-filters .search input{width:100%;border:none;outline:none}.category-filters .search input:focus{border:none;outline:none}.category-filters .create{background:#3273ff;border:none;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;text-decoration:none;padding:8px 14px}.category-filters .create:active{background:#004ae9;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset}.category-table{min-width:1000px;background:#fff;border-radius:10px;border:1px solid #eee;overflow:hidden}.category-table .table-header{display:grid;grid-template-columns:50px 300px repeat(5,1fr) 150px;padding:14px;font-weight:600;background:#fafafa;font-size:14px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:5;gap:10px}.category-table .table-row{display:grid;grid-template-columns:50px 300px repeat(5,1fr) 150px;padding:14px;align-items:center;border-bottom:1px solid #f3f3f3;transition:background .2s;gap:10px;position:relative}.category-table .table-row .featured{position:absolute;top:10px;left:10px;background:linear-gradient(to right,#e20101,#ff7300);font-weight:600;font-size:10px;border:dashed;border-width:2px 4px;border-radius:40px;color:#fff;padding:3px}.category-table .table-row .yes{display:block}.category-table .table-row .no{display:none}.col-category{position:sticky;left:0;background:#fff;z-index:4}.category-info{display:flex;align-items:center;gap:12px}.category-images{display:flex}.category-images img{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid #eee}.category-name{font-weight:500}.category-sub{font-size:12px;color:#777}.status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}@media(max-width:1400px){.category-filters{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.category-stats{grid-template-columns:repeat(2,1fr)}.category-filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.category-stats,.category-filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.category-stats{display:flex;flex-direction:column}.category-filters{grid-template-columns:1fr}}.cc-page{padding:0}.cc-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.cc-page__eyebrow{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#3273ff}.cc-page__title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 4px;letter-spacing:-.3px}.cc-page__desc{color:#94a3b8;font-size:13px;margin:0}.cc-back-btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#475569;background:#fff;border:1px solid #e2e8f0;padding:9px 14px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap;transition:all .15s ease}.cc-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.cc-back-btn svg{font-size:16px}.cc-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}.cc-main,.cc-sidebar{display:flex;flex-direction:column;gap:16px}.cc-card{background:#fff;border:1px solid #e8edf3;border-radius:12px;padding:22px}.cc-card__header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.cc-card__header h3{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 3px;letter-spacing:-.1px}.cc-card__header p{font-size:12px;color:#94a3b8;margin:0}.cc-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cc-form-group{display:flex;flex-direction:column;gap:6px}.cc-form-group--full{grid-column:1/-1}.cc-form-group label{font-size:12px;font-weight:600;color:#475569;letter-spacing:.02em}.cc-form-group input,.cc-form-group select,.cc-form-group textarea{width:100%;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:13px;color:#0f172a;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.cc-form-group input::placeholder,.cc-form-group select::placeholder,.cc-form-group textarea::placeholder{color:#cbd5e1}.cc-form-group input:focus,.cc-form-group select:focus,.cc-form-group textarea:focus{border-color:#3273ff;box-shadow:0 0 0 3px #3273ff14}.cc-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.cc-form-group textarea{resize:vertical;min-height:100px}.cc-upload-zone{border:1.5px dashed #dde3ec;border-radius:10px;padding:28px 20px;text-align:center;background:#fafbfd;transition:all .15s ease;margin-bottom:16px;cursor:pointer}.cc-upload-zone:hover{border-color:#3273ff;background:#f5f8ff}.cc-upload-zone__icon{width:48px;height:48px;border-radius:10px;background:#eef3ff;color:#3273ff;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.cc-upload-zone__icon svg{font-size:22px}.cc-upload-zone__title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 4px}.cc-upload-zone__sub{display:block;font-size:12px;color:#94a3b8;margin-bottom:14px}.cc-upload-btn{display:inline-block;background:#3273ff;color:#fff;padding:8px 16px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.cc-upload-btn:hover{background:#1d63f2}.cc-file-input{display:none}.cc-thumb-preview{position:relative;width:160px}.cc-thumb-preview img{width:100%;border-radius:8px;border:1px solid #e2e8f0;display:block}.cc-thumb-preview__remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:#ef4444;border:none;border-radius:50%;color:#fff;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.cc-thumb-preview__remove:hover{background:#dc2626}.cc-thumb-preview__remove--hidden{display:none}.cc-toggle-list{display:flex;flex-direction:column;gap:10px}.cc-toggle-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #f1f5f9;border-radius:8px;background:#fafbfd;cursor:pointer;transition:border-color .15s}.cc-toggle-item:hover{border-color:#dde3ec}.cc-toggle-item__label{display:block;font-size:13px;font-weight:600;color:#1e293b;margin-bottom:2px}.cc-toggle-item__desc{display:block;color:#94a3b8;font-size:11px}.cc-toggle-item input[type=checkbox]{width:16px;height:16px;accent-color:#3273ff;cursor:pointer;flex-shrink:0}.cc-actions{display:flex;flex-direction:column;gap:10px}.cc-sticky{position:sticky;top:20px}.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .15s ease;width:100%}.cc-btn--primary{background:#3273ff;color:#fff}.cc-btn--primary:hover{background:#1d63f2}.cc-btn--primary:active{background:#1553d6}.cc-btn--outline{background:#fff;color:#475569;border:1px solid #e2e8f0}.cc-btn--outline:hover{background:#f8fafc;border-color:#cbd5e1}.cc-btn--danger{background:#fff5f5;color:#ef4444;border:1px solid #fecaca}.cc-btn--danger:hover{background:#fee2e2}@media(max-width:1024px){.cc-layout{grid-template-columns:1fr}.cc-sticky{position:static}}@media(max-width:768px){.cc-page__header{flex-direction:column;align-items:flex-start}.cc-form-grid{grid-template-columns:1fr}}@media(max-width:600px){.cc-card{padding:16px}.cc-upload-zone{padding:20px 14px}}.uc-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.uc-page__eyebrow{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#3273ff}.uc-page__title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 4px;letter-spacing:-.3px}.uc-page__desc{color:#94a3b8;font-size:13px;margin:0}.uc-back-btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#475569;background:#fff;border:1px solid #e2e8f0;padding:9px 14px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap;transition:all .15s ease}.uc-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.uc-back-btn svg{font-size:16px}.uc-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}.uc-main,.uc-sidebar{display:flex;flex-direction:column;gap:16px}.uc-card{background:#fff;border:1px solid #e8edf3;border-radius:12px;padding:22px}.uc-card__header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.uc-card__header h3{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 3px;letter-spacing:-.1px}.uc-card__header p{font-size:12px;color:#94a3b8;margin:0}.uc-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.uc-form-group{display:flex;flex-direction:column;gap:6px}.uc-form-group--full{grid-column:1/-1}.uc-form-group label{font-size:12px;font-weight:600;color:#475569;letter-spacing:.02em}.uc-form-group input,.uc-form-group select,.uc-form-group textarea{width:100%;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:13px;color:#0f172a;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.uc-form-group input::placeholder,.uc-form-group select::placeholder,.uc-form-group textarea::placeholder{color:#cbd5e1}.uc-form-group input:focus,.uc-form-group select:focus,.uc-form-group textarea:focus{border-color:#3273ff;box-shadow:0 0 0 3px #3273ff14}.uc-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.uc-form-group textarea{resize:vertical;min-height:100px}.uc-upload-zone{border:1.5px dashed #dde3ec;border-radius:10px;padding:28px 20px;text-align:center;background:#fafbfd;transition:all .15s ease;margin-bottom:16px;cursor:pointer}.uc-upload-zone:hover{border-color:#3273ff;background:#f5f8ff}.uc-upload-zone__icon{width:48px;height:48px;border-radius:10px;background:#eef3ff;color:#3273ff;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.uc-upload-zone__icon svg{font-size:22px}.uc-upload-zone__title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 4px}.uc-upload-zone__sub{display:block;font-size:12px;color:#94a3b8;margin-bottom:14px}.uc-upload-btn{display:inline-block;background:#3273ff;color:#fff;padding:8px 16px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.uc-upload-btn:hover{background:#1d63f2}.uc-file-input{display:none}.uc-thumb-preview{position:relative;width:160px}.uc-thumb-preview img{width:100%;border-radius:8px;border:1px solid #e2e8f0;display:block}.uc-thumb-preview__remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:#ef4444;border:none;border-radius:50%;color:#fff;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.uc-thumb-preview__remove:hover{background:#dc2626}.uc-toggle-list{display:flex;flex-direction:column;gap:10px}.uc-toggle-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #f1f5f9;border-radius:8px;background:#fafbfd;cursor:pointer;transition:border-color .15s}.uc-toggle-item:hover{border-color:#dde3ec}.uc-toggle-item__label{display:block;font-size:13px;font-weight:600;color:#1e293b;margin-bottom:2px}.uc-toggle-item__desc{display:block;color:#94a3b8;font-size:11px}.uc-toggle-item input[type=checkbox]{width:16px;height:16px;accent-color:#3273ff;cursor:pointer;flex-shrink:0}.uc-actions{display:flex;flex-direction:column;gap:10px}.uc-sticky{position:sticky;top:20px}.uc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .15s ease;width:100%}.uc-btn--primary{background:#3273ff;color:#fff}.uc-btn--primary:hover{background:#1d63f2}.uc-btn--primary:active{background:#1553d6}.uc-btn--outline{background:#fff;color:#475569;border:1px solid #e2e8f0}.uc-btn--outline:hover{background:#f8fafc;border-color:#cbd5e1}.uc-btn--danger{background:#fff5f5;color:#ef4444;border:1px solid #fecaca}.uc-btn--danger:hover{background:#fee2e2}@media(max-width:1024px){.uc-layout{grid-template-columns:1fr}.uc-sticky{position:static}}@media(max-width:768px){.uc-page__header{flex-direction:column;align-items:flex-start}.uc-form-grid{grid-template-columns:1fr}}@media(max-width:600px){.uc-card{padding:16px}.uc-upload-zone{padding:20px 14px}}.account-admin-page__title{font-size:24px;font-weight:600;margin-bottom:20px}.stat-total svg{color:#2563eb;background:#d8e8ff;font-size:16px}.stat-active svg{color:#16a34a;background:#ecfdf5;font-size:16px}.stat-admin svg{color:#7c3aed;background:#f3e8ff;font-size:16px}.stat-blocked svg{color:#dc2626;background:#fef2f2;font-size:16px}.account-filters .activity{background:#22c55e;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600}.account-filters .reset{background:#ff5441;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600}.account-filters input,.account-filters select{padding:8px 12px;border-radius:6px;border:1px solid #ddd}.account-filters .search{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;padding-left:5px}.account-filters .search input{width:100%;border:none;outline:none}.account-filters .create{background:#3273ff;border:none;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;text-decoration:none;padding:8px 14px}.account-filters .create:active{background:#004ae9;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset}.account-table .table-header{display:grid;grid-template-columns:50px 300px 1fr 1fr 1fr 1fr 150px;padding:14px;font-weight:600;background:#fafafa;font-size:14px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:5;gap:10px}.account-table .table-row{display:grid;grid-template-columns:50px 300px 1fr 1fr 1fr 1fr 150px;padding:14px;align-items:center;border-bottom:1px solid #f3f3f3;transition:background .2s;gap:10px;position:relative}.col-account{position:sticky;left:0;background:#fff;z-index:4}.account-info img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid #eee}.account-name{font-weight:500}@media(max-width:768px){.account-stats,.account-filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.account-stats{display:flex;flex-direction:column}.account-filters{grid-template-columns:1fr}}input,select,button{font-family:inherit}.create-admin-page{min-height:100vh;padding:32px}.create-admin-card{max-width:1280px;margin:0 auto;background:#fff;border:1px solid #e9eef5;border-radius:28px;box-shadow:0 18px 50px #0f172a0f;overflow:hidden}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:32px 36px 24px;border-bottom:1px solid #edf2f7}.card-head h1{margin:6px 0 10px;font-size:34px;font-weight:800;line-height:1.2;color:#111827}.card-head .sub{margin:0;font-size:15px;line-height:1.7;color:#64748b}.eyebrow{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}.head-badge span{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#eff6ff,#eef2ff);color:#1d4ed8;font-size:13px;font-weight:700;white-space:nowrap}.create-admin-body{display:grid;grid-template-columns:340px 1fr;gap:28px;padding:32px 36px 36px}.avatar-panel{display:flex;flex-direction:column;gap:20px}.avatar-preview-wrap,.avatar-upload-box{background:#f8fafc;border:1px solid #e7edf5;border-radius:24px;padding:24px}.avatar-preview-wrap{text-align:center}.avatar-preview{width:170px;height:170px;margin:0 auto 18px;border-radius:50%;overflow:hidden;border:6px solid #ffffff;box-shadow:0 12px 30px #2563eb1f;background:#e2e8f0}.avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}.preview-title{margin:0 0 6px;font-size:18px;font-weight:700;color:#0f172a}.preview-note{margin:0;font-size:14px;color:#64748b}.upload-label{display:inline-block;margin-bottom:12px;font-size:14px;font-weight:700;color:#334155}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:24px;border:2px dashed #cbd5e1;border-radius:20px;background:#fff;cursor:pointer;text-align:center;transition:all .25s ease}.upload-area:hover{border-color:#3b82f6;background:#f8fbff}.upload-area input{display:none}.upload-icon{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:24px;font-weight:700;box-shadow:0 10px 24px #2563eb33}.upload-text{font-size:15px;font-weight:700;color:#1e293b}.upload-subtext{margin-top:6px;font-size:13px;color:#64748b}.admin-form{background:#fff;border:1px solid #e7edf5;border-radius:24px;padding:28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group .form-password{display:flex;align-items:center;gap:3px;border:1px solid #dbe4ee;border-radius:16px;padding-right:5px}.form-group .form-password input{border:none;outline:none;flex:1;box-shadow:none}.form-group .form-password input:focus,.form-group .form-password input:focus-visible,.form-group .form-password input:active{border:none;outline:none;box-shadow:none}.form-group .form-password svg{cursor:pointer;font-size:16px}.form-group label{margin-bottom:10px;font-size:14px;font-weight:700;color:#334155}.form-group input,.form-group select{width:100%;height:52px;padding:0 16px;border:1px solid #dbe4ee;border-radius:16px;background:#fff;font-size:15px;color:#0f172a;outline:none;transition:all .2s ease}.form-group input::placeholder,.form-group select::placeholder{color:#94a3b8}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614}.form-group select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 14px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid #edf2f7}.btn{height:48px;padding:0 22px;border-radius:14px;border:none;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}@media(max-width:1024px){.create-admin-body{grid-template-columns:1fr}.avatar-panel{order:1}.admin-form{order:2}}.role-page{min-height:100vh;padding:32px;background:#f5f7fb;box-sizing:border-box;font-family:Inter,sans-serif}.role-container{max-width:1280px;margin:0 auto}.role-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:28px;box-shadow:0 8px 24px #0f172a0a}.role-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.role-eyebrow{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.role-title{margin:0;font-size:30px;line-height:1.2;font-weight:700;color:#111827}.role-subtitle{margin:8px 0 0;max-width:700px;font-size:14px;line-height:1.6;color:#6b7280}.role-badge{flex-shrink:0;padding:10px 16px;border-radius:999px;background:#f3f4f6;color:#374151;font-size:13px;font-weight:600;border:1px solid #e5e7eb}.role-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.role-main,.role-side{min-width:0}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px}.form-section+.form-section{margin-top:20px}.section-heading{margin-bottom:18px}.section-heading h2{margin:0 0 6px;font-size:18px;font-weight:700;color:#111827}.section-heading p{margin:0;font-size:14px;line-height:1.6;color:#6b7280}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-group.full{grid-column:1/-1}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-group input,.form-group textarea{width:100%;border:1px solid #d1d5db;border-radius:12px;background:#fff;padding:13px 14px;font-size:14px;color:#111827;outline:none;transition:all .2s ease;box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group textarea:focus{border-color:#9ca3af;box-shadow:0 0 0 3px #9ca3af26}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.permission-block{border:1px solid #e5e7eb;border-radius:16px;background:#fafafa;padding:16px;transition:all .2s ease}.permission-block:hover{border-color:#d1d5db;background:#fff}.permission-block__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.permission-block__header h3{margin:0 0 4px;font-size:15px;font-weight:700;color:#111827}.permission-block__header p{margin:0;font-size:13px;line-height:1.5;color:#6b7280}.switch-box{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:600;color:#4b5563;cursor:pointer}.switch-box input{width:16px;height:16px;accent-color:#374151;cursor:pointer}.permission-list{display:flex;flex-direction:column;gap:10px}.permission-item{display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 13px;border-radius:12px;background:#fff;border:1px solid #e5e7eb;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.permission-item:hover{background:#f9fafb;border-color:#d1d5db}.permission-item input{width:16px;height:16px;accent-color:#374151;flex-shrink:0;cursor:pointer}.permission-item span{line-height:1.5}.summary-card,.action-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px}.summary-card h3{margin:0 0 16px;font-size:17px;font-weight:700;color:#111827}.summary-item{display:flex;flex-direction:column;gap:5px;padding:12px 0;border-bottom:1px dashed #e5e7eb}.summary-item:last-of-type{border-bottom:none;padding-bottom:0}.summary-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.summary-value{font-size:14px;font-weight:600;line-height:1.5;color:#1f2937}.summary-note{margin-top:16px;padding:12px 14px;border-radius:12px;background:#f9fafb;color:#4b5563;font-size:13px;line-height:1.6;border:1px solid #e5e7eb}.action-card{margin-top:16px;display:flex;flex-direction:column;gap:12px}.btn{width:100%;border:none;border-radius:12px;padding:13px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-outline{border:1px solid rgb(207,207,207);box-shadow:0 0 0 1px #e8e8e8}.btn-outline:active{background:#ddd}@media(max-width:1200px){.role-layout{grid-template-columns:1fr}.role-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.action-card{margin-top:0}}@media(max-width:768px){.role-page{padding:16px}.role-card{padding:20px;border-radius:16px}.role-card__top{flex-direction:column;align-items:flex-start;margin-bottom:22px}.role-title{font-size:24px}.form-grid,.permission-groups,.role-side{grid-template-columns:1fr}.form-section,.summary-card,.action-card{padding:16px;border-radius:14px}.permission-block{border-radius:14px}.permission-block__header{flex-direction:column;align-items:flex-start}}.admin-role-page__title{font-size:24px;font-weight:600;margin-bottom:20px}.admin-role-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;background:#fff;padding:18px;border-radius:10px;border:1px solid #eee}.admin-role-stat-card{background:#fff;padding:18px;border-radius:10px;border:1px solid #eee}.admin-role-stat-card p{font-size:14px;color:#777}.admin-role-stat-card h3{margin-top:5px;font-size:22px}.admin-role-stat-total svg{color:#2563eb;background:#d8e8ff;font-size:16px}.admin-role-stat-active svg{color:#16a34a;background:#ecfdf5;font-size:16px}.admin-role-stat-out svg{color:#dc2626;background:#fef2f2;font-size:16px}.admin-role-stat-low svg{color:#d97706;background:#fffbeb;font-size:16px}.admin-role-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:20px}.admin-role-filters .admin-role-activity{background:#22c55e;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600}.admin-role-filters .admin-role-activity:active{background:#008f34}.admin-role-filters .admin-role-reset{background:#ff5441;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600}.admin-role-filters .admin-role-reset:active{background:#960000}.admin-role-filters .admin-role-reset svg{font-size:18px}.admin-role-filters input,.admin-role-filters select{padding:8px 12px;border-radius:6px;border:1px solid #ddd}.admin-role-filters .admin-role-search{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;padding-left:5px}.admin-role-filters .admin-role-search input{width:100%;border:none;outline:none}.admin-role-filters .admin-role-search input:focus{border:none;outline:none}.admin-role-filters .admin-role-create{background:#3273ff;border:10px;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600}.admin-role-filters .admin-role-create:active{background:#004ae9;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset}.admin-role-table-wrapper{overflow-x:auto;width:100%}.admin-role-table-wrapper::-webkit-scrollbar{height:8px}.admin-role-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.admin-role-table{min-width:1000px;background:#fff;border-radius:10px;border:1px solid #eee;overflow:hidden}.admin-table-header{display:grid;padding:14px;font-weight:600;background:#fafafa;font-size:14px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:5;gap:10px}.admin-role-table-header{grid-template-columns:50px 250px 1.8fr 220px 100px 100px}.admin-table-row{display:grid;padding:14px;align-items:center;border-bottom:1px solid #f3f3f3;transition:background .2s;gap:10px}.admin-role-table-row{grid-template-columns:50px 250px 1.8fr 220px 100px 100px}.admin-table-row:hover{background:#f9fafb}.admin-role-col-title{position:sticky;left:0;background:#fff;z-index:4}.admin-role-info{display:flex;align-items:center;gap:12px}.admin-role-name{font-weight:500}.admin-role-description{font-size:14px;color:#555;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-role-actions{display:flex;gap:6px}.admin-role-edit{border:none;background:#3273ff;padding:6px 10px;border-radius:6px;cursor:pointer;color:#fff;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.admin-role-delete{border:none;background:#ff5441;padding:6px 10px;border-radius:6px;cursor:pointer;color:#fff;font-weight:600}.admin-role-delete:hover{background:#d05a5a}.admin-role-delete:active{background:#8f0101}@media(max-width:1400px){.admin-role-filters{display:grid;grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.admin-role-stats{display:grid;grid-template-columns:repeat(2,1fr)}.admin-role-filters{display:grid;grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.admin-role-stats,.admin-role-filters{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.admin-role-stats{display:flex;flex-direction:column}.admin-role-filters{display:grid;grid-template-columns:1fr}}.permission-page{padding:6px 24px 24px}.permission-page__head{margin-bottom:20px}.permission-page__title{font-size:22px;font-weight:700;color:#1f2937;margin-bottom:6px}.permission-page__desc{margin:0;color:#6b7280;font-size:14px}.permission-layout{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}.permission-sidebar{background:#fff;border:1px solid #ececec;border-radius:14px;overflow:hidden}.permission-sidebar__top{padding:16px;border-bottom:1px solid #f1f1f1}.permission-search{display:flex;align-items:center;gap:10px;height:42px;border:1px solid #dcdfe4;border-radius:10px;padding:0 14px;background:#fff}.permission-search svg,.permission-search span{color:#6b7280;font-size:15px}.permission-search input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:#111827}.permission-search input::placeholder{color:#9ca3af}.permission-role-list{display:flex;flex-direction:column;padding:10px;gap:10px}.permission-role-item{width:100%;border:1px solid #ececec;background:#fff;border-radius:12px;padding:14px 12px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:all .2s ease}.permission-role-item:hover{border-color:#bfd3ff;background:#f8fbff}.permission-role-item.active{border-color:#2563eb;background:#eff6ff}.permission-role-item.active .permission-role-item__icon{background:#2563eb;color:#fff}.permission-role-item.active .permission-role-item__content h4{color:#1d4ed8}.permission-role-item__icon{width:42px;height:42px;border-radius:10px;background:#f3f4f6;color:#4b5563;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:all .2s ease}.permission-role-item__content{min-width:0}.permission-role-item__content h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px;line-height:1.4}.permission-role-item__content p{margin:0;font-size:13px;color:#6b7280;line-height:1.4;word-break:break-word}.permission-content{background:#fff;border:1px solid #ececec;border-radius:14px;padding:20px}.permission-content__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #f1f1f1;margin-bottom:20px}.permission-content__header h3{margin:0 0 6px;font-size:22px;font-weight:700;color:#111827}.permission-content__header p{margin:0;font-size:14px;color:#6b7280}.save-button{height:42px;border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:10px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.save-button:hover{opacity:.92}.permission-group-list{display:flex;flex-direction:column;gap:18px}.permission-group-card{border:1px solid #ececec;border-radius:14px;overflow:hidden;background:#fff}.permission-group-card__header{padding:16px 18px;background:#fafafa;border-bottom:1px solid #ececec;display:flex;align-items:center;justify-content:space-between;gap:16px}.permission-group-card__body{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px 18px}.permission-group-info h4{margin:0 0 4px;font-size:17px;font-weight:600;color:#111827}.permission-group-info p{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.permission-check{display:flex;align-items:center;gap:10px;min-height:44px;padding:12px 14px;border:1px solid #ececec;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease}.permission-check:hover{border-color:#cfd8e3;background:#fafafa}.permission-check input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb;cursor:pointer;flex-shrink:0}.permission-check span{font-size:14px;color:#1f2937;line-height:1.4}.permission-check--all{background:#eff6ff;border-color:#bfdbfe;min-width:110px;justify-content:center}.permission-check--all span{color:#1d4ed8;font-weight:600}@media(max-width:1200px){.permission-layout{grid-template-columns:280px 1fr}.permission-group-card__body{grid-template-columns:1fr}}@media(max-width:992px){.permission-layout{grid-template-columns:1fr}.permission-content__header{flex-direction:column;align-items:flex-start}.save-button{width:100%}}@media(max-width:768px){.permission-page{padding:6px 16px 20px}.permission-group-card__header{flex-direction:column;align-items:flex-start}.permission-check--all{width:100%;justify-content:flex-start}}.news-admin-page__title{font-size:24px;font-weight:600;margin-bottom:20px}.news-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;background:#fff;padding:18px;border-radius:10px;border:1px solid #eee}.stat-card p{font-size:14px;color:#777}.stat-card h3{margin-top:5px;font-size:22px}.stat-card svg{font-size:16px}.stat-total svg{color:#2563eb;background:#d8e8ff}.stat-published svg{color:#16a34a;background:#ecfdf5}.stat-news svg{color:#7c3aed;background:#f3e8ff}.stat-hidden svg{color:#dc2626;background:#fef2f2}.news-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:20px}.news-filters .activity{background:#22c55e;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:600}.news-filters .activity:active{background:#008f34}.news-filters .reset{background:#ff5441;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600}.news-filters .reset:active{background:#960000}.news-filters .reset svg{font-size:18px}.news-filters input,.news-filters select{padding:8px 12px;border-radius:6px;border:1px solid #ddd}.news-filters .search{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;padding-left:5px}.news-filters .search input{width:100%;border:none;outline:none}.news-filters .search input:focus{border:none;outline:none}.news-filters .create{background:#3273ff;border:none;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;text-decoration:none;padding:8px 14px}.news-filters .create:active{background:#004ae9;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset}.news-table{min-width:1100px;background:#fff;border-radius:10px;border:1px solid #eee;overflow:hidden}.news-table .table-header{display:grid;grid-template-columns:50px 360px 1fr 1fr 1fr 1fr 150px;padding:14px;font-weight:600;background:#fafafa;font-size:14px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:5;gap:10px}.news-table .table-row{display:grid;grid-template-columns:50px 360px 1fr 1fr 1fr 1fr 150px;padding:14px;align-items:center;border-bottom:1px solid #f3f3f3;transition:background .2s;gap:10px}.table-row:hover{background:#f9fafb}.col-news{position:sticky;left:0;background:#fff;z-index:4}.news-info{display:flex;align-items:center;gap:12px}.news-info img{width:60px;height:42px;border-radius:8px;object-fit:cover;border:1px solid #eee}.news-name{font-weight:500;line-height:1.4}.news-sub{font-size:12px;color:#777}.status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.status.published{background:#e6f7ed;color:#22a06b}.status.draft{background:#fff4d6;color:#c98a00}.status.hidden{background:#ffe1e1;color:#d05a5a}.actions .edit{border:none;background:#3273ff;padding:6px 10px;border-radius:6px;cursor:pointer;color:#fff;font-weight:600;text-decoration:none}.actions .delete{border:none;background:#ff5441;padding:6px 10px;border-radius:6px;cursor:pointer;color:#fff;font-weight:600}@media(max-width:1400px){.news-filters{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.news-stats{grid-template-columns:repeat(2,1fr)}.news-filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.news-stats,.news-filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.news-stats{display:flex;flex-direction:column}.news-filters{grid-template-columns:1fr}}.category_news__title{font-size:24px;font-weight:600;margin-bottom:20px}.category_news__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;background:#fff;padding:18px;border-radius:10px;border:1px solid #eee}.category_news__stat-card{background:#fff;padding:18px;border-radius:10px;border:1px solid #eee}.category_news__stat-card p{font-size:14px;color:#777;display:flex;align-items:center;gap:6px}.category_news__stat-card h3{margin-top:5px;font-size:22px}.category_news__stat-card svg{font-size:16px}.category_news__stat-total svg{color:#2563eb;background:#d8e8ff}.category_news__stat-active svg{color:#16a34a;background:#ecfdf5}.category_news__stat-category svg{color:#7c3aed;background:#f3e8ff}.category_news__stat-hidden svg{color:#dc2626;background:#fef2f2}.category_news__filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:20px}.category_news__filters input,.category_news__filters select{padding:8px 12px;border-radius:6px;border:1px solid #ddd}.category_news__activity{background:#22c55e;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:600}.category_news__activity:active{background:#008f34}.category_news__reset{background:#ff5441;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600}.category_news__reset:active{background:#960000}.category_news__reset svg{font-size:18px}.category_news__search{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;padding-left:5px}.category_news__search input{width:100%;border:none;outline:none}.category_news__search input:focus{border:none;outline:none}.category_news__create{background:#3273ff;border:none;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;text-decoration:none;padding:8px 14px}.category_news__create:active{background:#004ae9;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset}.category_news__table-wrapper{overflow-x:auto;width:100%}.category_news__table-wrapper::-webkit-scrollbar{height:8px}.category_news__table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.category_news__table{min-width:1050px;background:#fff;border-radius:10px;border:1px solid #eee;overflow:hidden}.category_news__table-header{display:grid;grid-template-columns:50px 280px 1fr 1fr 1fr 1fr 150px;padding:14px;font-weight:600;background:#fafafa;font-size:14px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:5;gap:10px}.category_news__table-row{display:grid;grid-template-columns:50px 280px 1fr 1fr 1fr 1fr 150px;padding:14px;align-items:center;border-bottom:1px solid #f3f3f3;transition:background .2s;gap:10px}.category_news__table-row:hover{background:#f9fafb}.category_news__col-category{position:sticky;left:0;background:#fff;z-index:4}.category_news__info{display:flex;align-items:center;gap:12px}.category_news__thumb{width:42px;height:42px;border-radius:50%;background:#e0e7ff;color:#3254d6;display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid #dbe3ff;overflow:hidden}.category_news__thumb img{width:100%;height:100%;object-fit:cover;display:block}.category_news__name{font-weight:500}.category_news__sub{font-size:12px;color:#777}.category_news__status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.category_news__status.active{background:#e6f7ed;color:#22a06b}.category_news__status.inactive{background:#ffc6c6;color:#d05a5a}.category_news__actions{display:flex;gap:6px}.category_news__edit{border:none;background:#3273ff;padding:6px 10px;border-radius:6px;cursor:pointer;color:#fff;font-weight:600;text-decoration:none}.category_news__delete{border:none;background:#ff5441;padding:6px 10px;border-radius:6px;cursor:pointer;color:#fff;font-weight:600}.category_news__delete:hover{background:#d05a5a}.category_news__delete:active{background:#8f0101}@media(max-width:1400px){.category_news__filters{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.category_news__stats{grid-template-columns:repeat(2,1fr)}.category_news__filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.category_news__stats,.category_news__filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.category_news__stats{display:flex;flex-direction:column}.category_news__filters{grid-template-columns:1fr}}.admin-page{padding:28px;background:#f3f6fb;min-height:100vh;color:#1f2937}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.page-header h1{margin:0 0 6px;font-size:28px;font-weight:700;color:#0f172a;line-height:1.2}.page-header p{margin:0;font-size:14px;color:#64748b}.page-header__actions{display:flex;gap:12px;flex-wrap:wrap}.admin-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.admin-form-main,.admin-form-side{display:flex;flex-direction:column;gap:24px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 30px #0f172a0f;overflow:hidden}.card__header{padding:18px 22px;border-bottom:1px solid #eef2f7;background:linear-gradient(to bottom,#fff,#fbfdff)}.card__header h2{margin:0;font-size:16px;font-weight:700;color:#0f172a}.card__body{padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group--full{grid-column:1/-1}.form-group label{font-size:13px;font-weight:600;color:#334155}.form-group input,.form-group textarea,.form-group select{width:100%;border:1px solid #dbe2ea;background:#fff;border-radius:12px;padding:12px 14px;font-size:14px;color:#0f172a;outline:none;transition:all .2s ease;box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:#cbd5e1}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.form-group textarea{resize:vertical;min-height:120px}.btn{height:42px;padding:0 18px;border-radius:12px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn--primary{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;box-shadow:0 8px 18px #0f172a2e}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a38}.btn--outline{background:#fff;color:#334155;border-color:#d1d5db}.btn--outline:hover{background:#f8fafc}.info-list{margin:0;padding-left:18px}.info-list li{margin-bottom:10px;font-size:14px;color:#475569;line-height:1.6}.preview-box{border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff}.preview-box__thumb{height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#64748b;font-size:14px;font-weight:600;overflow:hidden;position:relative}.preview-box__thumb span{position:absolute;top:10px;right:10px;padding:3px 5px;background:red;color:#fff;cursor:pointer;font-weight:600;font-size:15px}.preview-box__thumb span:hover{background:#ac0000}.preview-box__thumb span:active{background:#540000}.preview-box__thumb img{width:100%;height:100%;object-fit:cover;display:block}.preview-box__upload{padding:14px 16px;border-bottom:1px solid #eef2f7;background:#f8fafc}.preview-box__upload input[type=file]{display:none}.preview-box__upload-label{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;padding:0 14px;border:1px dashed #94a3b8;border-radius:12px;background:#fff;color:#334155;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.preview-box__upload-label:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.preview-box__content{padding:18px 16px}.preview-box__content h3{margin:0 0 8px;font-size:17px;font-weight:700;color:#0f172a}.preview-box__content p{margin:0 0 14px;font-size:14px;color:#64748b;line-height:1.6}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.2px;background:#ecfdf5;color:#047857}.badge--inactive{background:#fef2f2;color:#b91c1c}@media(max-width:768px){.admin-page{padding:16px}.page-header{flex-direction:column}.page-header h1{font-size:24px}.form-grid{grid-template-columns:1fr}.card__header,.card__body{padding-left:16px;padding-right:16px}}@media(max-width:1024px){.admin-form-layout{grid-template-columns:1fr}}@media(max-width:768px){.admin-page{padding:16px}.page-header{flex-direction:column}.form-grid{grid-template-columns:1fr}}.nc-page{padding:28px 32px;background:#f0f2f7;min-height:100vh;color:#111827;box-sizing:border-box;position:relative}.robot-overlay{position:sticky;top:0;left:0;right:0;z-index:100;margin:-28px -32px 20px;background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca);padding:14px 24px;display:flex;align-items:center;justify-content:center;animation:robotSlideDown .5s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 4px 20px #4338ca66}.robot-overlay__content{display:flex;align-items:center;gap:14px}.robot-overlay__pulse{width:10px;height:10px;border-radius:50%;background:#22c55e;animation:robotPulse 1.2s infinite}.robot-overlay__icon{font-size:26px;animation:robotBounce 1s ease-in-out infinite}.robot-overlay__text{display:flex;flex-direction:column;gap:2px}.robot-overlay__text strong{color:#fff;font-size:14px;font-weight:700;letter-spacing:.3px}.robot-overlay__text span{color:#c7d2fe;font-size:13px;font-weight:500}@keyframes robotSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes robotPulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes robotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.robot-highlight{animation:robotBtnPulse .6s ease-in-out infinite!important}@keyframes robotBtnPulse{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 8px #6366f100}}.nc-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.nc-header__left{display:flex;align-items:center;gap:14px}.nc-header__icon{width:48px;height:48px;background:#6366f1;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;box-shadow:0 4px 12px #6366f159;flex-shrink:0}.nc-header__title{margin:0 0 4px;font-size:22px;font-weight:700;color:#111827;letter-spacing:-.3px}.nc-header__sub{margin:0;font-size:13.5px;color:#6b7280}.nc-header__actions{display:flex;gap:10px;flex-wrap:wrap}.nc-btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 20px;border-radius:8px;border:1.5px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:.18s ease;white-space:nowrap}.nc-btn__icon{font-size:16px}.nc-btn--primary{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 2px 8px #6366f14d}.nc-btn--primary:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 14px #4f46e561;transform:translateY(-1px)}.nc-btn--primary:active:not(:disabled){transform:translateY(0)}.nc-btn--loading{opacity:.8;cursor:not-allowed}.nc-btn:disabled{opacity:.65;cursor:not-allowed}.nc-btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:nc-spin .7s linear infinite}@keyframes nc-spin{to{transform:rotate(360deg)}}.nc-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.nc-main,.nc-side{display:flex;flex-direction:column;gap:20px}.nc-card{background:#fff;border:1px solid #e2e6ef;border-radius:16px;box-shadow:0 1px 4px #1118270f;overflow:hidden;transition:box-shadow .18s ease}.nc-card:hover{box-shadow:0 4px 16px #11182714}.nc-card--tips{background:#fffbeb;border-color:#fde68a}.nc-card__header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #e2e6ef;background:#fafbfc}.nc-card__header h2{margin:0;font-size:14.5px;font-weight:600;color:#111827}.nc-card__header-icon{font-size:17px;color:#6366f1}.nc-card__header-icon--info{color:#d97706}.nc-card__body{padding:20px}.nc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.nc-field{display:flex;flex-direction:column;gap:7px}.nc-field--full{grid-column:1/-1}.nc-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#374151}.nc-label__required{color:#ef4444;font-size:14px;line-height:1}.nc-label__hint,.nc-label__count{margin-left:auto;font-size:11.5px;font-weight:400;color:#9ca3af}.nc-input,.nc-textarea,.nc-select{width:100%;border:1.5px solid #e2e6ef;background:#fff;border-radius:8px;padding:10px 13px;font-size:14px;color:#111827;outline:none;transition:border-color .18s ease,box-shadow .18s ease;box-sizing:border-box;font-family:inherit}.nc-input::placeholder,.nc-textarea::placeholder,.nc-select::placeholder{color:#9ca3af}.nc-input:focus,.nc-textarea:focus,.nc-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.nc-textarea{resize:vertical;min-height:110px;line-height:1.6}.nc-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px;cursor:pointer}.nc-input-prefix-wrap{display:flex;border:1.5px solid #e2e6ef;border-radius:8px;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}.nc-input-prefix-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.nc-input-prefix{background:#f3f4f6;color:#9ca3af;font-size:13px;padding:10px 12px;border-right:1.5px solid #e2e6ef;white-space:nowrap;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.nc-input--with-prefix{border:none!important;border-radius:0!important;box-shadow:none!important;flex:1}.nc-editor-wrap{border:1.5px solid #e2e6ef;border-radius:8px;overflow:hidden;transition:border-color .18s ease}.nc-editor-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.nc-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed #e2e6ef;border-radius:12px;padding:32px 20px;cursor:pointer;transition:border-color .18s ease,background .18s ease;text-align:center;background:#fafafa}.nc-dropzone:hover,.nc-dropzone--over{border-color:#6366f1;background:#eef2ff}.nc-dropzone__icon{font-size:36px;color:#6366f1;opacity:.8}.nc-dropzone__title{margin:0;font-size:14px;font-weight:600;color:#111827}.nc-dropzone__sub{margin:0;font-size:12px;color:#9ca3af}.nc-thumb-preview{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9}.nc-thumb-preview__img{width:100%;height:100%;object-fit:cover;display:block}.nc-thumb-preview__remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#000000a6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:background .18s ease;z-index:2}.nc-thumb-preview__remove:hover{background:#ef4444e6}.nc-thumb-preview__overlay{position:absolute;inset:0;background:#0000;display:flex;align-items:flex-end;padding:10px;pointer-events:none;transition:background .18s ease}.nc-thumb-preview__overlay span{color:#fff;font-size:12px;opacity:0;transition:opacity .18s ease}.nc-thumb-preview:hover .nc-thumb-preview__overlay{background:#00000040}.nc-thumb-preview:hover .nc-thumb-preview__overlay span{opacity:1}.nc-preview{border:1px solid #e2e6ef;border-radius:12px;overflow:hidden}.nc-preview__thumb{height:140px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:13px;gap:6px}.nc-preview__thumb img{width:100%;height:100%;object-fit:cover}.nc-preview__body{padding:14px}.nc-preview__title{margin:0 0 6px;font-size:14.5px;font-weight:700;color:#111827;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nc-preview__desc{margin:0 0 12px;font-size:13px;color:#6b7280;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.nc-preview__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nc-preview__views{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#9ca3af;margin-left:auto}.nc-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.nc-badge--featured{background:#fff7ed;color:#c2410c}.nc-tips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.nc-tips__item{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:#78350f;line-height:1.5}.nc-tips__icon{color:#d97706;flex-shrink:0;margin-top:2px;font-size:15px}@media(max-width:1100px){.nc-layout{grid-template-columns:1fr}.nc-side{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nc-page{padding:16px}.nc-header{flex-direction:column;align-items:flex-start;gap:14px}.nc-form-grid,.nc-side{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.chat-empty{width:100%;height:100%;background:#fff}.csp{font-family:Plus Jakarta Sans,sans-serif;background:#f0f2f7;color:#1a1d2e;min-height:100vh;padding:22px;font-size:14px}.csp-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.csp-header h1{font-size:21px;font-weight:700;color:#0f1120;letter-spacing:-.4px;margin-bottom:3px}.csp-header p{font-size:12px;color:#8b92aa}.csp-header-actions{display:flex;gap:10px;align-items:center}.btn{height:36px;padding:0 16px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:all .15s;border:none;white-space:nowrap}.btn-ghost{background:#fff;color:#4b5270;border:1px solid #e8ecf5}.btn-ghost:hover{background:#f5f6fa}.btn-primary{background:#4355f5;color:#fff;box-shadow:0 2px 12px #4355f547}.btn-primary:hover{background:#3345e0;transform:translateY(-1px)}.btn-full{width:100%;height:34px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid #e8ecf5;border-radius:14px;padding:16px 18px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;border-radius:3px 0 0 3px}.stat-card--blue:before{background:#4355f5}.stat-card--green:before{background:#10b981}.stat-card--amber:before{background:#f59e0b}.stat-card--rose:before{background:#f43f5e}.stat-card__label{display:block;font-size:11px;color:#8b92aa;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-card__value{font-size:28px;font-weight:700;color:#0f1120;font-family:JetBrains Mono,monospace;letter-spacing:-1px}.stat-card--blue .stat-card__value{color:#4355f5}.stat-card--green .stat-card__value{color:#10b981}.stat-card--amber .stat-card__value{color:#d97706}.stat-card--rose .stat-card__value{color:#f43f5e}.layout{display:grid;grid-template-columns:272px 1fr 272px;gap:14px;height:620px}.panel{background:#fff;border:1px solid #e8ecf5;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px #14183c0a}.sidebar-top{padding:14px;border-bottom:1px solid #f0f2f9;flex-shrink:0}.search-box{display:flex;align-items:center;gap:8px;background:#f5f6fb;border:1px solid #e8ecf5;border-radius:9px;padding:0 11px;height:36px;margin-bottom:10px;transition:border .15s,background .15s}.search-box:focus-within{border-color:#4355f5;background:#fff}.search-box input{background:none;border:none;outline:none;color:#1a1d2e;font-size:12px;font-family:Plus Jakarta Sans,sans-serif;width:100%}.search-box input::placeholder{color:#b0b6cc}.filters{display:flex;gap:6px}.filter-btn{height:27px;padding:0 11px;border-radius:7px;border:1px solid #e8ecf5;background:#fff;color:#7d84a0;font-size:11px;font-weight:600;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:all .15s}.filter-btn.active{background:#4355f5;border-color:#4355f5;color:#fff}.conv-list{flex:1;overflow-y:auto;padding:7px}.conv-list::-webkit-scrollbar{width:3px}.conv-list::-webkit-scrollbar-thumb{background:#e0e4f0;border-radius:4px}.conv-item{display:flex;gap:10px;padding:10px 9px;border-radius:11px;cursor:pointer;transition:background .1s;border:1px solid transparent;margin-bottom:2px}.conv-item:hover{background:#f7f8fd}.conv-item.active{background:linear-gradient(135deg,#f0f3ff,#eef1ff);border-color:#d4daff}.avatar{width:38px;height:38px;min-width:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;position:relative}.avatar img{width:100%;height:100%;border-radius:50%}.avatar.av-a{background:linear-gradient(135deg,#4355f5,#7c3aed)}.avatar.av-b{background:linear-gradient(135deg,#0ea5e9,#10b981)}.avatar.av-c{background:linear-gradient(135deg,#f59e0b,#f43f5e)}.avatar.av-d{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.sdot{width:8px;height:8px;border-radius:50%;border:2px solid #fff;position:absolute;right:1px;bottom:1px}.sdot.online{background:#10b981}.sdot.offline{background:#cbd5e1}.sdot.away{background:#f59e0b}.conv-body{flex:1;min-width:0}.conv-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}.conv-name{font-size:12px;font-weight:700;color:#0f1120;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-time{font-size:10px;color:#b0b6cc;white-space:nowrap}.conv-msg{font-size:11px;color:#9098b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:158px}.badge{min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:#f43f5e;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.chat-header{height:72px;padding:0 18px;border-bottom:1px solid #f0f2f9;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-user-info{display:flex;align-items:center;gap:11px}.chat-av-lg{width:44px;height:44px;min-width:44px;border-radius:50%;background:linear-gradient(135deg,#4355f5,#7c3aed);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;position:relative}.chat-av-lg img{width:100%;height:100%;border-radius:50%}.chat-user-name{font-size:14px;font-weight:700;color:#0f1120;margin-bottom:2px}.chat-user-sub{font-size:11px;color:#9098b0}.chat-actions{display:flex;gap:8px}.icon-btn{width:36px;height:36px;border-radius:9px;border:1px solid #e8ecf5;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#7d84a0;transition:all .15s}.icon-btn:hover{background:#f5f6fb;border-color:#d4daff;color:#4355f5}.chat-body{flex:1;padding:18px;overflow-y:auto;background:#fafbff}.chat-body::-webkit-scrollbar{width:3px}.chat-body::-webkit-scrollbar-thumb{background:#e0e4f0;border-radius:4px}.date-div{text-align:center;margin-bottom:16px}.date-div span{display:inline-block;padding:4px 12px;border-radius:999px;background:#eef0f8;color:#8b92aa;font-size:11px;font-weight:600}.bubble-row{display:flex;margin-bottom:10px}.bubble-row.admin{justify-content:flex-end}.bubble{max-width:68%;padding:11px 14px 8px;border-radius:16px}.bubble p{font-size:13px;line-height:1.55;margin-bottom:6px}.bubble span{display:block;text-align:right;font-size:10px;color:#1a1d2e66}.bubble.customer{background:#fff;border:1px solid #e8ecf5;color:#1a1d2e;border-bottom-left-radius:4px}.bubble.admin{background:linear-gradient(135deg,#4355f5,#6366f1);color:#fff;border-bottom-right-radius:4px}.bubble.admin span{color:#fff9}.chat-footer{border-top:1px solid #f0f2f9;padding:12px 16px 14px;background:#fff;flex-shrink:0}.quick-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:11px}.qa-btn{height:28px;padding:0 11px;border-radius:7px;border:1px solid #e2e6f5;background:#f5f6fb;color:#5a627d;font-size:11px;font-weight:600;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:all .15s}.qa-btn:hover{background:#eef0ff;border-color:#c7ceff;color:#4355f5}.compose{display:flex;align-items:flex-end;gap:9px}.compose-add{width:36px;height:36px;min-width:36px;border-radius:9px;border:1px solid #e8ecf5;background:#f5f6fb;cursor:pointer;font-size:18px;color:#7d84a0;display:flex;align-items:center;justify-content:center;font-family:Plus Jakarta Sans,sans-serif;transition:all .15s}.compose-add:hover{background:#e8ecf5}.compose textarea{flex:1;min-height:36px;max-height:90px;resize:none;border-radius:11px;border:1px solid #e8ecf5;background:#f5f6fb;padding:9px 13px;outline:none;font-size:13px;font-family:Plus Jakarta Sans,sans-serif;line-height:1.5;color:#1a1d2e;transition:all .15s}.compose textarea:focus{border-color:#4355f5;background:#fff;box-shadow:0 0 0 3px #4355f514}.compose textarea::placeholder{color:#b0b6cc}.send-btn{height:36px;padding:0 18px;border-radius:10px;border:none;background:#4355f5;color:#fff;font-size:13px;font-weight:700;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;box-shadow:0 2px 10px #4355f54d;transition:all .15s;white-space:nowrap}.send-btn:hover{background:#3345e0}.chat-detail{flex:1;padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.chat-detail::-webkit-scrollbar{width:3px}.chat-detail::-webkit-scrollbar-thumb{background:#e0e4f0;border-radius:4px}.detail-card{border:1px solid #eef0f8;background:#fafbff;border-radius:14px;padding:14px}.detail-card h4{font-size:11px;font-weight:700;color:#0f1120;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.detail-card ul{list-style:none}.detail-card li{padding:8px 0;border-bottom:1px solid #f0f2f9;display:flex;flex-direction:column;gap:2px}.detail-card li:last-child{border-bottom:none;padding-bottom:0}.detail-card .lbl{font-size:10px;color:#9098b0;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.detail-card strong{font-size:13px;color:#1a1d2e;font-weight:600}.detail-card textarea{width:100%;min-height:80px;resize:none;border-radius:10px;border:1px solid #e8ecf5;background:#fff;padding:10px 12px;outline:none;font-size:12px;font-family:Plus Jakarta Sans,sans-serif;color:#1a1d2e;margin-bottom:10px;transition:border .15s}.detail-card textarea:focus{border-color:#4355f5}.detail-card textarea::placeholder{color:#b0b6cc}.order-item{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #f0f2f9}.order-item:last-child{border-bottom:none;padding-bottom:0}.order-item strong{display:block;font-size:12px;color:#0f1120;font-weight:700;margin-bottom:2px}.order-item p{font-size:11px;color:#9098b0}.tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.tag-warn{background:#fff7ed;color:#ea580c}.tag-success{background:#ecfdf5;color:#059669}.vip-badge{display:inline-flex;align-items:center;gap:3px;background:#eef0ff;color:#4355f5;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px}@media(max-width:1400px){.layout{grid-template-columns:240px 1fr 240px}}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:240px 1fr}.panel:last-child{display:none}}@media(max-width:768px){.csp{padding:14px}.csp-header{flex-direction:column;gap:12px}.csp-header-actions{width:100%}.stats{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr;height:auto}.panel:first-child{display:none}.bubble{max-width:85%}}.trash-page{padding:20px;background:#f8fafc;min-height:100vh}.trash-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.trash-page .page-header h2{margin:0 0 6px;font-size:28px;font-weight:700;color:#1e293b}.trash-page .page-header p{margin:0;color:#64748b}.trash-page .page-header .header-actions{display:flex;gap:10px;flex-wrap:wrap}.trash-page .trash-filter{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap}.trash-page .trash-filter .filter-left{display:flex;gap:10px;flex-wrap:wrap}.trash-page .trash-filter .filter-left input,.trash-page .trash-filter .filter-left select{height:42px;padding:0 14px;border:1px solid #dbe2ea;border-radius:8px;outline:none;background:#fff}.trash-page .trash-filter .filter-left input{min-width:260px}.trash-page .trash-table-wrap{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.trash-page .trash-table{width:100%;border-collapse:collapse}.trash-page .trash-table th,.trash-page .trash-table td{padding:14px 12px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:middle}.trash-page .trash-table thead{background:#f1f5f9}.trash-page .trash-table thead th{color:#334155;font-size:14px}.trash-page .trash-table tbody tr:hover{background:#f8fafc}.trash-page .type-badge{display:inline-block;padding:6px 10px;background:#e0f2fe;color:#0369a1;border-radius:999px;font-size:13px;font-weight:600}.trash-page .action-group{display:flex;gap:8px;flex-wrap:wrap}.trash-page .btn,.trash-page .btn-action{border:none;outline:none;cursor:pointer;border-radius:8px;transition:.2s}.trash-page .btn{height:40px;padding:0 14px;font-weight:600}.trash-page .btn:disabled{opacity:.6;cursor:not-allowed}.trash-page .btn.btn-primary{background:#2563eb;color:#fff}.trash-page .btn.btn-danger{background:#dc2626;color:#fff}.trash-page .btn.btn-success{background:#16a34a;color:#fff}.trash-page .btn.btn-outline{background:#fff;border:1px solid #cbd5e1;color:#334155}.trash-page .btn.btn-light{background:#e2e8f0;color:#0f172a}.trash-page .btn-action{padding:8px 12px;font-size:13px;font-weight:600}.trash-page .btn-action.restore{background:#dcfce7;color:#15803d}.trash-page .btn-action.delete{background:#fee2e2;color:#b91c1c}.form-input{display:flex;flex-direction:column;gap:8px}.form-input label{font-weight:600}.form-input input,.form-input select,.form-input textarea{height:36px;border-radius:5px;border:1px solid #d9d9d9;outline:none;padding:0 15px;background:#fff}.form-input input[type=file]{display:none}.form-input img{width:100%;max-width:220px;height:140px;object-fit:cover;border-radius:8px;border:1px solid #ddd}.form-input label[id=file]{border:1px dashed blue;width:150px;height:150px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;font-size:18px;background:#fff}.form-input label[id=file] .des{font-size:14px;font-weight:400}.form-input label[id=file]:hover{background:#f5f5f5}.form-input.full-width{grid-column:1/-1}body{position:relative}.setting_top{margin-bottom:20px;background:#e5e5e5;padding:20px;border-radius:8px}.setting_top span{color:#0057e2;font-weight:800}.setting_top h1{margin:10px 0}.setting_top p{margin:0;padding:0}.setting_bot{display:grid;grid-template-columns:1fr 300px;gap:20px}.setting_bot-left--identify,.setting_bot-left--basic,.setting_bot-left--saleBanner,.setting_bot-left--hero,.setting_bot-left--slider{margin-bottom:20px;background:#e5e5e5;border-radius:8px;padding:20px}.setting_bot-left--identify>span,.setting_bot-left--basic>span,.setting_bot-left--saleBanner>span,.setting_bot-left--hero>span,.setting_bot-left--slider>span{display:inline-flex;align-items:center;gap:8px;color:#000;font-weight:800}.setting_bot-left--identify>span svg,.setting_bot-left--basic>span svg,.setting_bot-left--saleBanner>span svg,.setting_bot-left--hero>span svg,.setting_bot-left--slider>span svg{color:#0057e2;font-size:20px}.setting_bot-left--identify .main,.setting_bot-left--saleBanner .main,.setting_bot-left--basic .main{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.setting_bot-left--basic .main .form-input{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:15px}.setting_bot-left--hero .main-column,.setting_bot-left--slider .main-column{display:flex;flex-direction:column;gap:16px;margin-top:15px}.setting_bot-right--feature{background:#e5e5e5;border-radius:8px;padding:20px;position:sticky;top:0}.setting_bot-right--feature h3{display:flex;align-items:center;gap:8px;color:#000;font-weight:800;margin-top:0}.setting_bot-right--feature h3 svg{color:#0057e2;font-size:20px}.setting_bot-right--feature .main{display:flex;flex-direction:column;gap:14px}.setting_bot-right--feature .form-feature{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:12px 14px;border-radius:8px}.setting_bot-right--feature .form-feature span{font-weight:600;font-size:16px}.setting_bot-right--feature .form-feature span p{color:gray;margin:4px 0 0;font-size:12px}.setting-change{position:sticky;bottom:0;display:flex;align-items:center;gap:30px;background:#f5f5f5;width:fit-content;padding:20px;border-radius:8px;z-index:10}.setting-change button{background:#3d2fc4;color:#fff;font-size:16px;padding:10px 16px;border-radius:15px;border:none;cursor:pointer}.setting-change button:hover{background:#271e80}.setting-change button:active{background:#191162}.isActive{display:flex;align-items:center;gap:10px;font-weight:700}.isActive.full-width{grid-column:1/-1}.dynamic-card{background:#fff;border-radius:10px;padding:16px;border:1px solid #ddd}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.card-header h4{margin:0}.card-grid{display:grid;grid-template-columns:220px 1fr 1fr;gap:15px;align-items:start}.card-grid .full-width{grid-column:1/-1}.btn-add,.btn-delete{border:none;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:600}.btn-add{background:#3d2fc4;color:#fff;align-self:flex-start}.btn-add:hover{background:#2d2197}.btn-delete{background:#ffe3e3;color:#c92a2a}.btn-delete:hover{background:#ffc9c9}@media(max-width:1200px){.setting_bot{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.setting_bot-left--identify .main,.setting_bot-left--basic .main,.setting_bot-left--saleBanner .main{grid-template-columns:1fr!important}.setting_bot-left--basic .main .form-input,.card-grid{grid-template-columns:1fr}.setting-change{width:100%;justify-content:space-between}}.iic-page{padding:24px;background:#f4f6fb;min-height:100%}.iic-page__header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.iic-page__title-group{display:flex;align-items:center;gap:14px}.iic-page__title-group h2{margin:0;font-size:22px;font-weight:700;color:#0f172a;line-height:1.2}.iic-page__title-group p{margin:3px 0 0;color:#64748b;font-size:13px}.iic-page__icon-wrap{width:44px;height:44px;border-radius:12px;background:#eff6ff;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.iic-btn-back{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#374151;background:#fff;border:1px solid #e5e7eb;padding:9px 16px;border-radius:10px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;white-space:nowrap}.iic-btn-back svg{font-size:17px;flex-shrink:0}.iic-btn-back:hover{background:#f9fafb;border-color:#d1d5db}.iic-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.iic-main,.iic-side{display:flex;flex-direction:column;gap:20px}.iic-card{background:#fff;border:1px solid #e8edf5;border-radius:16px;box-shadow:0 2px 10px #0f172a0a}.iic-card__header{padding:18px 20px 14px;border-bottom:1px solid #f1f5f9}.iic-card__header h3{margin:0;font-size:15px;font-weight:700;color:#0f172a}.iic-card__header--between{display:flex;justify-content:space-between;align-items:center}.iic-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.iic-form-group{display:flex;flex-direction:column;gap:6px}.iic-form-group--full{grid-column:1/-1}.iic-form-group label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.03em}.iic-form-group input,.iic-form-group select,.iic-form-group textarea{width:100%;min-height:42px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;padding:9px 13px;font-size:14px;color:#0f172a;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;appearance:auto}.iic-form-group input:focus,.iic-form-group select:focus,.iic-form-group textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.iic-form-group input::placeholder,.iic-form-group select::placeholder,.iic-form-group textarea::placeholder{color:#b0bec5}.iic-form-group textarea{min-height:96px;resize:vertical}.iic-label-icon{font-size:14px;color:#94a3b8}.iic-table{width:100%}.iic-table__head,.iic-table__row{display:grid;grid-template-columns:minmax(260px,2fr) repeat(4,1fr);gap:12px;align-items:center;padding:12px 20px}.iic-table__head{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.iic-table__row{border-top:1px solid #f1f5f9;transition:background .12s}.iic-table__row:hover{background:#fafbfd}.iic-table__row input,.iic-table__row select{width:100%;min-height:38px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;padding:7px 10px;font-size:13px;color:#0f172a;outline:none;transition:border-color .15s,box-shadow .15s}.iic-table__row input:focus,.iic-table__row select:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.iic-table__action{display:flex;justify-content:center}.iic-table__empty{padding:16px 20px;font-size:13px;color:#94a3b8}.iic-product-cell{display:flex;align-items:center;gap:10px}.iic-product-cell__thumb{width:46px;height:46px;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;background:#f1f5f9;flex-shrink:0}.iic-product-cell__thumb img{width:100%;height:100%;object-fit:cover}.iic-product-cell__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#cbd5e1}.iic-product-cell__info{display:flex;flex-direction:column;gap:3px;min-width:0}.iic-product-cell__info strong{font-size:13px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iic-product-cell__info span{font-size:11px;color:#94a3b8}.iic-subtotal{font-size:13px;font-weight:600;color:#0f172a}.iic-btn-remove{width:32px;height:32px;border-radius:8px;border:none;background:#fef2f2;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:17px;transition:background .15s,color .15s}.iic-btn-remove:hover{background:#fee2e2;color:#dc2626}.iic-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border-radius:10px;padding:0 16px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .1s}.iic-btn svg{font-size:17px;flex-shrink:0}.iic-btn:hover{transform:translateY(-1px)}.iic-btn--primary{background:#3b82f6;color:#fff}.iic-btn--primary:hover{background:#2563eb}.iic-btn--soft{background:#eff6ff;color:#2563eb}.iic-btn--soft:hover{background:#dbeafe}.iic-btn--block{width:100%}.iic-btn--lg{min-height:50px;font-size:14px;border-radius:12px}.iic-summary{padding:20px}.iic-summary h3{margin:0 0 16px;font-size:15px;font-weight:700;color:#0f172a}.iic-summary__row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;border-bottom:1px solid #f1f5f9}.iic-summary__row span{color:#64748b}.iic-summary__row strong{color:#0f172a}.iic-summary__total{padding:16px 0 12px}.iic-summary__total span{font-size:11px;font-weight:700;color:#3b82f6;text-transform:uppercase;letter-spacing:.05em}.iic-summary__total h2{margin:4px 0 0;font-size:28px;font-weight:800;color:#0f172a;line-height:1}.iic-summary__total small{font-size:13px;color:#94a3b8}.iic-summary__note{margin:4px 0 16px;padding:12px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;font-size:12px;color:#9a3412;line-height:1.6}.iic-quick-actions{padding:12px}.iic-quick-btn{width:100%;min-height:44px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:13px;font-weight:600;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,border-color .15s}.iic-quick-btn svg{font-size:17px;color:#64748b}.iic-quick-btn:hover{background:#f8fafc;border-color:#d1d5db}@media(max-width:1100px){.iic-layout{grid-template-columns:1fr}}@media(max-width:768px){.iic-page{padding:14px}.iic-page__header{flex-wrap:wrap}.iic-form-grid{grid-template-columns:1fr}.iic-table{overflow-x:auto}.iic-table__head,.iic-table__row{min-width:760px}}.vx-loader-wrapper{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.vx-loader-core{display:flex;flex-direction:column;align-items:center;gap:30px}.vx-spinner{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.vx-spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid transparent}.vx-spinner-ring:nth-child(1){border-top-color:#1cff95;border-right-color:#1cff9533;animation:vx-spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 20px #1cff9533}.vx-spinner-ring:nth-child(2){width:70%;height:70%;border-bottom-color:#1cff95;border-left-color:#1cff9533;animation:vx-spin-reverse 1s cubic-bezier(.68,-.55,.265,1.55) infinite}.vx-spinner-dot{width:12px;height:12px;background:#1cff95;border-radius:50%;box-shadow:0 0 15px #1cff95,0 0 30px #1cff95;animation:vx-pulse-glow 1s ease-in-out infinite alternate}.vx-loader-text{display:flex;gap:6px}.vx-loader-text span{color:#fff;font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;animation:vx-wave 1.2s ease-in-out infinite}.vx-loader-text span:nth-child(1){animation-delay:0s}.vx-loader-text span:nth-child(2){animation-delay:.1s}.vx-loader-text span:nth-child(3){animation-delay:.2s}.vx-loader-text span:nth-child(4){animation-delay:.3s}.vx-loader-text span:nth-child(5){animation-delay:.4s}.vx-loader-text span:nth-child(6){animation-delay:.5s}.vx-loader-text span:nth-child(7){animation-delay:.6s}@keyframes vx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vx-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes vx-pulse-glow{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.2);opacity:1}}@keyframes vx-wave{0%,to{transform:translateY(0);color:#fff;text-shadow:none}50%{transform:translateY(-5px);color:#1cff95;text-shadow:0 0 10px rgba(28,255,149,.5)}}.ia-page{padding:24px;background:#f8fafc;min-height:100%}.ia-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.ia-header__left{display:flex;align-items:flex-start;gap:16px}.ia-header__icon{width:48px;height:48px;border-radius:14px;background:#e0e7ff;color:#4f46e5;font-size:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.ia-header__eyebrow{margin:0 0 2px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#6366f1}.ia-header h2{margin:0 0 4px;font-size:22px;font-weight:800;color:#0f172a;line-height:1.2}.ia-header__sub{margin:0;font-size:13px;color:#64748b}.ia-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex-shrink:0}.ia-shell{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:20px;align-items:start}.ia-main,.ia-sidebar{display:flex;flex-direction:column;gap:20px}.ia-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 6px #0f172a0d;overflow:hidden}.ia-card__header{padding:18px 20px 14px;border-bottom:1px solid #f1f5f9}.ia-card__header h3{margin:0 0 3px;font-size:14px;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.04em}.ia-card__header p{margin:0;font-size:12px;color:#94a3b8}.ia-card__header--row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ia-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 20px 20px}.ia-field{display:flex;flex-direction:column;gap:6px}.ia-field--full{grid-column:1/-1}.ia-field label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.ia-field input,.ia-field select,.ia-field textarea{width:100%;min-height:40px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;padding:9px 12px;font-size:13px;color:#0f172a;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;appearance:auto}.ia-field input:focus,.ia-field select:focus,.ia-field textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.ia-field input::placeholder,.ia-field select::placeholder,.ia-field textarea::placeholder{color:#94a3b8}.ia-field textarea{min-height:88px;resize:vertical}.ia-field__icon{font-size:13px;color:#94a3b8}.ia-counter{padding:6px 14px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0}.ia-table-wrap{padding:12px 16px 16px;display:flex;flex-direction:column;gap:12px}.ia-table{display:flex;flex-direction:column;gap:6px}.ia-table__head{display:grid;grid-template-columns:minmax(240px,2fr) 100px 110px 110px 120px;gap:12px;padding:0 14px 8px;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.ia-row{display:grid;grid-template-columns:minmax(240px,2fr) 100px 110px 110px 120px;gap:12px;align-items:center;padding:12px 14px;border:1px solid #f1f5f9;border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}.ia-row:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0f172a0d}.ia-product{display:flex;align-items:center;gap:12px;min-width:0}.ia-product__thumb{width:44px;height:44px;border-radius:10px;overflow:hidden;background:#f1f5f9;border:1px solid #e2e8f0;flex-shrink:0}.ia-product__thumb img{width:100%;height:100%;object-fit:cover;display:block}.ia-product__thumb span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#94a3b8}.ia-product__info{min-width:0;display:flex;flex-direction:column;gap:3px}.ia-product__info strong{font-size:13px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ia-product__info span{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ia-sys-qty{font-size:14px;font-weight:700;color:#334155}.ia-qty-input{width:100%;min-height:36px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;padding:7px 10px;font-size:13px;font-weight:600;color:#0f172a;outline:none;transition:border-color .15s,box-shadow .15s}.ia-qty-input:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.ia-diff{font-size:14px;font-weight:800;color:#334155}.ia-diff--excess{color:#16a34a}.ia-diff--missing{color:#dc2626}.ia-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.ia-badge svg{font-size:13px;flex-shrink:0}.ia-badge--waiting{background:#f1f5f9;color:#64748b}.ia-badge--match{background:#f0fdf4;color:#16a34a}.ia-badge--excess{background:#eef2ff;color:#4f46e5}.ia-badge--missing{background:#fef2f2;color:#dc2626}.ia-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .1s,opacity .15s;white-space:nowrap}.ia-btn svg{font-size:16px;flex-shrink:0}.ia-btn:hover:not(:disabled){transform:translateY(-1px)}.ia-btn:disabled{opacity:.55;cursor:not-allowed}.ia-btn--primary{background:#4f46e5;color:#fff}.ia-btn--primary:hover:not(:disabled){background:#4338ca}.ia-btn--soft{background:#eef2ff;color:#4f46e5}.ia-btn--soft:hover:not(:disabled){background:#e0e7ff}.ia-btn--outline{background:#fff;color:#334155;border:1px solid #e2e8f0}.ia-btn--outline:hover:not(:disabled){background:#f8fafc}.ia-btn--ghost{background:transparent;color:#64748b;border:1px solid #e2e8f0}.ia-btn--ghost:hover:not(:disabled){background:#f8fafc}.ia-btn--block{width:100%}.ia-summary .ia-card__header{padding-bottom:0;border-bottom:none}.ia-summary__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px 16px 0}.ia-summary__total{margin:16px;padding:16px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.ia-summary__total span{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:8px}.ia-summary__total h2{margin:0;font-size:32px;font-weight:800;color:#0f172a;line-height:1}.ia-summary__total small{font-size:12px;color:#94a3b8;margin-top:4px;display:block}.ia-summary__total--pos h2{color:#16a34a}.ia-summary__total--neg h2{color:#dc2626}.ia-summary__actions{padding:0 16px 16px;display:flex;flex-direction:column;gap:8px}.ia-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.ia-stat span{display:block;font-size:11px;color:#94a3b8;margin-bottom:6px;font-weight:600}.ia-stat strong{font-size:22px;font-weight:800;color:#0f172a}.ia-stat--warn{background:#fffbeb;border-color:#fde68a}.ia-stat--warn strong{color:#d97706}.ia-stat--green{background:#f0fdf4;border-color:#bbf7d0}.ia-stat--green strong{color:#16a34a}@media(max-width:1200px){.ia-shell{grid-template-columns:1fr}}@media(max-width:992px){.ia-header{flex-direction:column}.ia-form-grid{grid-template-columns:1fr}}@media(max-width:768px){.ia-page{padding:14px}.ia-header h2{font-size:18px}.ia-table-wrap{overflow-x:auto}.ia-table,.ia-table__head,.ia-row{min-width:760px}}@media print{.no-print{display:none!important}.ia-page{background:#fff!important;padding:0!important}.ia-shell{display:block!important}.ia-card{background:#fff!important;box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid}.ia-table-wrap{overflow:visible!important}.ia-table__head,.ia-row{display:grid!important;grid-template-columns:2.2fr 1fr 1fr 1fr 1fr!important;break-inside:avoid}}.inventory-audit-list-page{min-width:1000px;background:#fff;border-radius:10px;overflow:hidden}.inventory-audit-list-page__top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding:16px 18px;background:#fff;border:1px solid #eee;border-radius:10px}.inventory-audit-list-page__title{font-size:24px;font-weight:600;margin-bottom:6px;color:#111827}.inventory-audit-list-page__desc{font-size:14px;color:#6b7280;margin:0}.inventory-audit-list-page__row{display:grid;grid-template-columns:1.1fr 1fr 1.2fr 1fr 140px;padding:14px;align-items:center;border-bottom:1px solid #f3f3f3;transition:background .2s;gap:10px}.inventory-audit-list-page__row:hover{background:#f9fafb}.inventory-audit-list-page__row--loading .inventory-audit-skeleton{display:inline-block}.inventory-audit-list-page__loading{display:flex;justify-content:center;align-items:center;min-height:220px;width:100%;padding:24px}.inventory-audit-create-btn{min-height:42px;padding:10px 16px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border:none;transition:all .2s ease;white-space:nowrap;background:#3273ff;color:#fff;text-decoration:none}.inventory-audit-create-btn:hover{background:#1d5fe9}.inventory-audit-create-btn:active{background:#004ae9;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset}.inventory-audit-table-wrapper{overflow-x:auto;width:100%}.inventory-audit-table-wrapper::-webkit-scrollbar{height:8px}.inventory-audit-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.inventory-audit-table{min-width:1000px;background:#fff;border-radius:10px;border:1px solid #eee;overflow:hidden}.inventory-audit-table__header{display:grid;grid-template-columns:1.1fr 1fr 1.2fr 1fr 140px;padding:14px;font-weight:600;background:#fafafa;font-size:14px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:5;gap:10px;color:#111827;align-items:center}.inventory-audit-table__row{display:grid;grid-template-columns:1.1fr 1fr 1.2fr 1fr 140px;padding:14px;align-items:center;border-bottom:1px solid #f3f3f3;transition:background .2s;gap:10px}.inventory-audit-table__row:hover{background:#f9fafb}.inventory-audit-table__row--loading .inventory-audit-skeleton{display:inline-block}.inventory-audit-code{font-weight:600;color:#111827}.inventory-audit-date,.inventory-audit-warehouse,.inventory-audit-user{color:#374151;font-size:14px}.inventory-audit-actions{display:flex;align-items:center;justify-content:flex-start}.inventory-audit-view{border:none;background:#3273ff;padding:8px 14px;border-radius:6px;cursor:pointer;color:#fff;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.inventory-audit-view:hover{background:#1d5fe9}.inventory-audit-view:active{background:#004ae9}.inventory-audit-empty{padding:24px;text-align:center;color:#6b7280;font-size:14px;background:#fff}.inventory-audit-skeleton{width:100%;height:18px;border-radius:6px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:inventoryAuditShimmer 1.2s infinite}.inventory-audit-skeleton--btn{height:34px;width:90px;display:inline-block}@keyframes inventoryAuditShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:992px){.inventory-audit-list-page__top{flex-direction:column;align-items:stretch}.inventory-audit-create-btn{width:100%}}@media(max-width:768px){.inventory-audit-list-page__title{font-size:20px}}.spinner{width:40px;height:40px;border:4px solid #eee;border-top-color:#00e0b8;border-radius:50%;animation:spin .8s linear infinite}.inventory-audit-detail-page__top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding:16px 18px;background:#fff;border:1px solid #eee;border-radius:10px}.inventory-audit-detail-page__title{font-size:24px;font-weight:700;margin-bottom:6px;color:#111827}.inventory-audit-detail-page__desc{font-size:14px;color:#6b7280;margin:0}.inventory-audit-detail-page__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inventory-audit-detail-btn{min-height:42px;padding:10px 16px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border:none;transition:all .2s ease;white-space:nowrap;background:#3273ff;color:#fff;text-decoration:none}.inventory-audit-detail-btn:hover{background:#1d5fe9}.inventory-audit-detail-btn:active{background:#004ae9}.inventory-audit-detail-btn--light{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb}.inventory-audit-detail-btn--light:hover{background:#e5e7eb}.inventory-audit-detail-btn--light:active{background:#dbe1e8}.inventory-audit-detail-loading{min-height:300px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #eee;border-radius:12px}.inventory-audit-paper{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 30px #1118270a;overflow:hidden}.inventory-audit-paper__header{padding:24px 24px 18px;border-bottom:1px solid #eceff3}.inventory-audit-paper__heading{font-size:42px;line-height:1.1;font-weight:800;color:#111827;margin:0 0 18px;text-transform:uppercase;letter-spacing:.5px}.inventory-audit-paper__meta{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inventory-audit-paper__meta-col p{margin:0 0 10px;font-size:16px;color:#111827;line-height:1.5}.inventory-audit-paper__meta-col strong{font-weight:700}.inventory-audit-paper__table-wrap{overflow-x:auto;width:100%}.inventory-audit-paper__table{min-width:980px}.inventory-audit-paper__thead{display:grid;grid-template-columns:72px minmax(360px,1.8fr) 1fr 1fr 1fr 1fr;background:#f8fafc;border-bottom:1px solid #e5e7eb}.inventory-audit-paper__thead>div{padding:16px 14px;font-size:15px;font-weight:700;color:#111827;text-align:center;border-right:1px solid #e5e7eb}.inventory-audit-paper__thead>div:last-child{border-right:none}.inventory-audit-paper__row{display:grid;grid-template-columns:72px minmax(360px,1.8fr) 1fr 1fr 1fr 1fr;border-bottom:1px solid #edf0f3;min-height:88px}.inventory-audit-paper__row>div{border-right:1px solid #edf0f3}.inventory-audit-paper__row>div:last-child{border-right:none}.inventory-audit-paper__row:hover{background:#fafcff}.inventory-audit-paper__stt,.inventory-audit-paper__qty,.inventory-audit-paper__status{display:flex;align-items:center;justify-content:center;padding:14px;font-size:15px;color:#111827}.inventory-audit-paper__qty{font-weight:600}.inventory-audit-paper__qty.is-diff{color:#dc2626}.inventory-audit-paper__product{display:flex;align-items:center;gap:12px;padding:12px;min-width:0}.inventory-audit-paper__thumb{width:48px;height:48px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;flex-shrink:0;background:#fff}.inventory-audit-paper__thumb img{width:100%;height:100%;object-fit:cover;display:block}.inventory-audit-paper__product-info{min-width:0}.inventory-audit-paper__product-info h4{margin:0 0 4px;font-size:16px;line-height:1.4;font-weight:700;color:#111827;word-break:break-word}.inventory-audit-paper__product-info p{margin:0;font-size:14px;color:#6b7280;word-break:break-word}.inventory-audit-paper__empty{padding:32px 20px;text-align:center;color:#6b7280;font-size:14px}.inventory-audit-paper__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px 24px;border-top:1px solid #eceff3;background:#fcfcfd}.inventory-audit-paper__signatures{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px 24px 34px;border-top:1px solid #eceff3}.inventory-audit-status{display:inline-flex;align-items:center;justify-content:center;min-width:96px;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.inventory-audit-status--success{color:#166534;background:#dcfce7}.inventory-audit-status--warning{color:#92400e;background:#fef3c7}.inventory-audit-status--danger{color:#991b1b;background:#fee2e2}.inventory-audit-summary-card{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:16px;display:flex;flex-direction:column;gap:10px}.inventory-audit-summary-card span{font-size:14px;color:#6b7280}.inventory-audit-summary-card strong{font-size:28px;line-height:1;color:#111827;font-weight:800}.inventory-audit-sign-box{text-align:center}.inventory-audit-sign-box__label{margin:0 0 18px;font-size:16px;font-weight:700;color:#111827}.inventory-audit-sign-box__space{height:90px}.inventory-audit-sign-box__name{margin:0;font-size:16px;font-weight:700;color:#111827}@media(max-width:992px){.inventory-audit-detail-page__top{flex-direction:column;align-items:stretch}.inventory-audit-detail-page__actions{width:100%}.inventory-audit-detail-btn{flex:1}.inventory-audit-paper__heading{font-size:34px}.inventory-audit-paper__meta{grid-template-columns:1fr}.inventory-audit-paper__summary{grid-template-columns:repeat(2,1fr)}.inventory-audit-paper__signatures{grid-template-columns:1fr}}@media(max-width:768px){.inventory-audit-detail-page__title{font-size:20px}.inventory-audit-paper__header{padding:18px}.inventory-audit-paper__heading{font-size:28px;margin-bottom:14px}.inventory-audit-paper__summary{grid-template-columns:1fr;padding:18px}.inventory-audit-paper__signatures{padding:20px 18px 28px}.inventory-audit-summary-card strong{font-size:24px}}.inventory-import-admin-table{min-width:1100px}.inventory-import-list-page__header{display:flex;align-items:center;justify-content:space-between}.inventory-import-list-page__actions{display:flex;flex-direction:column;gap:15px}.inventory-import-list-page__actions .come-back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#111827;background:#fff;border:1px solid #e5e7eb;padding:10px 14px;border-radius:10px;font-weight:600;transition:.2s ease}.inventory-import-list-page__actions .come-back:hover{background:#f9fafb}.inventory-import-list-page__actions .come-back svg{font-size:18px}.inventory-import-table-header,.inventory-import-table-row{display:grid;grid-template-columns:160px 1.8fr 160px 140px 120px 120px;gap:16px;align-items:center}.inventory-import-ref{display:flex;flex-direction:column;gap:4px}.inventory-import-ref strong{font-size:14px;font-weight:600;color:#111827}.inventory-import-ref span{font-size:12px;color:#777}.inventory-import-table-row .admin-product-info.admin-col-product{display:flex;align-items:center;gap:12px;min-width:0}.admin-product-images{width:52px;height:52px;border-radius:8px;overflow:hidden;background:#f3f4f6;border:1px solid #e5e7eb;flex-shrink:0}.admin-product-images img{width:100%;height:100%;object-fit:cover}.admin-product-name{margin:0 0 4px;font-size:14px;font-weight:500;color:#111827;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-product-sub{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-import-warehouse{font-weight:500;color:#374151}.inventory-import-price{font-weight:600;color:#dc2626}.inventory-import-quantity{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:6px 10px;border-radius:999px;background:#eff6ff;color:#2563eb;font-weight:600;font-size:13px}.admin-actions{display:flex;align-items:center}.admin-edit{padding:6px 12px;border-radius:6px;font-size:13px;text-decoration:none}.inventory-import-thumb-skeleton{width:40px;height:40px;border-radius:6px;background:#ececec;flex-shrink:0}.skeleton-line{border-radius:6px;background:linear-gradient(90deg,#f1f1f1 25%,#e7e7e7 37%,#f1f1f1 63%);background-size:400% 100%;animation:loading 1.4s ease infinite}.skeleton-line--sm{width:60px;height:12px}.skeleton-line--md{width:90px;height:14px}.skeleton-line--lg{width:180px;height:14px;margin-bottom:8px}.skeleton-btn{width:80px;height:32px;border-radius:6px;background:linear-gradient(90deg,#f1f1f1 25%,#e7e7e7 37%,#f1f1f1 63%);background-size:400% 100%;animation:loading 1.4s ease infinite}@keyframes loading{0%{background-position:100% 50%}to{background-position:0 50%}}*{box-sizing:border-box}.iec-page{padding:24px;background:#f4f6fb;min-height:100%}.iec-page__header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.iec-page__title-group{display:flex;align-items:center;gap:14px}.iec-page__title-group h2{margin:0;font-size:22px;font-weight:700;color:#0f172a;line-height:1.2}.iec-page__title-group p{margin:3px 0 0;color:#64748b;font-size:13px}.iec-page__icon-wrap{width:44px;height:44px;border-radius:12px;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.iec-page__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.iec-btn-back{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#374151;background:#fff;border:1px solid #e5e7eb;padding:9px 16px;border-radius:10px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;white-space:nowrap}.iec-btn-back svg{font-size:17px;flex-shrink:0}.iec-btn-back:hover{background:#f9fafb;border-color:#d1d5db}.iec-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.iec-main,.iec-side{display:flex;flex-direction:column;gap:20px}.iec-card{background:#fff;border:1px solid #e8edf5;border-radius:16px;box-shadow:0 2px 10px #0f172a0a}.iec-card__header{padding:18px 20px 14px;border-bottom:1px solid #f1f5f9}.iec-card__header h3{margin:0;font-size:15px;font-weight:700;color:#0f172a}.iec-card__header--between{display:flex;justify-content:space-between;align-items:center}.iec-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.iec-form-group{display:flex;flex-direction:column;gap:6px}.iec-form-group--full{grid-column:1/-1}.iec-form-group label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.03em}.iec-form-group input,.iec-form-group select,.iec-form-group textarea{width:100%;min-height:42px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;padding:9px 13px;font-size:14px;color:#0f172a;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;appearance:auto}.iec-form-group input:focus,.iec-form-group select:focus,.iec-form-group textarea:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.iec-form-group input::placeholder,.iec-form-group select::placeholder,.iec-form-group textarea::placeholder{color:#b0bec5}.iec-form-group textarea{min-height:96px;resize:vertical}.iec-label-icon{font-size:14px;color:#94a3b8}.iec-table{width:100%}.iec-table__head,.iec-table__row{display:grid;grid-template-columns:2fr 120px 140px 140px 56px;gap:12px;align-items:center;padding:12px 20px}.iec-table__head{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.iec-table__row{border-top:1px solid #f1f5f9;transition:background .12s}.iec-table__row:hover{background:#fafbfd}.iec-table__row select,.iec-table__row input{width:100%;min-height:38px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;padding:7px 10px;font-size:13px;color:#0f172a;outline:none;transition:border-color .15s,box-shadow .15s}.iec-table__row select:focus,.iec-table__row input:focus{border-color:#f59e0b;background:#fff;box-shadow:0 0 0 3px #f59e0b1a}.iec-table__action{display:flex;justify-content:center}.iec-stock-number{font-size:14px;font-weight:700;color:#0f172a}.iec-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.iec-badge svg{font-size:14px;flex-shrink:0}.iec-badge--ok{background:#ecfdf5;color:#15803d}.iec-badge--danger{background:#fef2f2;color:#dc2626}.iec-btn-remove{width:32px;height:32px;border-radius:8px;border:none;background:#fef2f2;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:17px;transition:background .15s}.iec-btn-remove:hover{background:#fee2e2;color:#dc2626}.iec-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border-radius:10px;padding:0 16px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .1s,opacity .15s}.iec-btn svg{font-size:17px;flex-shrink:0}.iec-btn:hover:not(:disabled){transform:translateY(-1px)}.iec-btn:disabled{opacity:.6;cursor:not-allowed}.iec-btn--primary{background:#f59e0b;color:#fff}.iec-btn--primary:hover:not(:disabled){background:#d97706}.iec-btn--success{background:#ecfdf5;color:#15803d}.iec-btn--success:hover:not(:disabled){background:#dcfce7}.iec-btn--block{width:100%}.iec-btn--lg{min-height:50px;font-size:14px;border-radius:12px}.iec-summary{padding:20px}.iec-summary h3{margin:0 0 16px;font-size:15px;font-weight:700;color:#0f172a}.iec-summary__row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;border-bottom:1px solid #f1f5f9}.iec-summary__row span{color:#64748b}.iec-summary__row strong{color:#0f172a}.iec-summary__note{margin:16px 0;padding:12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;font-size:12px;color:#374151;line-height:1.6}.iec-summary__note strong{display:block;margin-bottom:6px;color:#0f172a}.iec-summary__note ul{margin:0;padding-left:16px}.iec-summary__note ul li{margin-bottom:4px}@media(max-width:1100px){.iec-layout{grid-template-columns:1fr}}@media(max-width:768px){.iec-page{padding:14px}.iec-page__header{flex-wrap:wrap}.iec-form-grid{grid-template-columns:1fr}.iec-table{overflow-x:auto}.iec-table__head,.iec-table__row{min-width:720px}}.orders-page{padding:24px}.admin-product-page__title{font-size:22px;font-weight:700;margin-bottom:20px;color:#1a1a2e}.admin-product-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.admin-product-stats .status-active{border:2px solid currentColor;box-shadow:0 0 0 3px #0000000f}.admin-product-stats .admin-stat-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px 20px;cursor:pointer;transition:transform .15s,box-shadow .15s}.admin-product-stats .admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.admin-product-stats .admin-stat-card p{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#555;margin-bottom:8px}.admin-product-stats .admin-stat-card p svg{font-size:17px}.admin-product-stats .admin-stat-card.admin-stat-pending svg{color:#f59e0b}.admin-product-stats .admin-stat-card.admin-stat-pending.status-active{border-color:#f59e0b}.admin-product-stats .admin-stat-card.admin-stat-confirmed svg{color:#3b82f6}.admin-product-stats .admin-stat-card.admin-stat-confirmed.status-active{border-color:#3b82f6}.admin-product-stats .admin-stat-card.admin-stat-shipped svg{color:#8b5cf6}.admin-product-stats .admin-stat-card.admin-stat-shipped.status-active{border-color:#8b5cf6}.admin-product-stats .admin-stat-card.admin-stat-done svg{color:#10b981}.admin-product-stats .admin-stat-card.admin-stat-done.status-active{border-color:#10b981}.admin-product-stats .admin-stat-card.admin-stat-cancel svg{color:#ef4444}.admin-product-stats .admin-stat-card.admin-stat-cancel.status-active{border-color:#ef4444}.admin-product-stats .admin-stat-card.admin-stat-suspicious svg{color:#b91c1c}.admin-product-stats .admin-stat-card.admin-stat-suspicious.status-active{border-color:#b91c1c}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.admin-toolbar__filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-toolbar__actions{display:flex;align-items:center;gap:10px}.admin-toolbar select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;color:#374151;cursor:pointer;outline:none;transition:border-color .2s}.admin-toolbar select:focus{border-color:#6366f1}.admin-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;transition:border-color .2s}.admin-search:focus-within{border-color:#6366f1}.admin-search svg{color:#9ca3af;font-size:15px}.admin-search input{border:none;outline:none;font-size:13px;width:220px;color:#374151}.admin-search input::placeholder{color:#b0b7c3}.admin-reset{display:flex;align-items:center;gap:5px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:13px;cursor:pointer;transition:.15s}.admin-reset:hover{background:#f8fafc;border-color:#cbd5e1}.admin-activity{padding:8px 18px;border:none;border-radius:8px;background:#6366f1;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.admin-activity:hover{background:#4f46e5}.orders-table{background:#fff;border:1px solid #eef0f4;border-radius:12px;overflow:hidden;margin-bottom:20px}.orders-header,.orders-row{display:grid;grid-template-columns:44px 140px 140px 130px 1fr 150px 140px 130px;padding:12px 16px;gap:10px;align-items:center}.orders-header{background:#f8fafc;font-weight:600;font-size:13px;color:#64748b;border-bottom:1px solid #eef0f4;text-transform:uppercase;letter-spacing:.3px}.orders-row{border-bottom:1px solid #f3f4f6;cursor:pointer;font-size:13.5px;color:#374151;transition:background .15s}.orders-row:last-child{border-bottom:none}.orders-row:hover{background:#f9fafb}.skeleton-row{display:grid;grid-template-columns:44px 140px 140px 130px 1fr 150px 140px 130px;gap:10px;padding:14px 16px;align-items:center;border-bottom:1px solid #f3f4f6}.order-code{font-weight:600;color:#6366f1;font-size:12.5px}.order-price{font-weight:600;color:#111827}.order-date{color:#9ca3af;font-size:12.5px}.new-order{animation:highlight 3s ease-out;background:#fffbeb}@keyframes highlight{0%{background:#fde68a}to{background:#fffbeb}}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11.5px;font-weight:600;white-space:nowrap}.status--pending{background:#fef3c7;color:#b45309}.status--confirmed{background:#dbeafe;color:#1d4ed8}.status--shipped{background:#ede9fe;color:#6d28d9}.status--done{background:#d1fae5;color:#065f46}.status--cancel,.status--suspicious{background:#fee2e2;color:#b91c1c}.status--lg{font-size:13px;padding:5px 14px}.order-modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:999;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeOverlay .2s ease}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.order-modal{background:#fff;border-radius:16px;width:100%;max-width:780px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #0003;animation:modalIn .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.order-modal__header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid #f1f5f9;background:#fafbff;flex-shrink:0}.order-modal__title{display:flex;align-items:center;gap:14px}.order-modal__title .title-icon{font-size:30px;color:#6366f1;background:#eef2ff;padding:8px;border-radius:10px;flex-shrink:0}.order-modal__title h2{font-size:17px;font-weight:700;color:#1e293b;margin:0 0 3px}.order-modal__code{font-size:13px;color:#6366f1;font-weight:600;background:#eef2ff;padding:2px 8px;border-radius:6px}.order-modal__header-right{display:flex;align-items:center;gap:12px}.order-modal__body{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:24px;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.order-modal__body::-webkit-scrollbar{width:5px}.order-modal__body::-webkit-scrollbar-track{background:transparent}.order-modal__body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.order-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:18px 28px;border-top:1px solid #f1f5f9;background:#fafbff;flex-shrink:0}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close-btn{width:34px;height:34px;border:none;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;font-size:18px;transition:background .15s,color .15s}.modal-close-btn:hover{background:#fee2e2;color:#dc2626}.modal-section__title{display:flex;align-items:center;font-size:13.5px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#f8fafc;border-radius:10px}.info-item .info-icon{font-size:17px;color:#6366f1;margin-top:2px;flex-shrink:0}.info-item div{display:flex;flex-direction:column;gap:2px}.info-item .info-label{font-size:11px;color:#9ca3af;text-transform:uppercase;font-weight:600;letter-spacing:.4px}.info-item .info-value{font-size:13.5px;color:#1e293b;font-weight:500;word-break:break-word}.product-list{display:flex;flex-direction:column;gap:10px}.product-item{display:flex;align-items:center;gap:14px;padding:12px;background:#f8fafc;border-radius:10px;border:1px solid #eef0f4}.product-item img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0;flex-shrink:0}.product-item__info{flex:1;display:flex;flex-direction:column;gap:6px}.product-item__title{font-size:13.5px;font-weight:600;color:#1e293b;line-height:1.4}.product-item__meta{display:flex;align-items:center;gap:12px}.product-item .product-qty{font-size:12px;color:#6b7280;background:#e5e7eb;padding:2px 8px;border-radius:12px;font-weight:500}.product-item .product-price{font-size:13px;font-weight:700;color:#6366f1}.order-summary{background:#fafbff;border:1px solid #eef2ff;border-radius:12px;padding:16px}.order-summary .modal-section__title{border-bottom-color:#eef2ff;color:#4338ca}.summary-rows{display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:#64748b}.summary-row.discount span:last-child{color:#10b981;font-weight:600}.summary-row.total{font-size:16px;font-weight:700;color:#1e293b;border-top:1px dashed #e2e8f0;padding-top:10px;margin-top:4px}.summary-row.total span:last-child{color:#6366f1;font-size:18px}.btn-close{display:flex;align-items:center;gap:6px;padding:10px 20px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#64748b;font-size:13.5px;font-weight:600;cursor:pointer;transition:.15s}.btn-close:hover{background:#f8fafc;border-color:#cbd5e1}.btn-detail{display:inline-flex;align-items:center;padding:10px 22px;border-radius:10px;background:#6366f1;color:#fff;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s}.btn-detail:hover{background:#4f46e5;color:#fff}.users-page__title{font-size:24px;font-weight:600;margin-bottom:20px}.role{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;color:#fff;text-align:center}.member-bronze{background:linear-gradient(135deg,#cd7f32,#a97142);box-shadow:0 2px 6px #cd7f324d}.member-silver{background:linear-gradient(135deg,silver,#9e9e9e);box-shadow:0 2px 6px #c0c0c04d}.member-gold{background:linear-gradient(135deg,gold,#e6b800);box-shadow:0 2px 6px #ffd7004d;color:#333}.member-diamond{background:linear-gradient(135deg,#00cfff,#007bff);box-shadow:0 2px 8px #00cfff66}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;background:#fff;padding:18px;border-radius:10px;border:1px solid #eee}.stat-card{background:#fff;padding:18px;border-radius:10px;border:1px solid #eee}.stat-card p{font-size:14px;color:#777;display:flex;align-items:center;gap:6px}.stat-card h3{margin-top:5px;font-size:22px;font-weight:700}.stat-total svg{color:#2563eb;background:#d8e8ff;font-size:16px;border-radius:4px;padding:2px}.stat-active svg{color:#16a34a;background:#ecfdf5;font-size:16px;border-radius:4px;padding:2px}.stat-admin svg{color:#7c3aed;background:#f3e8ff;font-size:16px;border-radius:4px;padding:2px}.stat-blocked svg{color:#dc2626;background:#fef2f2;font-size:16px;border-radius:4px;padding:2px}.account-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:20px}.account-filters .activity{background:#22c55e;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:600}.account-filters .activity:active{background:#008f34}.account-filters .reset{background:#ff5441;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:600}.account-filters .reset svg{font-size:18px}.account-filters .reset:active{background:#960000}.account-filters input,.account-filters select{padding:8px 12px;border-radius:6px;border:1px solid #ddd;font-size:14px;background:#fff;color:#111}.account-filters input:focus,.account-filters select:focus{outline:none;border-color:#3273ff}.account-filters .search{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;padding-left:10px;background:#fff}.account-filters .search svg{color:#9ca3af;flex-shrink:0}.account-filters .search input{width:100%;border:none;outline:none;padding-left:8px}.account-filters .search input:focus{border:none;outline:none}.account-filters .create{background:#3273ff;border:none;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;font-weight:600;cursor:pointer;padding:8px 14px;font-size:14px}.account-filters .create:hover{background:#1a5ce8}.account-filters .create:active{background:#004ae9}.table-wrapper{overflow-x:auto;width:100%}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.account-table{min-width:1000px;background:#fff;border-radius:10px;border:1px solid #eee;overflow:hidden}.account-table .table-header{display:grid;grid-template-columns:50px 300px 1fr 1fr 1fr 1fr 250px;padding:14px;font-weight:600;background:#fafafa;font-size:14px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:5;gap:10px;align-items:center}.account-table .table-row{display:grid;grid-template-columns:50px 300px 1fr 1fr 1fr 1fr 250px;padding:14px;align-items:center;border-bottom:1px solid #f3f3f3;transition:background .15s;gap:10px;position:relative}.account-table .table-row.clickable-row{cursor:pointer}.account-table .table-row:hover,.account-table .table-row:hover .col-account{background:#f9fafb}.account-table .empty-row{padding:32px;text-align:center;color:#9ca3af;font-size:14px}.col-account{position:sticky;left:0;background:#fff;z-index:4;transition:background .15s}.account-info{display:flex;align-items:center;gap:12px}.account-info img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid #eee;flex-shrink:0}.account-name{font-weight:500;font-size:14px}.account-sub{font-size:12px;color:#777}.status,.role{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.status.active{background:#e6f7ed;color:#22a06b}.status.inactive{background:#ffc6c6;color:#d05a5a}.role.super-admin{background:#ede9fe;color:#7c3aed}.role.staff{background:#e5e7eb;color:#4b5563}.actions{display:flex;gap:6px}.actions .edit{border:none;background:#3273ff;padding:6px 10px;border-radius:6px;cursor:pointer;color:#fff;font-weight:600;font-size:13px}.actions .edit:hover{background:#1a5ce8}.actions .delete{border:none;background:#ff5441;padding:6px 10px;border-radius:6px;cursor:pointer;color:#fff;font-weight:600;font-size:13px}.actions .delete:hover{background:#d05a5a}.actions .delete:active{background:#8f0101}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:backdropIn .2s ease}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.user-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #0000002e;animation:modalIn .22s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.modal-user-hero{display:flex;align-items:center;gap:14px}.modal-user-hero img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.modal-hero-text h3{font-size:18px;font-weight:700;margin-bottom:6px;color:#111}.modal-hero-badges{display:flex;gap:6px;flex-wrap:wrap}.modal-close{border:none;background:#f3f4f6;border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#6b7280;flex-shrink:0;transition:background .15s}.modal-close:hover{background:#e5e7eb;color:#111}.modal-tabs{display:flex;gap:4px;padding:12px 24px 0;border-bottom:1px solid #f0f0f0;flex-shrink:0}.tab-btn{padding:8px 16px;border:none;background:none;font-size:14px;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:6px 6px 0 0;font-weight:500;transition:color .15s,border-color .15s}.tab-btn:hover{color:#3273ff}.tab-btn.tab-active{color:#3273ff;border-bottom-color:#3273ff;font-weight:600}.modal-body{flex:1;overflow-y:auto;padding:20px 24px 24px}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:6px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.info-item{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f9fafb;border-radius:10px;border:1px solid #f0f0f0}.info-item div{display:flex;flex-direction:column;gap:2px;min-width:0}.info-icon{color:#3273ff;font-size:15px;margin-top:2px;flex-shrink:0}.info-label{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.info-value{font-size:14px;color:#111;font-weight:500;word-break:break-word}.info-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary-card{display:flex;align-items:center;gap:10px;padding:14px;border-radius:10px;border:1px solid #f0f0f0;background:#fff}.summary-card div{display:flex;flex-direction:column}.sum-icon{font-size:20px;flex-shrink:0}.icon-heart{color:#f43f5e}.icon-order{color:#3273ff}.icon-spend{color:#22c55e}.sum-val{font-size:15px;font-weight:700;color:#111}.sum-label{font-size:11px;color:#9ca3af}.wishlist-list{display:flex;flex-direction:column;gap:10px}.wishlist-item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:10px;border:1px solid #f0f0f0;background:#fafafa;transition:border-color .15s}.wishlist-item:hover{border-color:#d1d5db;background:#fff}.wishlist-item img{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid #eee}.wishlist-info{flex:1;min-width:0}.wishlist-name{font-size:14px;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wishlist-cat{font-size:12px;color:#9ca3af}.wishlist-price{font-size:14px;font-weight:700;color:#3273ff;white-space:nowrap}.orders-list{display:flex;flex-direction:column;gap:10px}.order-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:10px;border:1px solid #f0f0f0;background:#fafafa;transition:border-color .15s}.order-item:hover{border-color:#d1d5db;background:#fff}.order-left{display:flex;flex-direction:column;gap:3px}.order-id{font-size:14px;font-weight:700;color:#111}.order-meta{font-size:12px;color:#9ca3af}.order-right{display:flex;align-items:center;gap:12px}.order-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.order-delivered{background:#e6f7ed;color:#22a06b}.order-processing{background:#fef9c3;color:#a16207}.order-shipped{background:#dbeafe;color:#1d4ed8}.order-cancelled{background:#ffc6c6;color:#d05a5a}.order-total{font-size:15px;font-weight:700;color:#111;white-space:nowrap}.empty-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 0;color:#9ca3af;font-size:14px}.info-stats{display:flex;gap:5px;margin-top:20px}.info-stat-card{flex:1;border:1px solid #e5e7eb;border-radius:12px;padding:20px 16px;background:#fff;text-align:center;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.info-stat-card p svg{width:14px;color:#00f}.info-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.info-stat-card .stat-label{display:flex;justify-content:center;align-items:center;gap:6px;font-size:14px;color:#6b7280;margin-bottom:8px}.info-stat-card .stat-label svg{font-size:18px}.info-stat-card .stat-number{display:block;font-size:14px;font-weight:700;color:#111827}@media(max-width:768px){.info-stats{flex-direction:column}}@media(max-width:1400px){.account-filters{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.account-stats{grid-template-columns:repeat(2,1fr)}.account-filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.account-stats,.account-filters{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.info-summary{grid-template-columns:1fr 1fr}}@media(max-width:600px){.account-stats{display:flex;flex-direction:column}.account-filters,.info-summary{grid-template-columns:1fr}}.pd{padding:24px;min-height:100vh;animation:pd-fadein .3s ease;--pd-border: #eef0f4;--pd-text: #1e293b;--pd-muted: #64748b;--pd-accent: #6366f1;--pd-bg: #f8fafc;--pd-radius: 12px}@keyframes pd-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pd .pd__card{background:#fff;border:1px solid var(--pd-border);border-radius:var(--pd-radius);padding:22px}.pd .pd__card-title{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--pd-muted);padding-bottom:14px;border-bottom:1px solid var(--pd-border);margin-bottom:18px}.pd .pd__card-title svg{font-size:15px}.pd__header-bar{margin-bottom:18px}.pd__back{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--pd-muted);text-decoration:none;font-weight:500;transition:color .15s}.pd__back:hover{color:var(--pd-accent)}.pd__hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--pd-border);border-radius:var(--pd-radius);padding:22px}.pd__hero-left{display:flex;gap:20px;align-items:flex-start}.pd__thumbnail{width:110px;height:110px;border-radius:12px;overflow:hidden;border:1px solid var(--pd-border);flex-shrink:0}.pd__thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.pd__hero-info{display:flex;flex-direction:column;gap:10px}.pd__hero-tags{display:flex;gap:8px;flex-wrap:wrap}.pd__status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700}.pd__status-badge--active{background:#d1fae5;color:#065f46}.pd__status-badge--inactive{background:#fee2e2;color:#b91c1c}.pd__status-badge--featured{background:#fef3c7;color:#b45309}.pd__title{font-size:22px;font-weight:700;color:var(--pd-text);margin:0;line-height:1.3}.pd__meta{display:flex;gap:16px;flex-wrap:wrap}.pd__meta span{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--pd-muted)}.pd__meta span svg{font-size:14px}.pd__hero-actions{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.pd__action-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:opacity .15s,transform .1s,box-shadow .15s}.pd__action-btn:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 4px 14px #0000001a}.pd__action-btn:active{transform:translateY(0);box-shadow:none}.pd__action-btn--ghost{background:#fff;color:var(--pd-text);border:1px solid var(--pd-border)}.pd__action-btn--primary{background:var(--pd-accent);color:#fff}.pd__action-btn--danger{background:#fff;color:#b91c1c;border:1.5px solid #fca5a5}.pd__action-btn--danger:hover{background:#fff5f5}.pd__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}@media(max-width:900px){.pd__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.pd__stats{grid-template-columns:1fr}}.pd__stat-card{background:#fff;border:1px solid var(--pd-border);border-radius:var(--pd-radius);padding:18px 20px;display:flex;align-items:center;gap:14px}.pd__stat-card p{font-size:12px;color:var(--pd-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.pd__stat-card h2{font-size:26px;font-weight:700;color:var(--pd-text);margin:0}.pd__stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.pd__stat-icon--blue{background:#dbeafe;color:#1d4ed8}.pd__stat-icon--amber{background:#fef3c7;color:#b45309}.pd__stat-icon--purple{background:#ede9fe;color:#6d28d9}.pd__stat-icon--green{background:#d1fae5;color:#065f46}.pd__layout{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}@media(max-width:960px){.pd__layout{grid-template-columns:1fr}}.pd__main{display:flex;flex-direction:column;gap:16px}.pd__price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}@media(max-width:600px){.pd__price-grid{grid-template-columns:1fr}}.pd__price-box{padding:18px 20px;border-radius:12px;background:var(--pd-bg);border:1px solid var(--pd-border)}.pd__price-box span{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pd-muted)}.pd__price-box h2{font-size:24px;font-weight:700;color:var(--pd-text);margin:8px 0 0}.pd__price-box--discount h2{color:#ef4444}.pd__price-box--final{background:#eef2ff;border-color:#c7d2fe}.pd__price-box--final h2,.pd__price-box--final span{color:var(--pd-accent)}.pd__stock-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:13.5px;font-weight:500}.pd__stock-banner svg{font-size:17px;flex-shrink:0}.pd__stock-banner--ok{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.pd__stock-banner--low{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.pd__gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pd__gallery .ant-image{width:100%;height:160px;overflow:hidden;border-radius:10px;border:1px solid var(--pd-border)}.pd__gallery .ant-image img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:700px){.pd__gallery{grid-template-columns:repeat(2,1fr)}}.pd__description{line-height:1.8;color:#444;font-size:14px}.pd__specs{border:1px solid var(--pd-border);border-radius:10px;overflow:hidden}.pd__spec-row{display:flex;justify-content:space-between;padding:14px 18px;font-size:13.5px}.pd__spec-row span{color:var(--pd-muted)}.pd__spec-row strong{color:var(--pd-text);font-weight:600}.pd__spec-row--even{background:var(--pd-bg)}.pd__review-overview{display:grid;grid-template-columns:220px 1fr;gap:24px;margin-bottom:24px;padding:20px;background:var(--pd-bg);border-radius:12px;border:1px solid var(--pd-border)}@media(max-width:700px){.pd__review-overview{grid-template-columns:1fr}}.pd__avg-block{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.pd__avg-block p{font-size:13px;color:var(--pd-muted);margin:0}.pd__avg-number{font-size:60px;font-weight:700;color:var(--pd-text);line-height:1}.pd__rating-bars{display:flex;flex-direction:column;justify-content:center;gap:10px}.pd__rating-bar{display:grid;grid-template-columns:50px 1fr 38px;align-items:center;gap:10px;font-size:13px;color:var(--pd-muted)}.pd__rating-bar strong{font-size:12px;color:#9ca3af;text-align:right}.pd__bar-track{height:6px;border-radius:999px;background:#e2e8f0;overflow:hidden}.pd__bar-fill{height:100%;border-radius:inherit;background:var(--pd-accent);transition:width .4s ease}.pd__review-list{display:flex;flex-direction:column;gap:16px}.pd__review-card{border:1px solid var(--pd-border);border-radius:12px;padding:18px;background:#fff;position:relative;transition:box-shadow .15s,border-color .3s}.pd__review-card:hover{box-shadow:0 4px 16px #0000000f}.pd__review-card--highlight{border-color:var(--pd-accent)!important;box-shadow:0 0 0 3px #6366f126,0 8px 24px #6366f11f!important;animation:pd-review-pulse 1.5s ease-in-out infinite}@keyframes pd-review-pulse{0%,to{box-shadow:0 0 0 3px #6366f126,0 8px 24px #6366f11f}50%{box-shadow:0 0 0 6px #6366f114,0 12px 32px #6366f12e}}.pd__review-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.pd__review-user{display:flex;gap:10px;align-items:center}.pd__review-user h4{margin:0 0 3px;font-size:14px;font-weight:600;color:var(--pd-text)}.pd__review-user span{font-size:12px;color:var(--pd-muted);display:flex;align-items:center;gap:4px}.pd__review-title{font-size:14.5px;font-weight:700;color:var(--pd-text);margin:0 0 8px}.pd__review-comment{font-size:13.5px;color:#555;line-height:1.7;margin:0 0 12px}.pd__edited-tag{display:inline-block;font-size:11px;font-weight:600;color:#1d4ed8;background:#dbeafe;padding:2px 8px;border-radius:6px;margin-bottom:10px}.pd__review-images{display:flex;gap:10px;margin-top:12px}.pd__review-images .ant-image{width:80px;height:80px;overflow:hidden;border-radius:10px;border:1px solid var(--pd-border)}.pd__review-images .ant-image img{width:100%;height:100%;object-fit:cover}.pd__admin-reply{margin-top:16px;margin-left:36px;padding:16px;border-radius:12px;background:#f5f9ff;border:1px solid #dbeafe;position:relative}.pd__admin-reply:before{content:"";position:absolute;left:-9px;top:22px;width:16px;height:16px;background:#f5f9ff;border-left:1px solid #dbeafe;border-bottom:1px solid #dbeafe;transform:rotate(45deg)}.pd__reply-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.pd__admin-info{display:flex;gap:10px;align-items:center}.pd__admin-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;border:2px solid #dbeafe;flex-shrink:0}.pd__admin-avatar img{width:100%;height:100%;object-fit:cover;display:block}.pd__admin-name-row{display:flex;align-items:center;gap:8px;margin-bottom:3px}.pd__admin-name-row h4{margin:0;font-size:14px;font-weight:700;color:var(--pd-text)}.pd__role-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;background:#ef4444;color:#fff;text-transform:capitalize}.pd__reply-time{font-size:12px;color:var(--pd-muted);margin:0}.pd__action-wrapper{display:flex;align-items:center;gap:8px;position:relative}.pd__shop-tag{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:6px;background:#dbeafe;color:#1d4ed8;white-space:nowrap}.pd__more-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;color:var(--pd-muted);font-size:17px;transition:background .15s,color .15s}.pd__more-btn:hover{background:#e0e7ff;color:var(--pd-accent)}.pd__action-menu{position:absolute;top:38px;right:0;min-width:130px;background:#fff;border:1px solid var(--pd-border);border-radius:10px;box-shadow:0 8px 24px #0000001a;z-index:20;padding:5px;list-style:none;margin:0}.pd__action-menu li{padding:9px 13px;border-radius:7px;font-size:13.5px;font-weight:500;color:var(--pd-text);cursor:pointer;transition:background .15s}.pd__action-menu li:hover{background:var(--pd-bg)}.pd__action-menu-danger{color:#b91c1c!important}.pd__action-menu-danger:hover{background:#fff5f5!important}.pd__reply-content{font-size:13.5px;color:#374151;line-height:1.7;margin:0}.pd__reply-trigger{margin-top:12px;padding:7px 16px;border:none;border-radius:8px;background:var(--pd-accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.pd__reply-trigger:hover{opacity:.88}.pd__reply-box{margin-top:16px;border-top:1px solid var(--pd-border);padding-top:14px}.pd__reply-box textarea{width:100%;min-height:96px;border:1px solid #e2e8f0;border-radius:10px;padding:12px;resize:none;outline:none;font-size:13.5px;color:var(--pd-text);transition:border-color .2s;box-sizing:border-box}.pd__reply-box textarea:focus{border-color:var(--pd-accent)}.pd__reply-box textarea::placeholder{color:#b0b7c3}.pd__reply-box-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.pd__reply-cancel{padding:8px 16px;border-radius:8px;border:1px solid var(--pd-border);background:#fff;color:var(--pd-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.pd__reply-cancel:hover{background:var(--pd-bg)}.pd__reply-submit{padding:8px 18px;border-radius:8px;border:none;background:var(--pd-accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.pd__reply-submit:hover{opacity:.88}.pd__sidebar{display:flex;flex-direction:column;gap:14px}.pd__sys-info{display:flex;flex-direction:column}.pd__sys-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--pd-border);font-size:13px}.pd__sys-row:last-child{border-bottom:none}.pd__sys-row span{color:var(--pd-muted);font-weight:500;flex-shrink:0}.pd__sys-row strong{color:var(--pd-text);font-weight:600;text-align:right;word-break:break-all}.pd__timeline{display:flex;flex-direction:column;gap:16px}.pd__timeline-item{display:flex;gap:12px}.pd__timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--pd-accent);margin-top:5px;flex-shrink:0;box-shadow:0 0 0 3px #eef2ff}.pd__timeline-content h4{margin:0 0 3px;font-size:13px;font-weight:600;color:var(--pd-text)}.pd__timeline-content span{font-size:12px;color:var(--pd-muted)}.vouchers_admin__title{font-size:24px;font-weight:600;margin-bottom:20px}.vouchers_admin__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;background:#fff;padding:18px;border-radius:10px;border:1px solid #eee}.vouchers_admin__stat-card{background:#fff;padding:18px;border-radius:10px;border:1px solid #eee}.vouchers_admin__stat-card p{font-size:14px;color:#777;display:flex;align-items:center;gap:6px}.vouchers_admin__stat-card h3{margin-top:5px;font-size:22px}.vouchers_admin__stat-card svg{font-size:16px}.vouchers_admin__stat-total svg{color:#2563eb;background:#d8e8ff}.vouchers_admin__stat-active svg{color:#16a34a;background:#ecfdf5}.vouchers_admin__stat-category svg{color:#7c3aed;background:#f3e8ff}.vouchers_admin__stat-hidden svg{color:#dc2626;background:#fef2f2}.vouchers_admin__filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:20px}.vouchers_admin__filters input,.vouchers_admin__filters select{padding:8px 12px;border-radius:6px;border:1px solid #ddd}.vouchers_admin__activity{background:#22c55e;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:600}.vouchers_admin__activity:active{background:#008f34}.vouchers_admin__reset{background:#ff5441;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600}.vouchers_admin__reset:active{background:#960000}.vouchers_admin__reset svg{font-size:18px}.vouchers_admin__search{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;padding-left:5px}.vouchers_admin__search input{width:100%;border:none;outline:none}.vouchers_admin__search input:focus{border:none;outline:none}.vouchers_admin__create{background:#3273ff;border:none;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;text-decoration:none;padding:8px 14px;margin-left:auto}.vouchers_admin__create:active{background:#004ae9;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset}.vouchers_admin__table-wrapper{overflow-x:auto;width:100%}.vouchers_admin__table-wrapper::-webkit-scrollbar{height:8px}.vouchers_admin__table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.vouchers_admin__table{min-width:1050px;background:#fff;border-radius:10px;border:1px solid #eee;overflow:hidden}.vouchers_admin__table-header{display:grid;grid-template-columns:50px 200px 1fr 150px 150px 150px 150px 150px;padding:14px;font-weight:600;background:#fafafa;font-size:14px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:5;gap:10px}.vouchers_admin__table-row{display:grid;grid-template-columns:50px 200px 1fr 150px 150px 150px 150px 150px;padding:14px;align-items:center;border-bottom:1px solid #f3f3f3;transition:background .2s;gap:10px}.vouchers_admin__table-row:hover{background:#f9fafb}.vouchers_admin__info{display:flex;align-items:center;gap:12px}.vouchers_admin__code{font-weight:700;color:#e11d48;background:#ffe4e6;padding:4px 10px;border-radius:4px;letter-spacing:1px}.vouchers_admin__status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.vouchers_admin__status.active{background:#e6f7ed;color:#22a06b}.vouchers_admin__status.inactive{background:#ffc6c6;color:#d05a5a}.vouchers_admin__actions{display:flex;gap:6px}.vouchers_admin__edit{border:none;background:#3273ff;padding:6px 10px;border-radius:6px;cursor:pointer;color:#fff;font-weight:600;text-decoration:none}.vouchers_admin__delete{border:none;background:#ff5441;padding:6px 10px;border-radius:6px;cursor:pointer;color:#fff;font-weight:600}.vouchers_admin__delete:hover{background:#d05a5a}.vouchers_admin__delete:active{background:#8f0101}.voucher-form{background:#fff;padding:24px;border-radius:10px;border:1px solid #eee;max-width:800px}.voucher-form__group{margin-bottom:20px}.voucher-form__group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.voucher-form__group input,.voucher-form__group select,.voucher-form__group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;outline:none}.voucher-form__group input:focus,.voucher-form__group select:focus,.voucher-form__group textarea:focus{border-color:#3273ff}.voucher-form__submit{background:#3273ff;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:700;cursor:pointer}.voucher-form__submit:hover{background:#004ae9}.od{padding:24px;animation:od-fadein .3s ease}@keyframes od-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.od-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;gap:14px;color:#64748b}.od-state svg{font-size:40px;opacity:.4}.od-state p{font-size:15px}.od-state--empty svg{color:#9ca3af}.od-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:od-spin .7s linear infinite}.od__heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.od__heading-left{display:flex;flex-direction:column;gap:10px}.od__back{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#64748b;text-decoration:none;font-weight:500;transition:color .15s}.od__back:hover{color:#6366f1}.od__title-block{display:flex;align-items:center;gap:14px}.od__title-icon{font-size:32px;color:#6366f1;background:#eef2ff;padding:9px;border-radius:10px;flex-shrink:0}.od__sub{margin:0;font-size:11px;font-weight:700;letter-spacing:.1em;color:#64748b;text-transform:uppercase}.od__code{margin:4px 0 0;font-size:1.6rem;font-weight:700;color:#1e293b;letter-spacing:-.02em}.od__heading-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.od__btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:opacity .15s,transform .1s,box-shadow .15s}.od__btn svg{font-size:15px;flex-shrink:0}.od__btn:disabled{opacity:.6;cursor:not-allowed}.od__btn:not(:disabled):hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 14px #0000001f}.od__btn:not(:disabled):active{transform:translateY(0);box-shadow:none}.od__btn.btn--confirm{background:#1d4ed8;color:#fff}.od__btn.btn--cancel{background:#fff;color:#b91c1c;border:1.5px solid #fca5a5}.od__btn.btn--cancel:not(:disabled):hover{background:#fff5f5}.od__btn.btn--ship{background:#6d28d9;color:#fff}.od__btn.btn--done{background:#065f46;color:#fff}.od__btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:od-spin .7s linear infinite}.od__badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:700;border:1.5px solid currentColor}.od__grid{display:grid;grid-template-columns:1fr 1.6fr;gap:16px;align-items:start}@media(max-width:900px){.od__grid{grid-template-columns:1fr}}.od__col{display:flex;flex-direction:column;gap:14px}.od__card{background:#fff;border:1px solid #eef0f4;border-radius:12px;padding:20px 22px}.od__card--summary{background:#fafbff;border-color:#eef2ff}.od__card-title{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b;padding-bottom:12px;border-bottom:1px solid #eef0f4}.od__count{margin-left:auto;background:#6366f1;color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:2px 9px;text-transform:none;letter-spacing:0}.od__info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.od__info-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#f8fafc;border-radius:10px}.od__info-item--full{grid-column:1/-1}.od__info-item div{display:flex;flex-direction:column;gap:3px;min-width:0}.od__info-icon{font-size:16px;color:#6366f1;margin-top:2px;flex-shrink:0}.od__info-icon--voucher{color:#7c3aed}.od__info-label{font-size:10.5px;color:#9ca3af;text-transform:uppercase;font-weight:700;letter-spacing:.4px}.od__info-value{font-size:13.5px;color:#1e293b;font-weight:500;word-break:break-word}.od__info-value--voucher{color:#7c3aed;font-weight:700}.od__summary{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.od__summary li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13.5px;color:#64748b;border-bottom:1px dashed #eef0f4}.od__summary li:last-child{border-bottom:none}.od__summary li span:last-child{color:#1e293b;font-weight:600}.od__summary-discount span:last-child{color:#10b981!important}.od__summary-total{padding-top:10px!important;margin-top:4px}.od__summary-total span{font-size:15px!important;font-weight:700!important;color:#1e293b!important}.od__summary-total span:last-child{color:#6366f1!important;font-size:18px!important}.od__products{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.od__product{display:flex;align-items:center;gap:14px;padding:12px;border-radius:10px;border:1px solid #eef0f4;background:#f8fafc;transition:background .15s}.od__product:hover{background:#f1f5ff;border-color:#c7d2fe}.od__product-img{position:relative;flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f1f5f9;border:1px solid #eef0f4;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.od__product-img img{width:100%;height:100%;object-fit:cover;display:block}.od__product-badge{position:absolute;top:3px;right:3px;background:#ef4444;color:#fff;font-size:9px;font-style:normal;font-weight:700;padding:2px 5px;border-radius:4px}.od__product-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.od__product-name{margin:0;font-size:13.5px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od__product-meta{margin:0;display:flex;align-items:center;gap:8px}.od__product-qty{font-size:12px;font-weight:600;background:#e5e7eb;color:#374151;padding:2px 8px;border-radius:12px}.od__product-unit{font-size:12px;color:#64748b}.od__product-price{margin:0;font-size:14px;font-weight:700;color:#6366f1;white-space:nowrap;flex-shrink:0}@keyframes od-spin{to{transform:rotate(360deg)}}.member-tiers-container{padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d}.member-tiers-container .header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.member-tiers-container .header-actions h2{margin:0;font-size:20px;font-weight:600}.member-tiers-container .action-buttons{display:flex;gap:8px}.admin-profile-page{position:relative;min-height:100%;padding-bottom:24px}.admin-profile-page .profile-header-banner{position:absolute;top:-24px;left:-24px;right:-24px;height:180px;background:linear-gradient(135deg,#1890ff,#0050b3);border-radius:8px 8px 0 0;z-index:1}.admin-profile-page .profile-container{position:relative;z-index:2;padding-top:80px;max-width:1000px;margin:0 auto}.admin-profile-page .profile-card{border-radius:12px;box-shadow:0 4px 20px #00000014}.admin-profile-page .profile-card .ant-card-body{padding:32px}.admin-profile-page .profile-info-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:16px}.admin-profile-page .profile-info-section .profile-avatar{border:4px solid #fff;box-shadow:0 4px 12px #00000026;margin-bottom:16px;background:#f0f2f5}.admin-profile-page .profile-info-section .profile-name{margin-top:8px;margin-bottom:12px;color:#1f1f1f;font-weight:600}.admin-profile-page .profile-info-section .profile-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center}.admin-profile-page .profile-info-section .profile-meta .meta-item{display:flex;align-items:center;gap:6px;color:#595959;font-size:15px}.admin-profile-page .profile-info-section .profile-meta .meta-item.role-badge{background:#e6f7ff;color:#1890ff;padding:4px 12px;border-radius:20px;font-weight:500;border:1px solid #91caff}.admin-profile-page .profile-permissions-section .section-title{margin-bottom:24px;color:#262626}.admin-profile-page .profile-permissions-section .loading-container{display:flex;justify-content:center;padding:40px 0}.admin-profile-page .profile-permissions-section .permission-group-card{height:100%;border-radius:8px;border:1px solid #f0f0f0;transition:all .3s}.admin-profile-page .profile-permissions-section .permission-group-card:hover{box-shadow:0 4px 12px #0000000d;border-color:#d9d9d9}.admin-profile-page .profile-permissions-section .permission-group-card .ant-card-head{min-height:40px;background:#fafafa;border-bottom:1px solid #f0f0f0;border-radius:8px 8px 0 0}.admin-profile-page .profile-permissions-section .permission-group-card .ant-card-head .ant-card-head-title{font-size:14px;font-weight:600;color:#434343;padding:8px 0}.admin-profile-page .profile-permissions-section .permission-group-card .ant-card-body{padding:16px}.admin-profile-page .profile-permissions-section .permission-group-card .permission-tags{display:flex;flex-wrap:wrap;gap:8px}.admin-profile-page .profile-permissions-section .permission-group-card .permission-tags .permission-tag{margin:0;border-radius:4px}.admin-profile-page .profile-permissions-section .no-permission-text{display:block;text-align:center;margin-top:32px;font-size:15px}.client_layout{position:relative;min-height:100vh}.category-overlay{position:fixed;top:77px;left:0;width:260px;height:calc(100vh - 77px);z-index:999;overflow-y:auto;padding:12px;background:#0a0a0cd9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-right:1px solid rgba(255,255,255,.1);box-shadow:10px 0 30px #0000004d}.category-overlay .category-menu-wrapper ul,.category-overlay .category-menu-wrapper ul li,.category-overlay .category-menu-wrapper .ant-menu,.category-overlay .category-menu-wrapper .ant-menu-item,.category-overlay .category-menu-wrapper .ant-menu-submenu-title{color:#ffffffd9!important;background:transparent!important;list-style:none!important}.category-overlay .category-menu-wrapper .ant-menu{background:transparent;border-inline-end:none!important}.category-overlay .category-menu-wrapper .ant-menu-item:hover,.category-overlay .category-menu-wrapper .ant-menu-submenu-title:hover{background:#ffffff14!important;color:#fff!important}.category-overlay .category-menu-wrapper .ant-menu-item-selected{background:#1677ff4d!important;color:#fff!important}.category-overlay .category-menu-wrapper a,.category-overlay .category-menu-wrapper a:visited,.category-overlay .category-menu-wrapper a:hover{color:inherit!important}.category-overlay .category-menu-wrapper ul{margin:0!important;padding:0!important}.chat-wrapper{position:fixed;bottom:25px;right:25px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.chat-wrapper .chat-toggle-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1677ff,#0041be);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 15px #1677ff66;font-size:22px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.chat-wrapper .chat-toggle-btn:hover{transform:scale(1.05) rotate(5deg)}.chat-wrapper .chat-box{width:350px;height:500px;background:#111;border:1px solid #333;border-radius:16px;margin-bottom:15px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s ease-out}.chat-wrapper .chat-box .chat-header{background:linear-gradient(135deg,#1677ff,#0041be);color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}.chat-wrapper .chat-box .chat-header .header-info{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}.chat-wrapper .chat-box .chat-header .close-icon{cursor:pointer;opacity:.8;transition:.2s;font-size:18px}.chat-wrapper .chat-box .chat-header .close-icon:hover{opacity:1}.chat-wrapper .chat-box .chat-content{flex:1;padding:15px;overflow-y:auto;background:#0a0a0a;display:flex;flex-direction:column;gap:12px}.chat-wrapper .chat-box .chat-content::-webkit-scrollbar{width:4px}.chat-wrapper .chat-box .chat-content::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.chat-wrapper .chat-box .chat-content .message-item{max-width:85%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5}.chat-wrapper .chat-box .chat-content .message-item.admin{align-self:flex-start;background:#1a1a1a;color:#e5e5e5;border:1px solid #333;border-bottom-left-radius:4px}.chat-wrapper .chat-box .chat-content .message-item.user{align-self:flex-end;background:#1677ff;color:#fff;font-weight:500;border-bottom-right-radius:4px}.chat-wrapper .chat-box .chat-footer{padding:12px;border-top:1px solid #222;display:flex;gap:8px;background:#111}.chat-wrapper .chat-box .chat-footer input{flex:1;background:#1a1a1a;color:#fff;border:1px solid #333;padding:10px 15px;border-radius:25px;outline:none;font-size:14px;transition:.2s}.chat-wrapper .chat-box .chat-footer input:focus{border-color:#1677ff}.chat-wrapper .chat-box .chat-footer button{width:40px;height:40px;border-radius:50%;border:none;background:#1a1a1a;color:#1677ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.chat-wrapper .chat-box .chat-footer button:hover:not(:disabled){background:#1677ff;color:#fff}.chat-wrapper .chat-box .chat-footer button:disabled{color:#555;cursor:not-allowed}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}header{border-bottom:1px solid rgba(0,0,0,.08);position:fixed;width:100%;z-index:999;top:0;left:0;background:#0a0a0c66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header_layout_client{display:grid;grid-template-columns:170px 1fr 350px 180px;align-items:center;max-width:1240px;margin:0 auto;padding:12px 20px;gap:20px}.header_layout_client-category{cursor:pointer}.header_layout_client-category .search{display:none}.header_layout_client-category svg{transition:.2s;color:#e5e7eb}.header_layout_client-category svg:hover{color:#fff;transform:scale(1.1)}.header_layout_client-logo{display:flex;align-items:center}.header_layout_client-logo img{width:160px;filter:brightness(1.1)}.header_layout_client-menu{display:flex;gap:30px}.header_layout_client-menu a{text-decoration:none;font-weight:500;color:#d1d5db;transition:.2s}.header_layout_client-menu a:hover{color:#fff}.header_layout_client-search{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff0a;border-radius:30px;border:1px solid rgba(255,255,255,.08);transition:.2s}.header_layout_client-search:focus-within{border-color:#ffffff40;background:#ffffff0f}.header_layout_client-search svg{color:#9ca3af;font-size:20px}.header_layout_client-search input{width:100%;border:none;outline:none;background:transparent;font-size:15px;color:#f9fafb}.header_layout_client-search input::placeholder{color:#6b7280}.header_layout_client-card{display:flex;justify-content:flex-end;gap:20px;font-size:20px;cursor:pointer;align-items:center}.header_layout_client-card .spinner{width:30px;height:30px;border:4px solid rgba(255,255,255,.1);border-top-color:#00e0b8;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header_layout_client-card .profile_wrapper{position:relative}.header_layout_client-card .avatar{width:47px;height:47px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.15);transition:.3s}.header_layout_client-card .avatar:hover{border-color:#fff;transform:scale(1.05)}.header_layout_client-card .avatar img{width:100%;height:100%;object-fit:cover;display:block}.header_layout_client-card .profile_modal{position:absolute;top:52px;right:0;width:280px;background:#0a0a0ce6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 10px 30px #00000059;overflow:hidden;z-index:1000;animation:fadeInProfile .2s ease}.header_layout_client-card .profile_modal-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff08}.header_layout_client-card .profile_modal-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.header_layout_client-card .profile_modal-avatar img{width:100%;height:100%;object-fit:cover;display:block}.header_layout_client-card .profile_modal-info h4{margin:0;font-size:15px;color:#fff;font-weight:600}.header_layout_client-card .profile_modal-info p{margin:4px 0 0;font-size:13px;color:#9ca3af;word-break:break-word}.header_layout_client-card .profile_modal-menu{display:flex;flex-direction:column;padding:8px;cursor:default}.header_layout_client-card .profile_modal-menu a,.header_layout_client-card .profile_modal-menu button{display:flex;align-items:center;gap:10px;width:100%;text-decoration:none;background:transparent;border:none;padding:12px 14px;border-radius:10px;color:#e5e7eb;font-size:14px;text-align:left;cursor:pointer;transition:.2s}.header_layout_client-card .profile_modal-menu a:hover,.header_layout_client-card .profile_modal-menu button:hover{background:#ffffff0f;color:#fff}.header_layout_client-card .profile_modal-menu svg{font-size:16px;color:inherit}@keyframes fadeInProfile{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.header_layout_client-card .login{color:#fff;font-size:16px;font-weight:600;border:1px solid gray;padding:3px 8px;border-radius:8px;background:#000;text-decoration:none}.header_layout_client-card .login:hover{background:gray}.header_layout_client-card .search{display:none}.header_layout_client-card svg{transition:.2s;color:#d1d5db}.header_layout_client-card svg:hover{color:#fff;transform:scale(1.1)}@media(max-width:1024px){.header_layout_client{display:flex;justify-content:space-around}.header_layout_client-menu,.header_layout_client-search{display:none}.header_layout_client-card .search{display:block}.header_layout_client-logo{justify-self:start}.header_layout_client-card{justify-self:end}}@media(max-width:768px){.header_layout_client{grid-template-columns:1fr auto;grid-template-rows:auto;gap:12px}.header_layout_client-logo{grid-column:1/2}.header_layout_client-card{grid-column:2/3}.header_layout_client-menu{display:none}}@media(max-width:480px){.header_layout_client-search{padding:6px 10px}.header_layout_client-search input{font-size:14px}.header_layout_client-card{font-size:18px;gap:14px}.header_layout_client-logo img{width:110px}}.footer_layout_client{background:#0a0a0a;border-top:1px solid rgba(255,255,255,.08);padding:40px 20px 20px}.footer_layout_client-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:30px}.footer_layout_client-logo img{width:140px;margin-bottom:10px;filter:brightness(1.05)}.footer_layout_client-logo p{color:#9ca3af;font-size:14px;line-height:1.6}.footer_layout_client-column{display:flex;flex-direction:column;gap:10px}.footer_layout_client-column h4{font-size:16px;color:#f9fafb;margin-bottom:8px}.footer_layout_client-column a{text-decoration:none;color:#9ca3af;font-size:14px;transition:.2s ease}.footer_layout_client-column a:hover{color:#fff}.footer_layout_client-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:15px;text-align:center}.footer_layout_client-bottom p{font-size:14px;color:#6b7280}@media(max-width:1024px){.footer_layout_client-top{grid-template-columns:1.2fr 1fr 1fr;gap:28px}}@media(max-width:768px){.footer_layout_client{padding:32px 16px 18px}.footer_layout_client-top{grid-template-columns:1fr 1fr;gap:24px}.footer_layout_client-logo img{width:120px}}@media(max-width:480px){.footer_layout_client-top{grid-template-columns:1fr;gap:20px}.footer_layout_client-logo img{width:110px}.footer_layout_client-logo p,.footer_layout_client-column a,.footer_layout_client-bottom p{font-size:13px}.footer_layout_client-column h4{font-size:15px}}.typing-indicator{height:25px;font-size:.85rem;color:#65676b;font-style:italic;margin:0 auto}.typing-indicator .typing-content{display:flex;align-items:center;gap:2px}.typing-indicator .typing-content .user-name{font-size:14px}.typing-indicator .typing-content .dots{display:flex;align-items:center;gap:2px;margin-left:2px}.typing-indicator .typing-content .dots span{width:4px;height:4px;background-color:#90949c;border-radius:50%;display:inline-block;animation:typingBounce 1.4s infinite ease-in-out both}.typing-indicator .typing-content .dots span:nth-child(1){animation-delay:0s}.typing-indicator .typing-content .dots span:nth-child(2){animation-delay:.2s}.typing-indicator .typing-content .dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.6}40%{transform:translateY(-4px);opacity:1}}.ai-chat-wrapper{position:fixed;bottom:95px;right:25px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.ai-chat-wrapper .ai-tooltip{position:absolute;right:70px;bottom:8px;background:linear-gradient(135deg,#0f8,#00b35f);color:#000;padding:10px 15px 10px 10px;border-radius:20px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px #0f86;cursor:pointer;animation:slideInTooltip .4s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.ai-chat-wrapper .ai-tooltip:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);border-width:6px 0 6px 8px;border-style:solid;border-color:transparent transparent transparent #00b35f}.ai-chat-wrapper .ai-tooltip .tooltip-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.5)}.ai-chat-wrapper .ai-tooltip span{font-size:14px;font-weight:600}.ai-chat-wrapper .ai-tooltip .tooltip-close{position:absolute;top:-8px;right:-5px;background:#888;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0003;transition:.2s;z-index:10}.ai-chat-wrapper .ai-tooltip .tooltip-close:hover{background:#555}.ai-chat-wrapper .ai-chat-toggle-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#0f8,#00b35f);color:#000;border:none;cursor:pointer;box-shadow:0 4px 15px #0f86;font-size:26px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.ai-chat-wrapper .ai-chat-toggle-btn:hover{transform:scale(1.05) rotate(5deg)}.ai-chat-wrapper .ai-chat-toggle-btn .btn-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.ai-chat-wrapper .ai-chat-box{width:350px;height:500px;background:#111;border:1px solid #333;border-radius:16px;margin-bottom:15px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideInAI .3s ease-out}.ai-chat-wrapper .ai-chat-box .ai-chat-header{background:linear-gradient(135deg,#0f8,#00b35f);color:#000;padding:16px;display:flex;justify-content:space-between;align-items:center}.ai-chat-wrapper .ai-chat-box .ai-chat-header .header-info{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}.ai-chat-wrapper .ai-chat-box .ai-chat-header .header-info .header-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,0,0,.2)}.ai-chat-wrapper .ai-chat-box .ai-chat-header .close-icon{cursor:pointer;opacity:.8;transition:.2s;font-size:18px}.ai-chat-wrapper .ai-chat-box .ai-chat-header .close-icon:hover{opacity:1}.ai-chat-wrapper .ai-chat-box .ai-chat-content{flex:1;padding:15px;overflow-y:auto;background:#0a0a0a;display:flex;flex-direction:column;gap:12px}.ai-chat-wrapper .ai-chat-box .ai-chat-content::-webkit-scrollbar{width:4px}.ai-chat-wrapper .ai-chat-box .ai-chat-content::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.ai-chat-wrapper .ai-chat-box .ai-chat-content .ai-message{max-width:85%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5}.ai-chat-wrapper .ai-chat-box .ai-chat-content .ai-message.bot{align-self:flex-start;background:#1a1a1a;color:#e5e5e5;border:1px solid #333;border-bottom-left-radius:4px}.ai-chat-wrapper .ai-chat-box .ai-chat-content .ai-message.bot img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;display:block;border:1px solid #444}.ai-chat-wrapper .ai-chat-box .ai-chat-content .ai-message.bot a{color:#0f8;font-weight:600;text-decoration:none}.ai-chat-wrapper .ai-chat-box .ai-chat-content .ai-message.bot a:hover{text-decoration:underline}.ai-chat-wrapper .ai-chat-box .ai-chat-content .ai-message.user{align-self:flex-end;background:#0f8;color:#000;font-weight:500;border-bottom-right-radius:4px}.ai-chat-wrapper .ai-chat-box .ai-chat-footer{padding:12px;border-top:1px solid #222;display:flex;gap:8px;background:#111}.ai-chat-wrapper .ai-chat-box .ai-chat-footer input{flex:1;background:#1a1a1a;color:#fff;border:1px solid #333;padding:10px 15px;border-radius:25px;outline:none;font-size:14px;transition:.2s}.ai-chat-wrapper .ai-chat-box .ai-chat-footer input:focus{border-color:#0f8}.ai-chat-wrapper .ai-chat-box .ai-chat-footer button{width:40px;height:40px;border-radius:50%;border:none;background:#1a1a1a;color:#0f8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.ai-chat-wrapper .ai-chat-box .ai-chat-footer button:hover:not(:disabled){background:#0f8;color:#000}.ai-chat-wrapper .ai-chat-box .ai-chat-footer button:disabled{color:#555;cursor:not-allowed}@keyframes slideInAI{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInTooltip{0%{opacity:0;transform:translate(-15px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.hero-banner{display:block;width:100%;height:100vh;position:relative;overflow:hidden;text-decoration:none}.hero-banner__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-banner:before{content:"";position:absolute;inset:0;background:#00000073;z-index:1}.hero-banner__badge{position:absolute;top:30px;left:50%;transform:translate(-50%);z-index:2;background:#f97316;color:#fff;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;box-shadow:0 4px 12px #f9731666;transition:all .3s ease}.hero-banner:hover .hero-banner__badge{background:#fb923c;transform:translate(-50%) scale(1.05)}.hero-banner__title{position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:2;margin:0;width:max-content;max-width:calc(100% - 24px);color:#22c55e;font-size:60px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-align:center;line-height:1.25;transition:all .3s ease}.hero-banner__title:hover{color:#4ade80;text-shadow:0 0 12px rgba(34,197,94,.7)}.hero-banner:hover .hero-banner__title{color:#4ade80;text-shadow:0 0 16px rgba(34,197,94,.8)}@media(max-width:768px){.hero-banner{width:100%;height:auto;min-height:unset}.hero-banner__img{width:100%;height:auto;object-fit:cover;object-position:25% top}.hero-banner__title{top:18px;width:calc(100% - 24px);font-size:16px;letter-spacing:1.2px;line-height:1.3}}@media(max-width:480px){.hero-banner__img{object-position:20% top}.hero-banner__title{top:12px;font-size:14px;width:calc(100% - 20px)}}.hero_section{width:100%;min-height:100vh;background:linear-gradient(135deg,#000 20%,#585858,#000,#585858,#000);border-bottom:10px solid gray;padding:0;display:flex;align-items:center}.hero_container{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}.hero_main{position:relative;min-height:460px;border-radius:28px;overflow:hidden;padding:48px 40px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;background:transparent}.hero_main-skeleton{min-height:auto;padding:0;background:transparent;box-shadow:none}.hero_bg_glow{position:absolute;border-radius:999px;filter:blur(80px);opacity:.2;pointer-events:none}.hero_bg_glow-1{width:320px;height:320px;top:-60px;right:18%;background:#ffffff14}.hero_bg_glow-2{width:260px;height:260px;bottom:-80px;left:10%;background:#ffffff0d}.hero_content{position:relative;z-index:2;max-width:540px}.hero_badge{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#e5e7eb;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:18px}.hero_title{margin:0 0 16px;color:#fff;font-size:52px;line-height:1.05;font-weight:800;letter-spacing:-1.4px}.hero_desc{margin:0 0 28px;color:#d1d5db;font-size:16px;line-height:1.7;max-width:500px}.hero_actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.hero_btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:14px;font-size:15px;font-weight:700;text-decoration:none!important;transition:all .25s ease}.hero_btn.primary{background:#fff;color:#111827!important;padding:10px}.hero_btn.primary:hover{transform:translateY(-2px);background:#e5e7eb}.hero_btn.secondary{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.22)}.hero_btn.secondary:hover{transform:translateY(-2px);background:#ffffff14}.hero_visual{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:360px}.hero_ring{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#ffffff14,#ffffff08 40%,#fff0 70%);animation:pulseGlow 4.2s ease-in-out infinite}.hero_laptop_wrap{position:relative;display:flex;align-items:center;justify-content:center;animation:floatLaptop 4s ease-in-out infinite}.hero_laptop{position:relative;z-index:2;width:100%;max-width:560px;max-height:340px;object-fit:contain;filter:drop-shadow(0 28px 36px rgba(0,0,0,.45));-webkit-user-select:none;user-select:none;pointer-events:none}.hero_promos{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hero_promo_item{display:block;border-radius:20px;overflow:hidden;background:#111;transition:transform .25s ease,box-shadow .25s ease}.hero_promo_item:hover{transform:translateY(-4px);box-shadow:0 18px 38px #00000047}.hero_promo_item img{width:100%;height:190px;display:block;object-fit:cover}@keyframes floatLaptop{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulseGlow{0%,to{transform:scale(.96);opacity:.3}50%{transform:scale(1.03);opacity:.5}}@media(max-width:992px){.hero_main{grid-template-columns:1fr;text-align:center;padding:36px 24px;min-height:auto}.hero_content{max-width:100%;order:1}.hero_actions{justify-content:center}.hero_visual{order:2;min-height:260px}.hero_promos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.hero_section{min-height:100vh}.hero_main{border-radius:22px;padding:28px 18px}.hero_title{font-size:34px}.hero_desc{font-size:14px}.hero_promos{grid-template-columns:1fr}.hero_laptop_wrap{animation:floatLaptopMobile 4s ease-in-out infinite}}@keyframes floatLaptopMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.news_client{padding:30px 16px;max-width:1500px;margin:0 auto}.news_client_top{display:flex;justify-content:space-between;align-items:center;text-decoration:none}.news_client_top a{color:#fff;font-size:16px;font-weight:500;padding:8px 20px;border-radius:999px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.news_client_top a:hover{background:#fff;color:#111827;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.news_client_top h4{font-size:28px;font-weight:700;color:#fff;margin-bottom:24px;letter-spacing:-.5px;border-left:4px solid #00ff88;padding-left:12px}.news_client_main{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.news_client_item{position:relative;width:100%;height:260px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:16px;box-shadow:0 4px 20px #0000004d}.news_client_item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.news_client_item:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000b3,#0000001a)}.news_client_item p{position:absolute;bottom:16px;left:16px;right:16px;color:#fff;font-size:16px;font-weight:600;line-height:1.4;z-index:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.8)}.news_client_item:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000080}.news_client_item:hover img{transform:scale(1.08)}@media(max-width:1024px){.news_client_main{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.news_client_main{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.news_client_main{grid-template-columns:1fr}}@media(max-width:480px){.news_client_main{grid-template-columns:1fr}}.product_section{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:7px solid gray}.product_section_item{position:relative;display:block;width:100%;height:100%;border:3px solid gray;overflow:hidden}.product_section_item img{width:100%;height:100%;object-fit:cover;display:block}.product_section_item .content{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;color:#fff}.product_section_item .content h3{font-size:40px;font-weight:600;margin-bottom:5px}.product_section_item .content p{font-size:18px}.product_section_item:after{content:"";position:absolute;inset:0;background:#0000004d}.product_section_item .content{z-index:2}@media(max-width:720px){.product_section{grid-template-columns:1fr}.product_section .content{top:5px}.product_section .content h3{font-size:30px;font-weight:600;margin-bottom:5px}.product_section .content p{font-size:14px}}@media(max-width:480px){.product_section{grid-template-columns:1fr}}.sale-wrapper{width:100%;scroll-margin-top:80px}.sale-banner{position:relative;width:100%;height:100vh;min-height:100vh;overflow:hidden}.sale-banner .sale-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sale-banner .sale-bg.mobile{display:none}.sale-banner .sale-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#000000b8,#0203066b 38%,#0001031f);z-index:1}.sale-banner .sale-content-container{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:flex;align-items:center}.sale-banner .sale-content-inner{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}.sale-banner .sale-content{max-width:460px;color:#fff}.sale-banner .sale-countdown{position:absolute;top:24px;right:24px;z-index:3}.sale-banner .sale-tag{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;opacity:.85}.sale-banner .sale-title{font-size:50px;line-height:1.05;font-weight:800;margin:0 0 14px;letter-spacing:-1px}.sale-banner .sale-desc{font-size:16px;line-height:1.6;margin:0 0 22px;color:#ffffffe6}.sale-banner .sale-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sale-banner .sale-discount{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:8px;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;font-size:16px;font-weight:700;box-shadow:0 4px 16px #2563eb4d;transition:all .3s ease}.sale-banner .sale-discount:hover{transform:translateY(-2px);box-shadow:0 6px 24px #2563eb80}.sale-banner .sale-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.2);color:#e2e8f0;text-decoration:none;font-size:15px;font-weight:600;transition:all .3s ease}.sale-banner .sale-btn:hover{transform:translateY(-2px);background:#1e293be6;color:#fff;border-color:#38bdf8;box-shadow:0 8px 24px #00000080}.sale-time{display:flex;align-items:center;gap:10px;color:#fff;font-size:22px;font-weight:700}.sale-time span{min-width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:24px;font-weight:800;box-shadow:0 4px 16px #0000004d;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media(max-width:768px){.sale-banner{width:100%;height:auto;min-height:unset}.sale-banner .sale-bg{position:relative;inset:unset;width:100%;height:auto;object-fit:cover;object-position:center}.sale-banner .sale-bg.desktop{display:none}.sale-banner .sale-bg.mobile{display:block}.sale-banner .sale-overlay{z-index:1;background:linear-gradient(to top,#000c,#02030666 60%,#00010333)}.sale-banner .sale-content-container{position:absolute;inset:0;align-items:center;justify-content:center;padding-top:40px}.sale-banner .sale-content-inner{padding:0 16px;width:100%}.sale-banner .sale-content{max-width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.sale-banner .sale-countdown{top:15px;left:50%;right:auto;transform:translate(-50%);width:max-content}.sale-banner .sale-tag{font-size:10px;letter-spacing:1px;margin-bottom:6px}.sale-banner .sale-title{font-size:22px;line-height:1.2;margin-bottom:8px}.sale-banner .sale-desc{font-size:12px;line-height:1.4;margin-bottom:12px}.sale-banner .sale-actions{gap:10px;justify-content:center}.sale-banner .sale-discount,.sale-banner .sale-btn{min-height:34px;padding:0 12px;border-radius:8px;font-size:12px}.sale-time{gap:4px}.sale-time span{min-width:26px;height:26px;border-radius:6px;font-size:12px;font-weight:700}}@media(max-width:480px){.sale-banner .sale-content{max-width:100%}.sale-banner .sale-countdown{top:10px}.sale-banner .sale-title{font-size:18px;margin-bottom:6px}.sale-banner .sale-desc{font-size:11px;margin-bottom:10px}.sale-banner .sale-discount,.sale-banner .sale-btn{min-height:30px;padding:0 10px;font-size:11px}.sale-time{gap:4px}.sale-time span{min-width:22px;height:22px;font-size:10px}}.pbc-layout{min-height:100vh;padding:60px 0 80px;background:radial-gradient(circle at 50% -10%,#1a202c,#000 30%);color:#fff;position:relative}.pbc-layout:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(28,255,149,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.pbc-layout .pbc-container{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.pbc-layout .pbc-breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;text-transform:uppercase;color:#d6d6d6;margin-bottom:28px;letter-spacing:.5px}.pbc-layout .pbc-breadcrumb--active{color:#fff;font-weight:500}.pbc-layout .pbc-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;margin-bottom:32px}.pbc-layout .pbc-hero__content{padding-right:20px}.pbc-layout .pbc-hero__title{font-size:52px;line-height:1.05;font-weight:700;margin:0 0 16px;text-transform:capitalize;letter-spacing:-1px}.pbc-layout .pbc-hero__desc{font-size:16px;line-height:1.7;color:#666;max-width:520px;margin:0}.pbc-layout .pbc-hero__image{border-radius:18px;overflow:hidden;background:#000;min-height:280px}.pbc-layout .pbc-hero__image img{width:100%;height:100%;object-fit:cover;display:block}.pbc-layout .pbc-tabs{display:flex;align-items:center;gap:28px;margin-bottom:32px;padding-bottom:14px;border-bottom:1px solid #e6e6e8;overflow-y:hidden}.pbc-layout .pbc-tabs::-webkit-scrollbar{height:7px}.pbc-layout .pbc-tabs::-webkit-scrollbar-track{background:transparent}.pbc-layout .pbc-tabs::-webkit-scrollbar-thumb{background:#555;border-radius:10px}.pbc-layout .pbc-tabs__loading{font-size:14px;color:#fff}.pbc-layout .pbc-tabs__link{background:transparent;border:0;padding:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:#fff;cursor:pointer;position:relative;text-decoration:none}.pbc-layout .pbc-tabs__link--active{font-weight:600}.pbc-layout .pbc-tabs__link--active:after{content:"";position:absolute;left:0;bottom:-15px;width:100%;height:2px;background:#4f46e5;border-radius:10px}.pbc-layout .pbc-main-layout{display:grid;grid-template-columns:260px 1fr;gap:36px}.pbc-layout .pbc-filters{background:transparent;position:sticky;top:70px;align-self:start;height:fit-content}.pbc-layout .pbc-filters__header{margin-bottom:24px}.pbc-layout .pbc-filters__header h3{font-size:22px;font-weight:600;margin:0 0 8px}.pbc-layout .pbc-filters__header span{font-size:12px;text-transform:uppercase;color:#fff;letter-spacing:.8px}.pbc-layout .pbc-filters .pbc-filter-group{border-top:1px solid #e7e7e8;padding:18px 0}.pbc-layout .pbc-filters .pbc-filter-group__title{font-size:14px;font-weight:500;text-transform:uppercase;color:#fff;position:relative;padding-right:20px}.pbc-layout .pbc-filters .pbc-filter-group__title:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);color:#fff;font-size:16px}.pbc-layout .pbc-filters .pbc-filter-options{display:flex;flex-direction:column;gap:10px;margin-top:12px}.pbc-layout .pbc-filters .pbc-filter-options .pbc-filter-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.pbc-layout .pbc-filters .pbc-filter-options input{cursor:pointer}.pbc-layout .pbc-filters__clear-btn{margin-top:16px;background:transparent;border:1px solid #d8d8da;color:#fff;padding:10px 18px;border-radius:999px;font-size:12px;text-transform:uppercase;cursor:pointer;transition:all .25s ease}.pbc-layout .pbc-filters__clear-btn:hover{background:#111;border-color:#111}.pbc-layout .pbc-products-section{width:100%}.pbc-layout .pbc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:42px}.pbc-layout .pbc-loading-grid{width:100%;height:250px;display:flex;align-items:center;justify-content:center;font-size:24px;gap:20px}.pbc-layout .pbc-no-data{text-align:center;padding:60px 0;font-size:18px;color:#888;display:flex;align-items:center;justify-content:center}.pbc-layout .pbc-no-data__inner{width:200px}.pbc-layout .pbc-no-data__inner img{width:100%}.pbc-layout .pbc-card{position:relative;background:#0d0d0d;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.pbc-layout .pbc-card:hover{transform:translateY(-6px);border-color:#4f46e573;box-shadow:0 20px 40px #00000059}.pbc-layout .pbc-card:hover .pbc-card__thumb img{transform:scale(1.05)}.pbc-layout .pbc-card__thumb{position:relative;overflow:hidden;background:#161616;aspect-ratio:1.1/1}.pbc-layout .pbc-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.pbc-layout .pbc-card__badge-sale{position:absolute;top:12px;left:12px;z-index:2;background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff;font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;box-shadow:0 8px 20px #ff4d4f47}.pbc-layout .pbc-card__badge-featured{position:absolute;top:10px;right:10px;z-index:2;background:linear-gradient(to right,#e20101,#ff7300);font-weight:600;font-size:12px;border:dashed 2px;border-radius:40px;color:#fff;padding:3px}.pbc-layout .pbc-card__info{padding:16px 16px 18px}.pbc-layout .pbc-card__title{font-size:16px;font-weight:600;line-height:1.5;margin:0 0 10px;color:#fff;min-height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pbc-layout .pbc-card__price{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.pbc-layout .pbc-card__price-old{font-size:13px;color:#8b8b8b;text-decoration:line-through}.pbc-layout .pbc-card__price-new{font-size:18px;font-weight:700;color:#fff}.pbc-layout .pbc-card__price--hidden{visibility:hidden}.pbc-layout .pbc-card__meta{display:flex;align-items:center;justify-content:space-between}.pbc-layout .pbc-card__meta .pbc-card__rating{display:flex;align-items:center;gap:8px;color:orange}.pbc-layout .pbc-card__meta .pbc-card__favorite{font-size:18px;cursor:pointer;transition:all .2s ease}.pbc-layout .pbc-card__meta .pbc-card__favorite:hover{color:#ff4d4f;transform:scale(1.1)}.pbc-layout .pbc-banner{margin:8px 0 42px;border-radius:22px;overflow:hidden;min-height:300px;position:relative;background:linear-gradient(90deg,#08080cc7,#08080c85 38%,#08080c24),url(https://res.cloudinary.com/dfzgowb54/image/upload/v1774624960/lsmgfamod7rsqy4vpo0y.jpg) center/cover no-repeat}.pbc-layout .pbc-banner__overlay{max-width:460px;padding:54px 48px;color:#fff}.pbc-layout .pbc-banner__overlay .pbc-banner__tag{display:inline-block;font-size:11px;text-transform:uppercase;color:#ffffffc7;margin-bottom:14px}.pbc-layout .pbc-banner__overlay h2{font-size:44px;line-height:1.1;margin:0 0 14px;font-weight:700}.pbc-layout .pbc-banner__overlay p{margin:0 0 24px;color:#ffffffdb;line-height:1.7;font-size:15px}.pbc-layout .pbc-banner__overlay button{background:#4f46e5;color:#fff;border:0;border-radius:12px;padding:14px 24px;font-size:13px;font-weight:600;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 30px #4f46e559;transition:all .25s ease}.pbc-layout .pbc-banner__overlay button:hover{transform:translateY(-2px);opacity:.95}.pbc-layout .pbc-pagination-wrap{display:flex;justify-content:center}@media(max-width:1199px){.pbc-layout .pbc-hero{grid-template-columns:1fr}.pbc-layout .pbc-main-layout{grid-template-columns:220px 1fr}.pbc-layout .pbc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.pbc-layout{padding:20px 0 40px}.pbc-layout .pbc-container{padding:0 16px}.pbc-layout .pbc-hero{gap:20px}.pbc-layout .pbc-hero__title{font-size:34px}.pbc-layout .pbc-hero__desc{font-size:14px}.pbc-layout .pbc-tabs{gap:18px;overflow-x:auto;white-space:nowrap}.pbc-layout .pbc-main-layout{grid-template-columns:1fr}.pbc-layout .pbc-filters{order:1;position:static}.pbc-layout .pbc-products-section{order:2}.pbc-layout .pbc-grid{grid-template-columns:repeat(2,1fr);gap:24px}.pbc-layout .pbc-grid .pbc-card__title{-webkit-line-clamp:3}.pbc-layout .pbc-banner{min-height:260px}.pbc-layout .pbc-banner__overlay{padding:30px 22px}.pbc-layout .pbc-banner__overlay h2{font-size:30px}}.pagination-client{margin-top:36px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.pagination-client_left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;padding:8px;border-radius:999px;background:#ffffff05;border:1px solid #4b4b4b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pagination-client button{min-width:40px;height:40px;padding:0 14px;border:1px solid transparent;border-radius:999px;background:transparent;color:#fff;font-size:13px;font-weight:500;letter-spacing:.2px;cursor:pointer;transition:all .22s ease}.pagination-client button:hover:not(:disabled):not(.active){color:#fff;background:#ffffff17;border-color:#4b4b4b;transform:translateY(-1px)}.pagination-client button:disabled{cursor:not-allowed}.pagination-client button.active{background:#4d46d3;color:#fff;border-color:#ffffff14;box-shadow:0 8px 20px #2563eb47,inset 0 1px #ffffff1f}.pagination-client button.nav-btn{padding:0 16px;color:#ffffffdb;background:#ffffff08;border-color:#ffffff0f}.pagination-client button.nav-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff1a}.pagination-client button.nav-btn:disabled{opacity:.35;background:#ffffff05}.pagination-client_right{height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:#ffffffd1;font-size:13px;font-weight:500;outline:none;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .22s ease}.pagination-client_right:hover,.pagination-client_right:focus{border-color:#ffffff1a;background:#ffffff0d}.pagination-client_right option{background:#0b0d12;color:#fff}@media(max-width:768px){.pagination-client{gap:10px}.pagination-client_left{gap:6px;padding:6px}.pagination-client button{min-width:36px;height:36px;padding:0 12px;font-size:12px}.pagination-client_right{height:36px;font-size:12px;padding:0 12px}}.product-page{min-height:100vh;background:#000;color:#e5e7eb;font-family:Inter,sans-serif}.product-page .container{max-width:1200px;margin:0 auto;padding:32px 16px 60px}.product-page .hero,.product-page .overview{display:grid;gap:24px;align-items:start}.product-page .hero{grid-template-columns:1.05fr .95fr;gap:32px}.product-page .hero__left .main-image{width:100%;aspect-ratio:12/9;margin-bottom:14px;border:1px solid #232937;border-radius:16px;background:gray;overflow:hidden}.product-page .hero__left .main-image img{display:block;width:100%;height:100%;object-fit:cover}.product-page .hero__left .thumbs{display:flex;flex-wrap:wrap;gap:12px}.product-page .hero__left .thumb{width:110px;aspect-ratio:12/9;padding:0;border:1px solid #2a2f3a;border-radius:10px;background:#151821;overflow:hidden;cursor:pointer;transition:all .2s ease}.product-page .hero__left .thumb img{display:block;width:100%;height:100%;object-fit:cover}.product-page .hero__left .thumb:hover{border-color:#00e0b8;transform:translateY(-2px)}.product-page .hero__left .thumb.active{border-color:#00e0b8;box-shadow:0 0 0 1px #00e0b8}.product-page .hero__right .tag{display:inline-flex;align-items:center;margin-bottom:14px;padding:5px 12px;border-radius:999px;background:#00e0b8;color:#071013;font-size:12px;font-weight:700}.product-page .hero__right h1{margin:0 0 12px;font-size:30px;line-height:1.35;font-weight:700;color:#fff}.product-page .hero__right .rating{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:14px;color:#9ca3af}.product-page .hero__right .rating .stars{color:#facc15;letter-spacing:1px}.product-page .hero__right .visibility{visibility:hidden}.product-page .hero__right .price-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.product-page .hero__right .price-row .price{font-size:32px;font-weight:800;color:#00e0b8}.product-page .hero__right .price-row .old-price{font-size:15px;text-decoration:line-through;color:#6b7280}.product-page .hero__right .price-row .discount{padding:4px 8px;border-radius:6px;background:#ff638424;color:#ff8ca1;font-size:12px;font-weight:700}.product-page .hero__right .desc{margin-bottom:20px;font-size:15px;line-height:1.7;color:#a8b0bf}.product-page .hero__right .cta{display:flex;gap:12px;margin-bottom:18px}.product-page .hero__right .cta .btn{flex:1;height:48px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:.2s ease}.product-page .hero__right .cta .btn--primary{background:linear-gradient(135deg,#00e0b8,#00c8ff);color:#071013}.product-page .hero__right .cta .btn--primary:hover{opacity:.92}.product-page .hero__right .cta .btn--primary:active{background:linear-gradient(135deg,#01856c,#015b74)}.product-page .hero__right .cta .btn--dark{border:1px solid #2a2f3a;background:#1c2330;color:#fff}.product-page .hero__right .cta .btn--dark:hover{background:#232b3a}.product-page .hero__right .policy-list{margin:0;padding-left:18px;font-size:14px;color:#9ca3af}.product-page .hero__right .policy-list li{margin-bottom:8px}.product-page .tabs{display:flex;gap:28px;margin:42px 0 24px;border-bottom:1px solid #232937}.product-page .tabs .tab{padding:0 0 12px;border:none;border-bottom:2px solid transparent;background:transparent;color:#8f99ab;font-size:15px;font-weight:600;cursor:pointer}.product-page .tabs .tab.active{border-color:#00e0b8;color:#00e0b8}.product-page .overview{grid-template-columns:1.15fr .85fr;margin-bottom:48px}.product-page .overview__text,.product-page .overview__specs{padding:22px;border:1px solid #232937;border-radius:16px;background:#151821}.product-page .overview__text{max-height:500px;overflow-y:auto}.product-page .overview__text::-webkit-scrollbar{width:6px}.product-page .overview__text::-webkit-scrollbar-track{background:transparent}.product-page .overview__text::-webkit-scrollbar-thumb{background:#555;border-radius:10px}.product-page .overview__text::-webkit-scrollbar-thumb:hover{background:#888}.product-page .overview__text h2{margin:0 0 14px;font-size:22px;color:#fff}.product-page .overview__specs h3{margin:0 0 14px;font-size:18px;font-weight:700;color:#fff}.product-page .overview__specs .spec-row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #202634;font-size:14px}.product-page .overview__specs .spec-row:last-child{padding-bottom:0;border-bottom:none}.product-page .overview__specs .spec-row span{color:#98a2b3}.product-page .overview__specs .spec-row strong{color:#fff;font-weight:600}.product-page .review-section{margin-bottom:48px;padding:32px;border:1px solid #1e2330;border-radius:20px;background:#111318}.product-page .review-section .review-hero{display:grid;grid-template-columns:260px 1fr;gap:20px;margin-bottom:28px}.product-page .review-section .review-score{padding:28px 20px;border:1px solid #1e2330;border-radius:16px;background:#0d0f15;text-align:center}.product-page .review-section .review-score__value{font-size:64px;font-weight:700;color:#fff;line-height:1;margin-bottom:8px;letter-spacing:-2px}.product-page .review-section .review-score__stars{font-size:18px;letter-spacing:3px;color:#facc15;margin-bottom:10px}.product-page .review-section .review-score p{font-size:13px;color:#6b7280;line-height:1.5}.product-page .review-section .review-bars{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid #1e2330;border-radius:16px;background:#0d0f15;justify-content:center}.product-page .review-section .review-bar{display:grid;grid-template-columns:52px 1fr 36px;align-items:center;gap:12px;font-size:13px;color:#9ca3af}.product-page .review-section .review-bar strong{font-size:13px;text-align:right;color:#d1d5db}.product-page .review-section .review-bar .bar-track{height:6px;border-radius:999px;background:#1e2330;overflow:hidden}.product-page .review-section .review-bar .bar-fill{height:100%;border-radius:inherit;background:#374151}.product-page .review-section .review-bar .bar-fill.high{background:#e5e7eb}.product-page .review-section .review-bar .bar-fill.mid{background:#6b7280}.product-page .review-section .review-list{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.product-page .review-section .review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-page .review-section .review-card{padding:20px;border:1px solid #1e2330;border-radius:16px;background:#0d0f15;transition:border-color .2s}.product-page .review-section .review-card .admin-reply{margin-top:18px;margin-left:40px;padding:18px;border-radius:16px;background:#181d2a;border:1px solid #1e2330;position:relative}.product-page .review-section .review-card .admin-reply:before{content:"";position:absolute;left:-10px;top:24px;width:18px;height:18px;background:#181d2a;border-left:1px solid #1e2330;border-bottom:1px solid #1e2330;transform:rotate(45deg)}.product-page .review-section .review-card .admin-reply .reply-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.product-page .review-section .review-card .admin-reply .admin-info{display:flex;gap:12px;align-items:center}.product-page .review-section .review-card .admin-reply .admin-info-top .time-ago{color:gray;font-size:11px}.product-page .review-section .review-card .admin-reply .admin-info-top-header{display:flex;align-items:center;gap:10px}.product-page .review-section .review-card .admin-reply .admin-info h4{margin-bottom:2px;font-size:15px;font-weight:700;color:#fff}.product-page .review-section .review-card .admin-reply .admin-info span{font-size:10px;text-transform:capitalize;border:1px solid red;color:#fff;font-weight:600;background:red}.product-page .review-section .review-card .admin-reply .admin-avatar{width:50px;height:50px}.product-page .review-section .review-card .admin-reply .admin-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.product-page .review-section .review-card .admin-reply .reply-content{color:#fff;line-height:1.7;font-size:14px;margin:0}.product-page .review-section .review-card:hover{border-color:#2d3348}.product-page .review-section .review-card.featured{border-color:#252c3f;background:#0f1220}.product-page .review-section .review-card h4{font-size:16px;font-weight:600;color:#f3f4f6;margin:0 0 10px}.product-page .review-section .review-card p{margin:0;font-size:14px;line-height:1.75;color:#9ca3af}.product-page .review-section .review-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.product-page .review-section .review-user{display:flex;align-items:center;gap:10px}.product-page .review-section .review-user strong{display:block;font-size:14px;color:#f3f4f6;margin-bottom:2px}.product-page .review-section .review-user span{font-size:12px;color:#6b7280}.product-page .review-section .review-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;font-size:16px;background:#1e2330;color:#e5e7eb}.product-page .review-section .review-avatar img{width:100%;height:100%}.product-page .review-section .review-avatar.alt{background:#1a2540;color:#93c5fd}.product-page .review-section .review-avatar.pink{background:#2a1a2e;color:#e879f9}.product-page .review-section .review-stars{font-size:14px;letter-spacing:2px;color:#facc15;white-space:nowrap}.product-page .review-section .review-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.product-page .review-section .review-tags span{padding:5px 10px;border:1px solid #252c3f;border-radius:6px;background:#111827;color:#9ca3af;font-size:12px;font-weight:500}.product-page .review-section .review-form{padding:24px;border:1px solid #1e2330;border-radius:16px;background:#0d0f15}.product-page .review-section .review-form__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.product-page .review-section .review-form__head h3{margin:0;font-size:18px;font-weight:600;color:#f3f4f6}.product-page .review-section .review-form__stars{font-size:20px;letter-spacing:3px;color:#374151;cursor:pointer}.product-page .review-section .review-form__group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.product-page .review-section .review-form input,.product-page .review-section .review-form textarea{width:100%;padding:12px 14px;border:1px solid #1e2330;border-radius:10px;background:#111318;color:#e5e7eb;font-size:14px;transition:border-color .2s}.product-page .review-section .review-form input::placeholder,.product-page .review-section .review-form textarea::placeholder{color:#4b5563}.product-page .review-section .review-form input:focus,.product-page .review-section .review-form textarea:focus{outline:none;border-color:#374151}.product-page .review-section .review-form textarea{min-height:120px;resize:none;margin-bottom:14px}@media(max-width:991px){.product-page .review-section .review-hero,.product-page .review-section .review-grid,.product-page .review-section .review-form__group{grid-template-columns:1fr}.product-page .review-section .review-score__value{font-size:52px}}@media(max-width:640px){.product-page .review-section{padding:18px}.product-page .review-section .review-card,.product-page .review-section .review-score,.product-page .review-section .review-bars,.product-page .review-section .review-form{padding:16px;border-radius:14px}.product-page .review-section .review-form__head,.product-page .review-section .review-card__top{flex-direction:column;align-items:flex-start}}.product-page .related-products .section-head{margin-bottom:18px}.product-page .related-products .section-head h2{margin:0;font-size:24px;color:#fff}.product-page .related-products .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-bottom:42px}.product-page .related-products .product-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#0d0d0d;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.product-page .related-products .product-card:hover{transform:translateY(-6px);border-color:#4f46e573;box-shadow:0 20px 40px #00000059}.product-page .related-products .product-card:hover .product-card__thumb img{transform:scale(1.05)}.product-page .related-products .product-card__thumb{position:relative;overflow:hidden;background:#161616;aspect-ratio:1.11/1}.product-page .related-products .product-card__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-page .related-products .product-card__thumb .badge-sale,.product-page .related-products .product-card__thumb .featured-badge{position:absolute;z-index:2;font-size:12px;font-weight:700;color:#fff}.product-page .related-products .product-card__thumb .badge-sale{top:12px;left:12px;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#ff4d4f,#ff7875);box-shadow:0 8px 20px #ff4d4f47}.product-page .related-products .product-card__thumb .featured-badge{position:absolute;top:14px;right:14px;z-index:2;background:linear-gradient(135deg,#ff4d00,#ff7a00);color:#fff;font-weight:700;font-size:13px;padding:7px 12px;border-radius:999px;border:2px dashed #fff;line-height:1}.product-page .related-products .product-card__info{padding:16px 16px 18px}.product-page .related-products .product-card__title{min-height:48px;margin:0 0 10px;font-size:16px;font-weight:600;line-height:1.5;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-page .related-products .product-card__price{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.product-page .related-products .product-card__price .price-old{font-size:13px;text-decoration:line-through;color:#8b8b8b}.product-page .related-products .product-card__price .price-new{font-size:18px;font-weight:700;color:#fff}.product-page .related-products .product-card__meta{display:flex;align-items:center;justify-content:space-between}.product-page .related-products .product-card__meta .left{display:flex;align-items:center;gap:8px;color:orange}.product-page .related-products .product-card__meta .favorite{font-size:18px;cursor:pointer;transition:all .2s ease}.product-page .related-products .product-card__meta .favorite:hover{color:#ff4d4f;transform:scale(1.1)}@media(max-width:991px){.product-page .hero,.product-page .overview,.product-page .review-section .review-hero,.product-page .review-section .review-grid,.product-page .review-section .review-form__group{grid-template-columns:1fr}.product-page .review-section .review-score__value{font-size:56px}.product-page .related-products .product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.product-page .container{padding:20px 14px 40px}.product-page .hero{gap:22px}.product-page .hero__right h1{font-size:22px}.product-page .hero__right .price-row .price{font-size:26px}.product-page .hero__right .cta{flex-direction:column}.product-page .hero__right .cta .btn{padding:15px}.product-page .review-section{padding:18px}.product-page .review-section .review-card,.product-page .review-section .review-score,.product-page .review-section .review-bars,.product-page .review-section .review-form{padding:18px;border-radius:18px}.product-page .review-section .review-form__head,.product-page .review-section .review-card__top{flex-direction:column;align-items:flex-start}.product-page .related-products .product-grid{grid-template-columns:repeat(2,1fr)}.product-page .product-card__title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-page .product-card__info .price-new{font-size:15px}}input[name=user_name]{background:#353535;color:gray;cursor:pointer}.login-client{min-height:100vh;background:radial-gradient(circle at 50% -20%,#1a202c,#000);color:#fff;position:relative;overflow:hidden}.login-client:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(28,255,149,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.login-client__input-wrapper{position:relative}.login-client__input-wrapper .ant-input{padding-right:42px}.login-client__eye{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#cbd5e1;font-size:18px;transition:.2s ease}.login-client__eye:hover{color:#1cff95}.login-client__eye .anticon{color:inherit}.login-client__back{position:absolute;top:24px;left:24px;display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:500;z-index:10;padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#0f172a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.login-client__back:hover{color:#1cff95;border-color:#1cff95;background:#1cff951a;box-shadow:0 0 15px #1cff9533}.login-client__container{max-width:1200px;margin:0 auto;display:flex;min-height:100vh;position:relative;z-index:1}.login-client__left{flex:1;padding:80px 40px;display:grid;align-items:center;justify-content:center;text-align:center}.login-client__left p{font-size:25px}.login-client__img img{max-width:250px;margin-bottom:20px;animation:float 6s ease-in-out infinite}.login-client__brand{color:#1cff95;margin-bottom:20px;font-size:18px;font-weight:800;letter-spacing:2px;text-shadow:0 0 10px rgba(28,255,149,.4)}.login-client__title{font-size:46px;line-height:1.2;margin-bottom:20px;color:#fff;font-weight:700}.login-client__desc{color:#d1d5db;max-width:420px;font-size:16px;line-height:1.7}.login-client__right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 56px}.login-client__box{width:100%;max-width:480px;background:#1119;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px;border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #0006,inset 0 1px #ffffff0d}.login-client__box h2{margin:0 0 8px;font-size:36px;color:#fff;font-weight:800;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}.login-client__sub{margin:0 0 32px;color:#8b95a7;font-size:16px;font-weight:500}.login-client__form-group{margin-bottom:24px}.login-client__form-group label{display:block;margin-bottom:12px;font-size:13px;font-weight:700;color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em}.login-client__form-group .ant-input,.login-client__form-group .ant-input-password{background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.15);color:#fff;border-radius:0;min-height:44px;padding:0;box-shadow:none;transition:all .3s ease}.login-client__form-group .ant-input{padding:0 0 10px;font-size:15px}.login-client__form-group .ant-input::placeholder,.login-client__form-group .ant-input-password input::placeholder{color:#64748b;font-size:15px}.login-client__form-group .ant-input:hover,.login-client__form-group .ant-input-password:hover{border-bottom-color:#1cff9580}.login-client__form-group .ant-input:focus,.login-client__form-group .ant-input-focused,.login-client__form-group .ant-input-password-focused,.login-client__form-group .ant-input-password:focus-within{border:none;border-bottom:2px solid #1cff95;box-shadow:0 10px 10px -10px #1cff954d}.login-client__form-group .ant-input-password .ant-input{background:transparent;border:none;box-shadow:none;min-height:auto;height:auto;padding:0 0 10px}.login-client__form-group .ant-input-password-icon,.login-client__form-group .ant-input-password-icon .anticon{color:#cbd5e1}.login-client__form-group .ant-input-password-icon:hover,.login-client__form-group .ant-input-password-icon:hover .anticon{color:#1cff95}.login-client__options{display:flex;justify-content:flex-end;margin-top:-4px;margin-bottom:24px;font-size:14px}.login-client__forgot{color:#cbd5e1;cursor:pointer;font-weight:500;transition:.2s}.login-client__forgot:hover{color:#1cff95;text-shadow:0 0 10px rgba(28,255,149,.5)}.login-client__btn{width:100%;border-radius:12px;cursor:pointer;font-weight:800;letter-spacing:.05em;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);height:48px;background:#1cff95;color:#000;border:none;margin-bottom:26px;font-size:15px;box-shadow:0 5px 15px #1cff954d}.login-client__btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #1cff9566;filter:brightness(1.1)}.login-client__btn:active{transform:translateY(0)}.login-client__divider{text-align:center;margin:10px 0 24px;position:relative}.login-client__divider:before,.login-client__divider:after{content:"";position:absolute;top:50%;width:35%;height:1px;background:#ffffff1a}.login-client__divider:before{left:0}.login-client__divider:after{right:0}.login-client__divider span{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.login-client__google-wrap{margin-bottom:12px}.login-client__google-title{margin-bottom:12px;color:#94a3b8;font-size:13px;text-align:center;letter-spacing:.3px}.login-client__btn-google{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);transition:all .3s}.login-client__btn-google:hover{border-color:#fff3;background:#ffffff14;box-shadow:0 5px 15px #0003}.login-client__btn-google>div{width:100%!important}.login-client__btn-google iframe{width:100%!important;min-height:40px!important;border-radius:999px!important}.login-client__register{margin-top:32px;font-size:15px;text-align:center;color:#cbd5e1}.login-client__register a{color:#1cff95;text-decoration:none;cursor:pointer;font-weight:700;margin-left:5px}.login-client__register a:hover{color:#fff;text-shadow:0 0 10px #1cff95}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media(max-width:768px){.login-client{min-height:100vh}.login-client__container{flex-direction:column;min-height:100vh}.login-client__left{display:none}.login-client__right{padding:24px;min-height:100vh}.login-client__box{max-width:100%;background:#111c;padding:30px 20px}.login-client__box h2{font-size:32px}.login-client__sub{font-size:15px;margin-bottom:24px}.login-client__back{top:16px;left:16px;font-size:13px;padding:8px 12px}.login-client__btn{height:48px;font-size:15px}.login-client__btn-google{min-height:48px;padding:5px;border-radius:10px}}.child-hero{position:relative;width:100%;height:100vh;overflow:hidden;background:#050816}.child-hero__video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.child-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,#0000008c,#0003,#00000059);pointer-events:none;z-index:1}.child-hero__actions{position:absolute;left:50%;bottom:100px;transform:translate(-50%);z-index:2;display:flex;align-items:center;justify-content:center;gap:16px}.child-hero__action{min-width:150px;text-align:center;padding:15px 25px;text-decoration:none;border-radius:50px;font-size:18px;font-weight:600;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease}.child-hero__action:hover{transform:translateY(-2px)}.child-hero__action:active{transform:scale(.98)}.child-hero__action--outline{background:transparent;border:1.5px solid #22c55e;color:#dcfce7;box-shadow:0 0 18px #22c55e1f}.child-hero__action--outline:hover{border-color:#4ade80;color:#fff;box-shadow:0 0 24px #22c55e38}.child-hero__action--filled{background:linear-gradient(135deg,#22c55e,#16a34a);border:1.5px solid #22c55e;color:#04130a;box-shadow:0 10px 24px #22c55e47,0 0 18px #22c55e29}.child-hero__action--filled:hover{box-shadow:0 14px 30px #22c55e59,0 0 24px #22c55e3d}.child-hero__toggle{position:absolute;right:24px;bottom:24px;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border:1px solid rgba(34,197,94,.45);border-radius:999px;background:#16a34a2e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#dcfce7;font-size:15px;font-weight:600;letter-spacing:.2px;cursor:pointer;box-shadow:0 8px 30px #00000059,inset 0 1px #ffffff14;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.child-hero__toggle:hover{transform:translateY(-2px);background:#16a34a47;border-color:#4ade80cc;box-shadow:0 12px 35px #0000006b,0 0 20px #22c55e2e}.child-hero__toggle:active{transform:scale(.98)}.child-hero__toggle-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#03120a;font-size:14px;font-weight:700;flex-shrink:0}.child-hero__toggle-text{white-space:nowrap}@media(max-width:768px){.child-hero{width:100%;height:auto;min-height:unset}.child-hero__video{width:100%;height:auto;object-fit:contain}.child-hero__actions{bottom:20px;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;padding:0 16px}.child-hero__action{min-width:100px;height:42px;font-size:10px;padding:0 16px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex:1;max-width:100px}.child-hero__toggle{right:12px;bottom:12px;padding:8px 12px;font-size:12px;gap:6px;max-width:120px}.child-hero__toggle-icon{width:26px;height:26px;font-size:10px}.child-hero__toggle-text{font-size:12px}}.product-intro{padding:80px 0;background:#000;color:#fff}.product-intro__container{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}.product-intro__heading{max-width:860px;margin-bottom:0}.product-intro__heading--center{text-align:center;margin:0 auto}.product-intro__tag{display:inline-block;margin-bottom:12px;font-size:12px;font-weight:700;letter-spacing:2px;color:#76b900;text-transform:uppercase}.product-intro .blue{color:#06f}.product-intro__title{font-size:48px;line-height:1.12;font-weight:800;margin:0 0 18px}.product-intro__desc{max-width:760px;margin:0 auto;font-size:17px;line-height:1.75;color:#ffffffd1}@media(max-width:1024px){.product-intro{padding:60px 0}.product-intro__title{font-size:36px}.product-intro__desc{font-size:15px}}@media(max-width:768px){.product-intro{padding:48px 0}.product-intro__title{font-size:28px;line-height:1.2}.product-intro__desc{font-size:14px;line-height:1.65}}.bottom-video-section{position:relative;width:100%;overflow:hidden;background:#000}.bottom-video-section__video{display:block;width:100%;height:auto;object-fit:cover}.bottom-video-section__toggle{position:absolute;right:20px;bottom:20px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:999px;background:#00000094;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .25s ease}.bottom-video-section__toggle:hover{background:#ffffff29}.bottom-video-section__toggle-icon{font-size:14px;line-height:1}.bottom-video-section__toggle-text{font-size:14px;font-weight:600;line-height:1}@media(max-width:768px){.bottom-video-section__toggle{right:12px;bottom:12px;padding:8px 12px;gap:6px}.bottom-video-section__toggle-text,.bottom-video-section__toggle-icon{font-size:12px}}.loading-update{display:flex;align-items:center;justify-content:center;z-index:9999;position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.user-profile-page{min-height:100vh;padding:60px 20px;background:radial-gradient(circle at 50% -20%,#1a202c,#000);color:#fff;font-family:Inter,sans-serif;position:relative}.user-profile-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(28,255,149,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.luxury-card-container{position:relative;width:100%;max-width:380px;height:200px;box-sizing:border-box;border-radius:24px;overflow:hidden;padding:30px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;transition:all .5s cubic-bezier(.25,1,.5,1);-webkit-user-select:none;user-select:none;cursor:pointer;margin:0 auto}.luxury-card-container:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 60px -15px #1cff9526}.tier-clickable-zone{cursor:pointer;margin-top:30px;transition:transform .3s ease}.tier-clickable-zone:active{transform:scale(.98)}.tier-info-modal{max-width:700px!important;background:#111111d9!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;border:1px solid rgba(28,255,149,.2)!important;box-shadow:0 20px 60px #000c,0 0 40px #1cff951a!important}.tier-info-modal .tier-table-container{padding:24px 10px}.tier-info-modal .tier-table-container .tier-table{width:100%;border-collapse:separate;border-spacing:0 12px;text-align:left}.tier-info-modal .tier-table-container .tier-table th{color:#8b95a7;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;padding:0 16px 10px;font-weight:600}.tier-info-modal .tier-table-container .tier-table td{padding:20px 16px;font-size:15px;color:#fff;background:#ffffff05}.tier-info-modal .tier-table-container .tier-table td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.tier-info-modal .tier-table-container .tier-table td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.tier-info-modal .tier-table-container .tier-table tr{transition:transform .2s ease,background .2s ease}.tier-info-modal .tier-table-container .tier-table tr:hover td{background:#ffffff0d;transform:scale(1.01)}.tier-info-modal .tier-table-container .tier-table .tier-name{display:flex;flex-direction:column}.tier-info-modal .tier-table-container .tier-table .tier-name strong{font-size:16px;font-weight:700;letter-spacing:.5px}.tier-info-modal .tier-table-container .tier-table .tier-name small{font-size:12px;color:#888;margin-top:4px}.tier-info-modal .tier-table-container .tier-table .tier-name.bronze strong{color:#cd7f32;text-shadow:0 0 10px rgba(205,127,50,.3)}.tier-info-modal .tier-table-container .tier-table .tier-name.silver strong{color:#e0e0e0;text-shadow:0 0 10px rgba(224,224,224,.3)}.tier-info-modal .tier-table-container .tier-table .tier-name.gold strong{color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}.tier-info-modal .tier-table-container .tier-table .tier-name.diamond strong{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.3)}.tier-info-modal .tier-table-container .tier-table .benefit-highlight{font-weight:800;color:#1cff95;font-size:18px;text-shadow:0 0 15px rgba(28,255,149,.4)}.tier-info-modal .tier-table-container .tier-table .active-tier td{background:linear-gradient(90deg,#1cff951a,#1cff9505);border-top:1px solid rgba(28,255,149,.3);border-bottom:1px solid rgba(28,255,149,.3)}.tier-info-modal .tier-table-container .tier-table .active-tier td:first-child{border-left:1px solid rgba(28,255,149,.3)}.tier-info-modal .tier-table-container .tier-table .active-tier td:last-child{border-right:1px solid rgba(28,255,149,.3)}.tier-info-modal .tier-table-container .tier-table .active-tier{position:relative}.tier-info-modal .tier-table-container .tier-table .active-tier:after{content:"HẠNG CỦA BẠN";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;background:#1cff95;color:#000;padding:4px 12px;border-radius:20px;box-shadow:0 0 15px #1cff9580;letter-spacing:.5px}.tier-info-modal .tier-table-container .tier-footer-note{margin-top:24px;font-size:13px;color:#6f7887;text-align:center}.user-profile-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:400px 1fr;gap:32px;position:relative;z-index:1}.profile-sidebar-card,.profile-content-card{background:#1119;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a;transition:transform .4s ease,box-shadow .4s ease}.profile-sidebar-card:hover,.profile-content-card:hover{box-shadow:0 30px 60px #0009,inset 0 1px #ffffff26,0 0 30px #1cff950d}.profile-sidebar-card{padding:40px 30px;text-align:center;height:fit-content;position:sticky;top:100px}.avatar-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;position:relative}.avatar-wrap .avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;padding:4px;background:linear-gradient(135deg,#1cff95,#00b3ff);box-shadow:0 0 30px #1cff954d;border:none;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.avatar-wrap .avatar:hover{transform:scale(1.08) rotate(5deg);box-shadow:0 0 40px #1cff9599}.avatar-wrap .change-avatar-btn{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);cursor:pointer;padding:8px 16px;border-radius:12px;font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.avatar-wrap .change-avatar-btn:hover{background:#1cff951a;border-color:#1cff9566;color:#1cff95;transform:translateY(-2px)}.user-name{font-size:28px;font-weight:800;margin-bottom:6px;background:linear-gradient(to right,#fff,#a7ccf0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.user-email{color:#8b95a7;font-size:15px;margin-bottom:0}.profile-content-card{padding:40px}.section-header{margin-bottom:36px;position:relative}.section-header:after{content:"";position:absolute;bottom:-15px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#1cff95,transparent);border-radius:2px}.section-header h1{font-size:32px;margin-bottom:8px;font-weight:800;letter-spacing:-.5px}.section-header p{color:#8b95a7;font-size:15px}.profile-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.profile-form .form-group{display:flex;flex-direction:column}.profile-form .form-group.full-width{grid-column:span 2}.profile-form .form-group label{margin-bottom:10px;font-size:14px;font-weight:600;color:#a0aec0;letter-spacing:.5px}.profile-form .form-group input{height:54px;padding:0 18px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0006;color:#fff;font-size:15px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0003}.profile-form .form-group input::placeholder{color:#4a5568}.profile-form .form-group input:focus{border-color:#1cff95;background:#1cff9505;box-shadow:0 0 0 4px #1cff951a,inset 0 2px 4px #0003}.profile-form .form-group input[name=email]{background:#ffffff05;color:#718096;cursor:not-allowed;border-color:#ffffff0d}.form-actions{margin-top:40px;display:flex;justify-content:flex-end;gap:16px;padding-top:30px;border-top:1px solid rgba(255,255,255,.05)}.btn{min-width:150px;height:50px;border-radius:14px;border:none;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;letter-spacing:.5px}.btn.btn-primary{background:#1cff95;color:#000}.btn.btn-primary:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.1)}.btn.btn-primary:active:not(:disabled){transform:translateY(0)}.btn.btn-primary:disabled{background:#333;color:#666;cursor:not-allowed}.btn.btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn.btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#fff}.avatar-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.avatar-modal{width:100%;max-width:560px;background:#141414f2;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:32px;box-shadow:0 30px 60px #0009,inset 0 1px #ffffff1a;animation:scaleUp .4s cubic-bezier(.16,1,.3,1)}.avatar-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.avatar-modal-header h3{margin:0;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.5px}.avatar-modal-header .close-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.avatar-modal-header .close-btn:hover{background:#ff4757;border-color:#ff4757;transform:rotate(90deg)}.avatar-options{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-height:420px;overflow-y:auto;padding-right:10px}.avatar-options::-webkit-scrollbar{width:8px}.avatar-options::-webkit-scrollbar-track{background:#0003;border-radius:10px}.avatar-options::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.avatar-options::-webkit-scrollbar-thumb:hover{background:#1cff9580}.avatar-option{background:#ffffff05;border:2px solid transparent;border-radius:20px;padding:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.avatar-option:hover{transform:translateY(-4px);background:#1cff950d;border-color:#1cff954d;box-shadow:0 10px 20px #1cff9526}.avatar-option img{width:100%;aspect-ratio:1/1;border-radius:50%;display:block;background:#ffffff0d}.avatar-option.active{border-color:#1cff95;background:#1cff951a;box-shadow:0 0 25px #1cff954d;transform:scale(1.05)}.avatar-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.avatar-pagination .pagination-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.avatar-pagination .pagination-btn:hover:not(:disabled){background:#1cff9526;border-color:#1cff95;color:#1cff95}.avatar-pagination .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.avatar-pagination .pagination-info{font-size:14px;color:#8b95a7;font-weight:500}.payment-history-card .total-spent-highlight{background:linear-gradient(135deg,#1cff951a,#00b3ff0d);border:1px solid rgba(28,255,149,.2);border-radius:20px;padding:24px 32px;margin-bottom:32px;display:flex;align-items:baseline;gap:8px;box-shadow:inset 0 0 20px #1cff950d}.payment-history-card .total-spent-highlight .amount{font-size:42px;font-weight:800;color:#1cff95;text-shadow:0 0 20px rgba(28,255,149,.3);letter-spacing:-1px}.payment-history-card .total-spent-highlight .currency{font-size:24px;font-weight:700;color:#a0aec0}.payment-history-card .transaction-list{display:flex;flex-direction:column;gap:24px}.payment-history-card .transaction-list .transaction-month-group .month-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:1px dashed rgba(255,255,255,.1);display:inline-block}.payment-history-card .transaction-list .transaction-item{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;transition:all .3s ease}.payment-history-card .transaction-list .transaction-item:hover{background:#1cff9508;border-color:#1cff9533;transform:translateY(-2px)}.payment-history-card .transaction-list .transaction-item .trans-info{display:flex;flex-direction:column;gap:6px}.payment-history-card .transaction-list .transaction-item .trans-info .trans-code{font-weight:700;color:#fff;font-size:15px}.payment-history-card .transaction-list .transaction-item .trans-info .trans-date{font-size:13px;color:#8b95a7}.payment-history-card .transaction-list .transaction-item .trans-info .trans-status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;display:inline-block;width:fit-content}.payment-history-card .transaction-list .transaction-item .trans-info .trans-status.status-done,.payment-history-card .transaction-list .transaction-item .trans-info .trans-status.status-shipped{background:#1cff951a;color:#1cff95}.payment-history-card .transaction-list .transaction-item .trans-info .trans-status.status-pending{background:#ffc1071a;color:#ffc107}.payment-history-card .transaction-list .transaction-item .trans-info .trans-status.status-confirmed{background:#00b3ff1a;color:#00b3ff}.payment-history-card .transaction-list .transaction-item .trans-info .trans-status.status-cancel,.payment-history-card .transaction-list .transaction-item .trans-info .trans-status.status-suspicious{background:#ff47571a;color:#ff4757}.payment-history-card .transaction-list .transaction-item .trans-amount{font-size:18px;font-weight:800;color:#fff}.payment-history-card .transaction-list .transaction-item .trans-amount.cancelled{text-decoration:line-through;color:#718096}.payment-history-card .transaction-list .no-transactions{text-align:center;color:#8b95a7;padding:40px 0;font-size:15px}.payment-history-card .btn-view-all{margin-top:10px;min-width:180px}@media(max-width:992px){.user-profile-container{grid-template-columns:1fr;max-width:700px}.profile-sidebar-card{position:static}}@media(max-width:768px){.user-profile-page{padding:30px 16px}.profile-content-card{padding:30px 20px}.profile-form .form-grid{grid-template-columns:1fr}.profile-form .form-group.full-width{grid-column:span 1}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.avatar-options{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.avatar-options{grid-template-columns:repeat(2,1fr)}.tier-info-modal .tier-table-container{padding:10px 0;overflow-x:auto}.tier-info-modal .tier-table-container .tier-table{min-width:500px}}.luxury-card-container{position:relative;width:100%;max-width:380px;box-sizing:border-box;height:220px;border-radius:22px;overflow:hidden;padding:30px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;transition:all .6s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;cursor:pointer}.luxury-card-container.bronze{background:linear-gradient(135deg,#3d2b1f,#1a110a);color:#d4bda9}.luxury-card-container.silver{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#1f2937}.luxury-card-container.gold{background:linear-gradient(135deg,#b88a44,#6e4d1a);color:#f3e0b5}.luxury-card-container.diamond{background:linear-gradient(135deg,#e0f2fe,#38bdf8);color:#075985}.luxury-card-container.diamond .tier-label,.luxury-card-container.diamond .membership-text{opacity:.8;color:#0c4a6e}.luxury-card-container:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 35px 60px -15px #0009}.reflection-layer{position:absolute;top:-150%;left:-150%;width:400%;height:400%;pointer-events:none;z-index:1;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,0) 45%,rgba(255,255,255,.15) 50%,rgba(255,255,255,0) 55%,transparent 100%);filter:blur(60px)}.layer-1{animation:light-sweep 8s ease-in-out infinite}.layer-2{animation:light-sweep 8s ease-in-out infinite;animation-delay:4s;opacity:.5}@keyframes light-sweep{0%{transform:translate(-10%,-10%) rotate(0)}50%{transform:translate(10%,10%) rotate(3deg)}to{transform:translate(-10%,-10%) rotate(0)}}.card-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between}.card-header{display:flex;justify-content:space-between;align-items:center}.card-header .tier-label{font-size:11px;font-weight:900;letter-spacing:2.5px}.card-header .tier-icon{font-size:28px;opacity:.9}.card-header .tier-icon.diamond-icon{color:#fff;filter:drop-shadow(0 0 12px white)}.card-body{margin-top:20px}.card-body .membership-text{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;opacity:.6;margin-bottom:2px}.card-body .user-name{font-size:22px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.card-footer{display:flex;justify-content:space-between;align-items:flex-end}.card-footer .serial-number{font-family:Courier New,monospace;font-size:14px;opacity:.7}.card-footer .card-chip{width:42px;height:32px;background:#ffffff1a;border-radius:6px;border:1px solid rgba(255,255,255,.15);position:relative}.card-footer .card-chip:after{content:"";position:absolute;top:50%;width:100%;height:1px;background:#ffffff1a}.location-selector{display:flex;flex-direction:column;gap:1rem;width:100%}.location-selector label{display:block;margin-bottom:6px;font-size:14px;color:#a0aec0;font-weight:500}.location-selector select,.location-selector input{width:100%;padding:12px 16px;border-radius:8px;background-color:#2d3748;border:1px solid #4a5568;color:#e2e8f0;font-size:14px;outline:none;transition:all .3s ease}.location-selector select:focus,.location-selector input:focus{border-color:#ecc94b;box-shadow:0 0 0 1px #ecc94b80}.location-selector select:disabled,.location-selector input:disabled{background-color:#1a202c;color:#718096;cursor:not-allowed}.location-selector__row{display:flex;gap:1rem;flex-wrap:wrap}.location-selector__group{flex:1;min-width:calc(33.333% - 1rem)}.location-selector__group--full{width:100%;flex:100%}select{cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23a0aec0%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem top 50%;background-size:.65rem auto}.cart-page{min-height:100vh;padding:60px 0 80px;background:radial-gradient(circle at 50% -20%,#1a202c,#000);color:#fff;position:relative}.cart-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(28,255,149,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.cart-page__inner{position:relative;z-index:1;width:min(1280px,100% - 48px);margin:0 auto 100px}.cart-page__top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}.cart-page__top h2{margin:0;font-size:26px;font-weight:700;color:#fff}.cart-page__checkout-top{min-width:160px;height:52px;border:none;background:#44d62c;color:#000;font-weight:700;font-size:15px;cursor:pointer;transition:.2s ease}.cart-page__checkout-top:hover{opacity:.9}.cart-page__state{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:100px}.cart-page__state p{max-width:300px;color:gray;margin:0 0 15px}.cart-page__state a{background:#44d62c;font-weight:700;font-size:15px;cursor:pointer;transition:.2s ease;text-decoration:none;color:#000;padding:10px;border-radius:7px}.cart-page__state a:hover{opacity:.9}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:48px;align-items:start}.cart-left{border-top:1px solid rgba(255,255,255,.15)}.cart-left__promo{margin-top:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,.15)}.cart-left__promo button{background:transparent;color:#44d62c;border:none;padding:0;font-size:20px;font-weight:600;cursor:pointer;margin-bottom:18px}.cart-left__promo p{margin:0;color:#8e8e8e;font-size:14px;line-height:1.7;max-width:420px}.cart-product{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.15)}.cart-product__discount{margin-top:8px;font-size:13px;color:#9b9b9b}.cart-product__discount del{color:#777;margin-right:6px}.cart-product__discount span{color:#44d62c;font-weight:600}.cart-product__price-old{font-size:13px;color:#777;text-decoration:line-through;margin-bottom:4px}.cart-product__price-new{font-size:18px;font-weight:700;color:#fff}.cart-product__main{display:grid;grid-template-columns:92px minmax(0,1fr) 140px 160px;align-items:center;gap:24px}.cart-product__image{width:92px;height:92px;background:#fff;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.cart-product__image img{width:100%;height:100%;object-fit:contain;display:block}.cart-product__info h3{margin:0 0 12px;color:#fff;font-size:20px;font-weight:700;line-height:1.4}.cart-product__details{border:none;background:transparent;color:#44d62c;font-size:14px;font-weight:600;cursor:pointer;padding:0}.cart-product__qty{display:flex;align-items:center;justify-content:center;gap:8px}.cart-product__qty button{width:34px;height:34px;border-radius:4px;border:1px solid #333;background:#111;color:#fff;cursor:pointer;font-size:18px}.cart-product__qty input{color:#fff;background:#000;border:1px solid gray;max-width:50px;text-align:center;height:34px;font-size:16px;font-weight:600;border-radius:4px}.cart-product__qty input[type=number]::-webkit-outer-spin-button,.cart-product__qty input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cart-product__qty input[type=number]{-moz-appearance:textfield}.cart-product__price{text-align:right;font-size:18px;font-weight:700;color:#fff;white-space:nowrap}.cart-product__addon{margin-top:22px;background:linear-gradient(90deg,#202020,#2b2b2b);border:1px solid #2d2d2d;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cart-product__addon strong{display:block;font-size:16px;color:#fff;margin-bottom:6px}.cart-product__addon p{margin:0;font-size:14px;color:#9d9d9d}.cart-product__addon button{border:none;background:transparent;color:#44d62c;font-size:15px;font-weight:700;cursor:pointer}.cart-right{position:sticky;top:40px}.cart-summary__eco{background:linear-gradient(90deg,#202020,#2b2b2b);border:1px solid #2d2d2d;padding:18px 20px;display:flex;justify-content:space-between;gap:16px;margin-bottom:28px}.cart-summary__eco strong{display:block;color:#fff;font-size:16px;line-height:1.5;margin-bottom:6px}.cart-summary__eco p{margin:0;color:#8e8e8e;font-size:13px}.cart-summary__eco button{border:none;background:transparent;color:#44d62c;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}.cart-summary__row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.cart-summary__row span,.cart-summary__row strong{font-size:16px;line-height:1.5}.cart-summary__row span{color:#fff}.cart-summary__row strong{color:#fff;font-weight:700}.cart-summary__row .muted{color:#8e8e8e;font-size:14px;text-align:right}.cart-summary__row--total{margin-top:10px}.cart-summary__row--total span,.cart-summary__row--total strong{font-size:18px;font-weight:700}.cart-summary__subtext{color:#8e8e8e;font-size:13px;margin-top:-4px;margin-bottom:18px}.cart-summary__line{height:1px;background:#ffffff26;margin:22px 0}.cart-summary__checkout{width:100%;height:52px;margin-top:28px;border:none;background:#44d62c;color:#000;font-size:15px;font-weight:700;cursor:pointer;transition:.2s ease}.cart-summary__checkout:hover{opacity:.92}.section-product-cart{max-width:1300px;margin:0 auto}.section-product-cart .line-product-cart{border-top:2px solid #44d62c;padding-top:25px;margin-bottom:50px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-bottom:42px}.product-card{position:relative;background:#0d0d0d;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;text-decoration:none}.product-card__thumb{position:relative;overflow:hidden;background:#161616;aspect-ratio:1.1/1}.product-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.product-card__thumb .badge-sale{position:absolute;top:12px;left:12px;z-index:2;background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff;font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;box-shadow:0 8px 20px #ff4d4f47}.product-card__info{padding:16px 16px 18px}.product-card__title{font-size:16px;font-weight:600;line-height:1.5;margin:0 0 10px;color:#fff;min-height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.product-card__price .price-old{font-size:13px;color:#8b8b8b;text-decoration:line-through}.product-card__price .price-new{font-size:18px;font-weight:700;color:#fff}.product-card__meta{display:flex;align-items:center;justify-content:space-between}.product-card__meta .left{display:flex;align-items:center;gap:8px;color:orange}.product-card__meta .favorite{font-size:18px;cursor:pointer;transition:all .2s ease}.product-card__meta .favorite:hover{color:#ff4d4f;transform:scale(1.1)}@media(max-width:1100px){.cart-layout{grid-template-columns:1fr;gap:32px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:42px;max-width:1000px;text-align:center}.cart-right{position:static}}@media(max-width:768px){.cart-page{padding:24px 0 48px}.cart-page__inner{width:min(100%,100% - 24px)}.cart-page__top{flex-direction:column;align-items:stretch}.cart-page__top h2{font-size:22px}.cart-page__checkout-top{width:100%}.cart-product__main{grid-template-columns:72px 1fr;gap:16px}.cart-product__image{width:72px;height:72px}.cart-product__info h3{font-size:17px;margin-bottom:8px}.cart-product__qty{grid-column:2/3;justify-content:flex-start;margin-top:8px}.cart-product__price{grid-column:2/3;text-align:left;margin-top:8px;font-size:17px}.cart-product__addon{flex-direction:column;align-items:flex-start}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:42px;max-width:1200px;text-align:center}.product-card__title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}.favorite-page{min-height:100vh;padding:60px 0 80px;background:radial-gradient(circle at 50% -20%,#1a202c,#000);color:#fff;position:relative}.favorite-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(28,255,149,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.favorite-page .container{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.favorite-page__header{margin-bottom:32px}.favorite-page__header h1{font-size:40px;line-height:1.1;font-weight:700;margin:8px 0 10px;letter-spacing:-.8px}.favorite-page__header p{margin:0;color:#8b8b8b;font-size:15px;line-height:1.6}.favorite-page__label{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:#7c3aed;font-weight:600}.no-product{text-align:center;padding:80px 0;display:flex;align-items:center;justify-content:center}.no-product .img{width:220px}.no-product .img img{width:100%;display:block;margin-bottom:14px;opacity:.8}.no-product .img span{color:#8b8b8b;font-size:16px}.product-card{position:relative;background:#0d0d0d;border:1px solid rgba(255,255,255,.08);border-radius:26px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;text-decoration:none}.product-card:hover{transform:translateY(-6px);border-color:#4f46e573;box-shadow:0 20px 40px #00000059}.product-card:hover .product-card__thumb img{transform:scale(1.05)}.product-card__thumb{position:relative;overflow:hidden;background:linear-gradient(180deg,#111,#0b0b0b);aspect-ratio:1.1/1;padding:22px}.product-card__thumb img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s ease}.product-card__thumb .badge-sale{position:absolute;top:16px;left:16px;z-index:2;min-width:64px;height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b6b,#ff5e62);color:#fff;font-size:14px;font-weight:700;border-radius:999px;box-shadow:0 0 24px #ff5e6273}.product-card__thumb .featured-badge{position:absolute;top:14px;right:14px;z-index:2;background:linear-gradient(135deg,#ff4d00,#ff7a00);color:#fff;font-weight:700;font-size:13px;padding:7px 12px;border-radius:999px;border:2px dashed #fff;line-height:1}.product-card__info{padding:22px 20px 20px;background:#050505}.product-card__title{font-size:17px;font-weight:700;line-height:1.5;margin:0 0 12px;color:#f5f5f5;min-height:52px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card .visibility{visibility:hidden}.product-card__price{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.product-card__price .price-old{font-size:14px;color:#7f7f7f;text-decoration:line-through}.product-card__price .price-new{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.4px}.product-card .product-card__meta .left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-card .product-card__meta .left .rating,.product-card .product-card__meta .left .reviews{color:#ffb400;font-size:16px;font-weight:500}.product-card .product-card__meta .favorite{font-size:22px;color:#1d4ed8;cursor:pointer;transition:all .2s ease}.product-card .product-card__meta .favorite:hover{transform:scale(1.1)}@media(max-width:1199px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.favorite-page{padding:20px 0 40px}.favorite-page .container{padding:0 16px}.favorite-page__header h1{font-size:30px}.product-grid{grid-template-columns:repeat(2,1fr);gap:18px}.product-card{border-radius:20px}.product-card__thumb,.product-card__info{padding:16px}.product-card__title{font-size:15px;min-height:44px}.product-card__price .price-old{font-size:13px}.product-card__price .price-new{font-size:18px}.product-card .product-card__meta .left .rating,.product-card .product-card__meta .left .reviews{font-size:14px}.product-card .product-card__meta .favorite{font-size:20px}}.sale{position:relative;width:100%;margin-top:15px}.sale-banner-premium{position:relative;width:100%;height:75vh;min-height:480px;max-height:600px;overflow:hidden}.sale-banner-premium .sale-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sale-banner-premium .sale-bg.mobile{display:none}.sale-banner-premium .sale-overlay-premium{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#000000d9,#00000073 45%,#0000000d)}.sale-banner-premium .sale-content-container{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:flex;align-items:center}.sale-banner-premium .sale-content-inner{width:100%;max-width:1280px;margin:0 auto;padding:0 40px}.sale-banner-premium .sale-content{max-width:500px;color:#fff}.sale-banner-premium .sale-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;color:#ff3b30;padding:4px 12px;border:1px solid rgba(255,59,48,.3);border-radius:4px;background:#ff3b301a}.sale-banner-premium .sale-title{font-size:56px;line-height:1.1;font-weight:900;margin:0 0 16px;color:#fff;text-transform:uppercase}.sale-banner-premium .sale-desc{font-size:16px;line-height:1.6;margin:0 0 30px;color:#fffc}.sale-banner-premium .sale-discount .discount-text{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 28px;border-radius:8px;background:linear-gradient(135deg,#ff4d4f,#d9363e);color:#fff;font-size:16px;font-weight:700;box-shadow:0 4px 20px #ff4d4f66;transition:all .25s;cursor:pointer}.sale-banner-premium .sale-discount .discount-text:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff4d4f99}:global(body.dark) .sale-banner-premium .sale-overlay-premium{background:linear-gradient(90deg,rgba(10,10,10,.95) 0%,rgba(15,15,15,.6) 45%,transparent 100%)}:global(body.dark) .sale-banner-premium .sale-title{text-shadow:0 2px 15px rgba(0,0,0,.8)}@media(max-width:1024px){.sale-banner-premium{height:50vh;min-height:400px}.sale-banner-premium .sale-title{font-size:42px}}@media(max-width:768px){.sale-banner-premium{height:auto;min-height:320px;max-height:none}.sale-banner-premium .sale-bg.desktop{display:none}.sale-banner-premium .sale-bg.mobile{display:block}.sale-banner-premium .sale-overlay-premium{background:linear-gradient(to right,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 55%,transparent 100%)}.sale-banner-premium .sale-content-container{padding-top:40px}.sale-banner-premium .sale-content-inner{padding:0 20px}.sale-banner-premium .sale-content{max-width:55%}.sale-banner-premium .sale-tag{font-size:10px;margin-bottom:12px}.sale-banner-premium .sale-title{font-size:28px;margin-bottom:10px}.sale-banner-premium .sale-desc{font-size:13px;margin-bottom:20px}.sale-banner-premium .sale-discount .discount-text{height:36px;padding:0 16px;font-size:13px}}@media(max-width:480px){.sale-banner-premium{min-height:240px}.sale-banner-premium .sale-content-container{padding-top:60px}.sale-banner-premium .sale-content{max-width:60%}.sale-banner-premium .sale-title{font-size:20px;margin-bottom:6px}.sale-banner-premium .sale-desc{font-size:11px;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sale-banner-premium .sale-discount .discount-text{height:32px;padding:0 12px;font-size:11px}}.sale-page{background:#0a0a0a;min-height:100vh;color:#e5e5e5;padding-bottom:60px}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.sale-products{margin-top:40px}.sale-category-block{margin-bottom:48px}.sale-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sale-category-header h2{font-size:26px;font-weight:700;margin:0;color:#f1f1f1}.sale-category-header .view-all{color:#bbb;text-decoration:none;font-size:14px;border:1px solid rgba(255,255,255,.12);padding:10px 16px;border-radius:999px;transition:.25s ease}.sale-category-header .view-all:hover{background:#111;border-color:#444;color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.no-product{text-align:center;padding:60px 0;font-size:16px;color:#777}.product-card{position:relative;background:#111;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;transition:.25s ease;text-decoration:none}.product-card:hover{transform:translateY(-6px);border-color:#6366f166;box-shadow:0 12px 28px #00000059}.product-card__thumb{position:relative;background:#181818;aspect-ratio:1.1/1}.product-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.product-card__thumb .badge-sale{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px}.product-card__thumb .featured-badge{position:absolute;top:10px;right:10px;background:linear-gradient(to right,#ff3c00,#ff8c00);font-size:11px;border-radius:999px;color:#fff;padding:4px 8px}.product-card__info{padding:14px}.product-card__title{font-size:15px;font-weight:600;line-height:1.5;margin:0 0 8px;color:#eaeaea;min-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.product-card__price .price-old{font-size:12px;color:#777;text-decoration:line-through}.product-card__price .price-new{font-size:17px;font-weight:700;color:#fff}.product-card .product-card__meta{display:flex;align-items:center;justify-content:space-between}.product-card .product-card__meta .left{display:flex;align-items:center;gap:6px;color:#facc15;font-size:13px}.product-card .product-card__meta .favorite{font-size:18px;color:#888;transition:.2s}.product-card .product-card__meta .favorite:hover{color:#ff4d4f}.visibility{visibility:hidden}@media(max-width:1199px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.container{padding:0 16px}.sale-category-header{flex-direction:column;align-items:flex-start;gap:12px}.sale-category-header h2{font-size:20px}.product-grid{grid-template-columns:repeat(2,1fr);gap:16px}}.checkout{position:relative;padding:40px;background:#000;color:#fff;min-height:100vh}.checkout__wrapper{max-width:1200px;margin:0 auto}.checkout__title{font-size:32px;margin-bottom:30px}.checkout__container{display:grid;grid-template-columns:500px 1fr;gap:40px;align-items:start}.checkout__summary{background:#000;padding:20px;border-radius:16px;box-shadow:0 0 10px #3b3b3b}.checkout__summary h2{margin-bottom:20px}.checkout__summary .item{display:flex;gap:15px;margin-bottom:20px}.checkout__summary .item .price{color:orange;font-weight:600}.checkout__summary .item span{font-size:12px;color:gray;font-weight:600}.checkout__summary .item p{margin:0;font-weight:600}.checkout__summary .item img{width:100px;height:100px;border-radius:10px}.checkout__summary .discount{background:#1a1a1a;padding:20px;border-radius:12px;max-height:200px;overflow-y:auto}.checkout__summary .discount::-webkit-scrollbar{height:4px;width:4px}.checkout__summary .discount::-webkit-scrollbar-track{background:transparent}.checkout__summary .discount::-webkit-scrollbar-thumb{background:#555;border-radius:10px}.checkout__summary .discount::-webkit-scrollbar-thumb:hover{background:#888}.checkout__summary .discount h3{color:#f5f5f5;margin-bottom:16px}.checkout__summary .discount>div{display:flex;flex-direction:column;gap:12px}.checkout__summary .discount .item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:12px;background:linear-gradient(145deg,#1e1e1e,#252525);border:1px solid #2f2f2f;transition:all .25s ease;cursor:pointer;position:relative;overflow:hidden}.checkout__summary .discount .item:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(64,150,255,.15),transparent 60%);opacity:0;transition:.3s}.checkout__summary .discount .item:hover{transform:translateY(-2px);border-color:#4096ff;box-shadow:0 6px 18px #0009}.checkout__summary .discount .item:hover:before{opacity:1}.checkout__summary .discount .item.active{border-color:#4096ff;background:linear-gradient(145deg,#1a2a3a,#1f344a)}.checkout__summary .discount .item.active:before{opacity:1}.checkout__summary .discount .item .left{display:flex;flex-direction:column;gap:4px}.checkout__summary .discount .item .left .code{font-size:16px;font-weight:600;color:#69b1ff}.checkout__summary .discount .item .left .desc{font-size:14px;color:#ccc}.checkout__summary .discount .item .left .date{font-size:12px;color:#888}.checkout__summary .discount .item .right{font-size:13px;font-weight:500;padding:5px 12px;border-radius:6px;background:#4096ff26;color:#69b1ff;border:1px solid rgba(64,150,255,.3)}.checkout__summary .calc div,.checkout__summary .total{display:flex;justify-content:space-between;margin:8px 0}.checkout__summary .red{color:#ff6b6b}.checkout__summary .total{font-size:18px;font-weight:700;margin-top:10px}.checkout__summary .delivery{color:#00c896;font-weight:600}.checkout__form{position:sticky;top:50px}.checkout__form h2{margin:20px 0 10px}.checkout__form input,.checkout__form textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #333;background:transparent;color:#fff;margin-bottom:15px}.checkout__form .row{display:flex;gap:15px}.checkout__form textarea{height:80px}.checkout__form .checkbox-checkout{display:flex;align-items:center;gap:10px;cursor:pointer}.checkout__form .checkbox-checkout input{width:14px;height:14px}.checkout__form .checkbox-checkout label{font-size:14px;color:#ccc;cursor:pointer}.checkout__form .payment-method{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.checkout__form .payment-method .checkout__paypal{grid-column:span 2}.checkout__form .payment-method .method{flex:1;padding:15px;border:1px solid #333;border-radius:12px;text-align:center;cursor:pointer;position:relative}.checkout__form .payment-method .method input{display:none}.checkout__form .payment-method .active{border-color:#7c7cff;background:#7c7cff33}.checkout__form .card-info{margin-top:20px}.checkout__form .submit{width:100%;height:52px;margin-top:28px;border:none;background:#44d62c;color:#000;font-size:15px;font-weight:700;cursor:pointer;transition:.2s ease}.checkout__form .submit:hover{opacity:.92}.checkout__form .policy{margin-top:10px;font-size:12px;color:#aaa;text-align:center}@media(max-width:992px){.checkout__container{grid-template-columns:1fr}}.order-success-page{min-height:100vh;background-color:#080c10;background-image:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(0,200,150,.07) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 80% 80%,rgba(30,144,255,.05) 0%,transparent 50%);font-family:DM Sans,sans-serif;color:#f0f4f8;padding:0 1rem 4rem;overflow-x:hidden}.grid-overlay{position:fixed;inset:0;background-image:linear-gradient(rgba(0,200,150,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,200,150,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.page-container{position:relative;z-index:1;max-width:860px;margin:0 auto}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.nav-bar .brand{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-bar .brand .brand-icon{width:32px;height:32px;background:linear-gradient(135deg,#00c896,#1e90ff);border-radius:8px;display:flex;align-items:center;justify-content:center}.nav-bar .brand .brand-icon svg{width:18px;height:18px;fill:#080c10}.nav-bar .brand .brand-name{font-family:Rajdhani,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.08em;color:#f0f4f8;text-transform:uppercase}.nav-bar .brand .brand-name span{color:#00c896}.nav-bar .nav-step-indicator{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:#4a5a6a;letter-spacing:.05em}.nav-bar .nav-step-indicator .step{display:flex;align-items:center;gap:5px}.nav-bar .nav-step-indicator .step .dot{width:6px;height:6px;border-radius:50%;background:#4a5a6a}.nav-bar .nav-step-indicator .step .dot.done{background:#00c896}.nav-bar .nav-step-indicator .step.active{color:#00c896}.nav-bar .nav-step-indicator .divider{width:20px;height:1px;background:#ffffff0f}.success-hero{text-align:center;padding:4rem 0 2.5rem}.success-hero .checkmark-wrapper{position:relative;display:inline-block;margin-bottom:2rem}.success-hero .checkmark-wrapper .ring-outer{width:96px;height:96px;border-radius:50%;border:2px solid rgba(0,200,150,.3);display:flex;align-items:center;justify-content:center;position:relative;animation:ringPulse 2.5s ease-in-out infinite}.success-hero .checkmark-wrapper .ring-outer:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(0,200,150,.1);animation:ringPulseOuter 2.5s ease-in-out infinite .3s}.success-hero .checkmark-wrapper .ring-inner{width:76px;height:76px;border-radius:50%;background:#00c89626;border:1.5px solid #00c896;display:flex;align-items:center;justify-content:center}.success-hero .checkmark-wrapper .ring-inner .check-icon{font-size:28px;color:#00c896;animation:fadeInUp .4s ease forwards .15s;opacity:0}.success-hero .success-title{font-family:Rajdhani,sans-serif;font-size:2.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#f0f4f8;line-height:1.1;margin-bottom:.75rem}.success-hero .success-title .highlight{color:#00c896}.success-hero .success-subtitle{font-size:1rem;font-weight:300;color:#8a99aa;max-width:440px;margin:0 auto 1.5rem;line-height:1.7}.success-hero .order-id-badge{display:inline-flex;align-items:center;gap:8px;background:#131920;border:1px solid rgba(255,255,255,.06);border-radius:100px;padding:8px 18px;font-size:.82rem;color:#8a99aa}.success-hero .order-id-badge .label{font-weight:400}.success-hero .order-id-badge .value{font-family:Rajdhani,sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.08em;color:#00c896}.success-hero .order-id-badge .copy-btn{background:none;border:none;cursor:pointer;padding:2px;color:#4a5a6a;display:flex;transition:color .2s}.success-hero .order-id-badge .copy-btn svg{width:14px;height:14px}.success-hero .order-id-badge .copy-btn:hover{color:#00c896}.order-timeline{margin:.5rem 0 2.5rem;background:#131920;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.75rem 2rem}.order-timeline .timeline-header{font-family:Rajdhani,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#4a5a6a;margin-bottom:1.5rem}.order-timeline .timeline-track{display:flex;align-items:flex-start;gap:0;position:relative;overflow-x:auto;padding-bottom:.5rem}.order-timeline .timeline-track::-webkit-scrollbar{height:4px}.order-timeline .timeline-track::-webkit-scrollbar-track{background:transparent}.order-timeline .timeline-track::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:4px}.order-timeline .timeline-step{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;position:relative}.order-timeline .timeline-step:not(:last-child):after{content:"";position:absolute;top:17px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;background:#ffffff0f;z-index:0}.order-timeline .timeline-step.done:not(:last-child):after{background:linear-gradient(90deg,#00c896,#009e77)}.order-timeline .timeline-step.active:not(:last-child):after{background:linear-gradient(90deg,#009e77,#ffffff0f)}.order-timeline .timeline-step .step-node{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;margin-bottom:10px;border:2px solid rgba(255,255,255,.06);background:#0e1318;transition:all .3s;font-size:15px;color:#4a5a6a}.order-timeline .timeline-step.done .step-node{background:#00c89626;border-color:#00c896;color:#00c896}.order-timeline .timeline-step.active .step-node{background:#00c89626;border-color:#00c896;color:#00c896;box-shadow:0 0 0 4px #00c8961f;animation:stepPulse 1.8s ease-in-out infinite}.order-timeline .timeline-step .step-label{font-size:.72rem;font-weight:500;text-align:center;color:#4a5a6a;line-height:1.3}.order-timeline .timeline-step .step-label .step-name{display:block;margin-bottom:2px}.order-timeline .timeline-step .step-label .step-time{font-size:.65rem;color:#4a5a6a;opacity:.6}.order-timeline .timeline-step.done .step-label .step-name{color:#8a99aa}.order-timeline .timeline-step.active .step-label .step-name{color:#00c896;font-weight:600}.content-grid{display:grid;grid-template-columns:1fr 340px;margin:0 auto;gap:1.25rem;align-items:start}@media(max-width:720px){.content-grid{grid-template-columns:1fr}}.card{background:#131920;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden}.card .card-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.card .card-header .card-title{font-family:Rajdhani,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#4a5a6a;display:flex;align-items:center;gap:8px}.card .card-header .card-title .title-dot{width:6px;height:6px;border-radius:50%;background:#00c896}.card .card-header .card-action{font-size:.75rem;font-weight:500;color:#00c896;text-decoration:none;opacity:.8;transition:opacity .2s}.card .card-header .card-action:hover{opacity:1}.card .card-body{padding:1.5rem}.order-items-card .order-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.order-items-card .order-item:last-child{border-bottom:none}.order-items-card .order-item .item-thumb{width:56px;height:56px;border-radius:10px;background:#0e1318;border:1px solid rgba(255,255,255,.06);flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.order-items-card .order-item .item-thumb .item-emoji{font-size:1.6rem;line-height:1}.order-items-card .order-item .item-thumb .item-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#00c896;border-radius:50%;font-size:.6rem;font-weight:700;color:#080c10;display:flex;align-items:center;justify-content:center}.order-items-card .order-item .item-info{flex:1;min-width:0}.order-items-card .order-item .item-info .item-name{font-size:.9rem;font-weight:500;color:#f0f4f8;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-items-card .order-item .item-info .item-meta{font-size:.75rem;color:#4a5a6a;display:flex;align-items:center;gap:8px}.order-items-card .order-item .item-info .item-meta .variant-tag{background:#0e1318;border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:1px 6px;font-size:.68rem;color:#8a99aa}.order-items-card .order-item .item-price{font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;color:#f0f4f8;letter-spacing:.03em;white-space:nowrap}.order-summary-card .summary-row{display:flex;justify-content:space-between;align-items:center;padding:.55rem 0;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.06)}.order-summary-card .summary-row:last-of-type{border-bottom:none}.order-summary-card .summary-row .row-label{color:#8a99aa;font-weight:400;display:flex;align-items:center;gap:6px}.order-summary-card .summary-row .row-value{color:#f0f4f8;font-weight:500}.order-summary-card .summary-row .row-value.discount{color:#00c896}.order-summary-card .summary-row .row-value.free{color:#00c896;font-weight:600;font-size:.8rem;letter-spacing:.05em}.order-summary-card .total-row{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,200,150,.2)}.order-summary-card .total-row .total-label{font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#4a5a6a}.order-summary-card .total-row .total-value{font-family:Rajdhani,sans-serif;font-size:1.7rem;font-weight:700;letter-spacing:.02em;color:#f0f4f8}.order-summary-card .total-row .total-value .currency{font-size:1rem;font-weight:500;color:#8a99aa;margin-right:2px}.order-summary-card .payment-method{margin-top:1rem;display:flex;align-items:center;gap:10px;padding:.75rem;background:#0e1318;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.order-summary-card .payment-method .payment-icon{width:32px;height:20px;background:linear-gradient(135deg,#1a56db,#3b82f6);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:800;color:#fff;letter-spacing:.03em;font-family:Rajdhani,sans-serif}.order-summary-card .payment-method .payment-info{flex:1}.order-summary-card .payment-method .payment-info .payment-label{font-size:.72rem;color:#4a5a6a}.order-summary-card .payment-method .payment-info .payment-value{font-size:.82rem;font-weight:500;color:#8a99aa;font-family:monospace;letter-spacing:.05em}.order-summary-card .payment-method .payment-status{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#00c896;background:#00c89626;border:1px solid rgba(0,200,150,.3);border-radius:100px;padding:3px 8px}.side-column{display:flex;flex-direction:column;gap:1.25rem}.delivery-card .delivery-info .info-row{display:flex;gap:10px;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.delivery-card .delivery-info .info-row:last-child{border-bottom:none}.delivery-card .delivery-info .info-row .info-icon{width:20px;display:flex;align-items:flex-start;padding-top:2px;flex-shrink:0;font-size:14px;color:red}.delivery-card .delivery-info .info-row .info-content{flex:1}.delivery-card .delivery-info .info-row .info-content .info-label{font-size:.7rem;color:#4a5a6a;margin-bottom:2px;font-weight:500;letter-spacing:.04em}.delivery-card .delivery-info .info-row .info-content .info-value{font-size:.82rem;color:#f0f4f8;font-weight:400;line-height:1.5}.delivery-card .delivery-info .estimated-arrival{margin-top:1rem;padding:1rem;background:#00c89626;border:1px solid rgba(0,200,150,.3);border-radius:12px;display:flex;align-items:center;gap:12px}.delivery-card .delivery-info .estimated-arrival .arrival-icon{width:38px;height:38px;background:#00c89626;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;color:#00c896}.delivery-card .delivery-info .estimated-arrival .arrival-text .arrival-label{font-size:.68rem;color:#00c896b3;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.delivery-card .delivery-info .estimated-arrival .arrival-text .arrival-date{font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700;color:#00c896;letter-spacing:.02em}.actions-card .card-body{display:flex;flex-direction:column;gap:10px;padding:1.25rem 1.5rem}.actions-card .btn{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;width:100%}.actions-card .btn svg,.actions-card .btn .anticon{font-size:15px;flex-shrink:0}.actions-card .btn.btn-primary{background:#00c896;color:#080c10;font-weight:600}.actions-card .btn.btn-primary:hover{background:#00e7ad;transform:translateY(-1px);box-shadow:0 6px 24px #00c8964d}.actions-card .btn.btn-primary:active{transform:translateY(0)}.actions-card .btn.btn-secondary{background:#0e1318;color:#8a99aa;border:1px solid rgba(255,255,255,.06)}.actions-card .btn.btn-secondary:hover{background:#192028;color:#f0f4f8;border-color:#ffffff1f}.actions-card .btn.btn-ghost{background:transparent;color:#4a5a6a;border:1px solid transparent}.actions-card .btn.btn-ghost:hover{color:#8a99aa;border-color:#ffffff0f}.help-strip{margin-top:.5rem;padding:1rem 1.5rem;background:#131920;border:1px solid rgba(255,255,255,.06);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.help-strip .help-text{font-size:.82rem;color:#8a99aa}.help-strip .help-text strong{color:#f0f4f8;font-weight:500}.help-strip .help-actions{display:flex;gap:10px}.help-strip .help-actions .help-btn{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:500;padding:6px 14px;border-radius:8px;text-decoration:none;transition:all .2s;border:1px solid rgba(255,255,255,.06);background:#0e1318;color:#8a99aa;cursor:pointer}.help-strip .help-actions .help-btn svg,.help-strip .help-actions .help-btn .anticon{font-size:13px;color:currentColor}.help-strip .help-actions .help-btn:hover{color:#f0f4f8;border-color:#ffffff1f}.help-strip .help-actions .help-btn.chat-btn{background:#1e90ff26;border-color:#1e90ff40;color:#6bb6ff}.help-strip .help-actions .help-btn.chat-btn:hover{background:#1e90ff33}.promo-banner{margin-top:1.5rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#1e90ff0f,#00c8960f);border:1px solid rgba(255,255,255,.06);border-radius:14px;display:flex;align-items:center;gap:1rem}.promo-banner .promo-bolt{font-size:1.8rem;color:#00c896;flex-shrink:0;line-height:1}.promo-banner .promo-content{flex:1}.promo-banner .promo-content .promo-title{font-size:.9rem;font-weight:600;color:#f0f4f8;margin-bottom:4px}.promo-banner .promo-content .promo-desc{font-size:.78rem;color:#8a99aa;font-weight:300}.promo-banner .promo-code-box{display:flex;align-items:center;gap:8px;background:#131920;border:1px dashed rgba(0,200,150,.3);border-radius:8px;padding:8px 14px;cursor:pointer;transition:background .2s}.promo-banner .promo-code-box:hover{background:#192028}.promo-banner .promo-code-box .code-value{font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.1em;color:#00c896}.promo-banner .promo-code-box svg,.promo-banner .promo-code-box .anticon{font-size:13px;color:#4a5a6a}.left-column{display:flex;flex-direction:column;gap:1.25rem}.items-body{padding:0 1.5rem!important}.actions-body{display:flex;flex-direction:column;gap:10px;padding:1.25rem 1.5rem!important}.copied-flash{font-size:.7rem;color:#00c896;animation:fadeInUp .2s ease}@keyframes ringPulse{0%,to{box-shadow:0 0 #00c89640}50%{box-shadow:0 0 0 10px #00c89600}}@keyframes ringPulseOuter{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.1)}}@keyframes checkDraw{to{stroke-dashoffset:0}}@keyframes stepPulse{0%,to{box-shadow:0 0 0 4px #00c8961f}50%{box-shadow:0 0 0 8px #00c8960d}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .5s ease forwards}.animate-in:nth-child(2){animation-delay:.08s}.animate-in:nth-child(3){animation-delay:.16s}.animate-in:nth-child(4){animation-delay:.24s}:root{--bg: #000000;--surface: rgba(17, 17, 17, .6);--surface2: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .08);--border2: rgba(255, 255, 255, .15);--accent: #1cff95;--accent-glow: rgba(28, 255, 149, .3);--text: #ffffff;--muted: #8b95a7;--dim: #4a5568;--danger: #ff4757;--warn: #ffb142;--info: #2ed573}*{box-sizing:border-box;margin:0;padding:0}.vx-page{min-height:100vh;background:radial-gradient(circle at 50% -20%,#1a202c,#000);color:var(--text);font-size:14px;position:relative}.vx-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(28,255,149,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.vx-main{max-width:1000px;margin:0 auto;padding:40px 20px 80px;position:relative;z-index:1}.vx-page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border);position:relative}.vx-page-header:after{content:"";position:absolute;bottom:-2px;left:0;width:100px;height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:2px}.vx-page-title{font-size:36px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text);line-height:1;text-shadow:0 0 20px rgba(255,255,255,.1)}.vx-page-title span{color:var(--accent);text-shadow:0 0 15px var(--accent-glow)}.vx-count-pill{background:#1cff951a;border:1px solid rgba(28,255,149,.3);color:var(--accent);font-size:13px;font-weight:700;padding:6px 14px;border-radius:20px;letter-spacing:.05em;margin-bottom:4px;box-shadow:0 0 15px #1cff9526}.vx-search{position:relative;margin-bottom:24px}.vx-search .vx-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px;pointer-events:none;transition:color .3s}.vx-search input{width:100%;padding:16px 20px 16px 48px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;color:var(--text);font-size:15px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0003}.vx-search input::placeholder{color:var(--dim)}.vx-search input:focus{border-color:var(--accent);background:#1cff9505;box-shadow:0 0 0 4px #1cff951a,inset 0 2px 4px #0003}.vx-search input:focus+.vx-search-icon{color:var(--accent)}.vx-tabs{display:flex;gap:12px;margin-bottom:32px;border-bottom:none;overflow-x:auto;scrollbar-width:none;padding-bottom:10px}.vx-tabs::-webkit-scrollbar{display:none}.vx-tab{flex-shrink:0;padding:10px 24px;background:#ffffff08;border:1px solid var(--border);border-radius:99px;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.vx-tab:hover{color:var(--text);background:#ffffff14;border-color:#fff3}.vx-tab.vx-tab--active{color:#000;background:var(--accent);border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.vx-list{display:flex;flex-direction:column;gap:24px;background:transparent}.vx-card{background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff0d;transition:transform .4s ease,box-shadow .4s ease,border-color .4s}.vx-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px #0009,inset 0 1px #ffffff1a,0 0 30px #1cff950d;border-color:#ffffff26}.vx-card__head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:#ffffff03;border-top-left-radius:24px;border-top-right-radius:24px}.vx-card__id{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:800;letter-spacing:.1em;color:var(--text);text-transform:uppercase}.vx-card__id .vx-card__id-dot{width:8px;height:8px;background:var(--accent);border-radius:2px;transform:rotate(45deg);flex-shrink:0;box-shadow:0 0 10px var(--accent-glow)}.vx-card__meta{display:flex;align-items:center;gap:16px}.vx-card__date{font-size:13px;color:var(--muted);font-weight:500}.vx-card__body{display:flex;align-items:flex-start;gap:20px;padding:24px}.vx-card__thumb{width:80px;height:80px;object-fit:cover;border-radius:12px;flex-shrink:0;border:1px solid var(--border2);background:#ffffff05;transition:transform .3s ease}.vx-card__thumb:hover{transform:scale(1.05)}.vx-items{flex:1;display:flex;flex-direction:column;gap:12px}.vx-item{display:flex;align-items:center;gap:16px;padding:8px 12px;border-radius:12px;background:#ffffff05;transition:background .3s}.vx-item:hover{background:#ffffff0d}.vx-item__name{flex:1;color:#e2e8f0;font-weight:500;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vx-item__qty{font-size:12px;color:var(--muted);background:#00000080;padding:4px 10px;border:1px solid var(--border2);border-radius:6px;font-weight:700;letter-spacing:.05em}.vx-item__price{font-size:14px;color:#a0aec0;font-weight:600;min-width:90px;text-align:right}.vx-card__foot{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-top:1px solid var(--border);background:#0003;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.vx-card__total{display:flex;align-items:baseline;gap:12px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.vx-card__total strong{font-size:24px;font-weight:800;color:var(--accent);letter-spacing:.02em;text-shadow:0 0 15px var(--accent-glow)}.vx-card__actions{display:flex;gap:12px}.vx-btn{padding:10px 20px;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.vx-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.vx-btn:active{transform:translateY(0)}.vx-btn--primary{background:var(--accent);color:#000;box-shadow:0 5px 15px var(--accent-glow)}.vx-btn--primary:hover{box-shadow:0 10px 20px #1cff9566}.vx-btn--ghost{background:#ffffff08;color:var(--text);border:1px solid var(--border2)}.vx-btn--ghost:hover{background:#ffffff14;border-color:#fff}.vx-btn--danger{background:#ff47571a;color:var(--danger);border:1px solid rgba(255,71,87,.3)}.vx-btn--danger:hover{background:#ff475733;border-color:var(--danger);box-shadow:0 5px 15px #ff475733}.vx-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vx-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.vx-badge--green{background:#22c55e1a;color:#2ed573;border:1px solid rgba(46,213,115,.3);box-shadow:0 0 15px #2ed5731a}.vx-badge--blue{background:#3b82f61a;color:#70a1ff;border:1px solid rgba(112,161,255,.3);box-shadow:0 0 15px #70a1ff1a}.vx-badge--info{background:#0ea5e91a;color:#7bed9f;border:1px solid rgba(123,237,159,.3);box-shadow:0 0 15px #7bed9f1a}.vx-badge--orange{background:#f59e0b1a;color:#ffa502;border:1px solid rgba(255,165,2,.3);box-shadow:0 0 15px #ffa5021a}.vx-badge--red{background:#ef44441a;color:#ff4757;border:1px solid rgba(255,71,87,.3);box-shadow:0 0 15px #ff47571a}.vx-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:100px 20px;color:var(--dim);text-align:center;background:#ffffff05;border-radius:24px;border:1px dashed var(--border2)}.vx-empty p{font-size:18px;font-weight:600;letter-spacing:.05em;color:var(--muted)}.vx-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:vxFade .3s ease;padding:20px}.vx-modal{background:#141414f2;width:100%;max-width:560px;border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 30px 60px #0009,0 0 40px #1cff950d;overflow:hidden;animation:vxScaleUp .4s cubic-bezier(.16,1,.3,1)}.vx-modal__head{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--border);background:#ffffff05}.vx-modal__title{font-size:20px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text)}.vx-modal__close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text);transition:all .3s ease}.vx-modal__close:hover{background:var(--danger);border-color:var(--danger);transform:rotate(90deg)}.vx-modal__body{padding:32px;display:flex;flex-direction:column;gap:16px;max-height:75vh;overflow-y:auto}.vx-modal__body::-webkit-scrollbar{width:6px}.vx-modal__body::-webkit-scrollbar-track{background:#0003}.vx-modal__body::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.vx-product-card{display:flex;gap:16px;align-items:center;background:#ffffff05;border:1px solid var(--border);padding:16px;border-radius:16px;transition:transform .3s,border-color .3s}.vx-product-card:hover{transform:translateY(-2px);border-color:#ffffff26}.vx-product-card__thumb{width:64px;height:64px;object-fit:cover;border:1px solid var(--border2);border-radius:10px;flex-shrink:0;background:#000}.vx-product-card__info{flex:1;display:flex;flex-direction:column;gap:6px}.vx-product-card__title{font-size:14px;font-weight:600;color:var(--text);line-height:1.4}.vx-product-card__sub{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.vx-product-card__discount{color:var(--accent);font-weight:700;font-size:12px;background:#1cff951a;padding:2px 6px;border-radius:4px}.vx-product-card__price{text-align:right;flex-shrink:0}.vx-product-card__price-original{font-size:12px;color:var(--muted);text-decoration:line-through;display:block;margin-bottom:2px}.vx-product-card__price-final{font-size:16px;font-weight:800;color:var(--accent)}.vx-detail-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:6px 0}.vx-detail-row>span{color:var(--muted);font-weight:500}.vx-detail-row>strong{color:var(--text);font-weight:700;font-size:16px;letter-spacing:.02em}.vx-detail-row--total{margin-top:8px;padding-top:16px;border-top:1px dashed var(--border2)}.vx-detail-row--total>strong{color:var(--accent);font-size:24px;font-weight:800;text-shadow:0 0 10px var(--accent-glow)}.vx-divider{height:1px;background:var(--border);margin:12px 0}.vx-section-label{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.vx-modal-item{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:8px 12px;background:#ffffff05;border-radius:8px;gap:12px;margin-bottom:6px}.vx-modal-item span:first-child{flex:1;color:#e2e8f0;font-weight:500}.vx-modal-item span:nth-child(2){color:var(--muted);font-size:13px}.vx-modal-item span:last-child{font-weight:700;color:var(--text)}@keyframes vxFade{0%{opacity:0}to{opacity:1}}@keyframes vxScaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.vx-review-modal{max-width:560px}.vx-review-product{display:flex;align-items:center;gap:16px;background:#ffffff05;padding:16px;border-radius:16px;border:1px solid var(--border)}.vx-review-product__thumb{width:72px;height:72px;object-fit:cover;border:1px solid var(--border2);border-radius:10px;flex-shrink:0}.vx-review-product__info{flex:1}.vx-review-product__title{font-size:15px;font-weight:600;color:var(--text);line-height:1.4}.vx-form-group{display:flex;flex-direction:column;gap:10px;margin-top:8px}.vx-form-label{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.vx-form-input,.vx-form-textarea{width:100%;background:#0006;border:1px solid var(--border);border-radius:14px;color:var(--text);padding:14px 16px;font-size:14px;outline:none;transition:all .3s;box-shadow:inset 0 2px 4px #0003}.vx-form-input:focus,.vx-form-textarea:focus{border-color:var(--accent);background:#1cff9505;box-shadow:0 0 0 4px #1cff951a,inset 0 2px 4px #0003}.vx-form-input::placeholder,.vx-form-textarea::placeholder{color:var(--dim)}.vx-form-textarea{resize:vertical;min-height:140px}.vx-review-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:24px;border-top:1px solid var(--border)}@media(max-width:768px){.vx-main{padding:20px 10px 40px}.vx-page-header{flex-direction:column;align-items:flex-start;gap:16px}.vx-page-title{font-size:28px}.vx-card__head{flex-direction:column;align-items:flex-start;gap:12px}.vx-card__meta{width:100%;justify-content:space-between}.vx-card__body{flex-direction:column;align-items:flex-start;gap:16px}.vx-card__thumb{width:80px;height:80px}.vx-items{width:100%}.vx-item{flex-wrap:wrap;gap:8px}.vx-item .vx-item__name{width:100%}.vx-card__foot{flex-direction:column;align-items:flex-start;gap:16px}.vx-card__total{width:100%;justify-content:space-between}.vx-card__actions{width:100%;flex-wrap:wrap}.vx-card__actions .vx-btn{flex:1;text-align:center;justify-content:center}.vx-modal__head{padding:16px 20px}.vx-modal__title{font-size:18px}.vx-modal__body{padding:20px}.vx-product-card{flex-direction:column;align-items:flex-start}.vx-product-card__thumb{width:100%;height:120px}.vx-product-card__price{text-align:left;margin-top:8px}.vx-review-product{flex-direction:column;align-items:flex-start}.vx-review-product__thumb{width:100%;height:120px}.vx-review-actions{flex-direction:column}.vx-review-actions .vx-btn{width:100%;justify-content:center}}.detail-news{min-height:100vh;background:#0a0a0a;color:#f0f0f0;font-family:DM Sans,Segoe UI,sans-serif;padding-bottom:80px}.dn-breadcrumb{max-width:1400px;margin:0 auto;padding:18px 24px;font-size:12px;letter-spacing:.08em;color:#555;display:flex;align-items:center;gap:8px}.dn-breadcrumb .sep{color:#555}.dn-breadcrumb .active{color:#0f8;font-weight:500}.dn-breadcrumb a{color:#fff;text-decoration:none;font-weight:600}.dn-layout{max-width:1400px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}@media(max-width:900px){.dn-layout{grid-template-columns:1fr;padding:0 16px}}.dn-sidebar{position:sticky;top:24px;background:#111;border:1px solid #2a2a2a;border-radius:4px;overflow:hidden}@media(max-width:900px){.dn-sidebar{position:fixed;top:0;left:-320px;width:300px;height:100vh;overflow-y:auto;z-index:999;transition:left .3s ease;border-radius:0}.dn-sidebar.open{left:0}}.dn-sidebar__header{padding:16px 20px;border-bottom:1px solid #2a2a2a;background:#1a1a1a}.dn-sidebar__section{padding:20px;border-top:1px solid #2a2a2a}.sidebar-title{font-family:Rajdhani,Bebas Neue,sans-serif;font-size:13px;font-weight:600;letter-spacing:.12em;color:#0f8;display:block;margin-bottom:12px}.sidebar-title:first-child{margin-bottom:0}.dn-categories{list-style:none;padding:8px 0;margin:0}.dn-cat-item{display:flex;align-items:center;gap:10px;padding:12px 20px;font-size:14px;color:#888;cursor:pointer;position:relative;transition:color .2s,background .2s;border-left:2px solid transparent}.dn-cat-item:hover{color:#f0f0f0;background:#1a1a1a}.dn-cat-item.active{color:#f0f0f0;background:#00ff8826;border-left-color:#0f8;font-weight:500}.dn-cat-item.active .cat-bar{background:#0f8}.dn-cat-item .cat-bar{width:3px;height:3px;border-radius:50%;background:#555;flex-shrink:0}.dn-cat-item .cat-count{margin-left:auto;font-size:11px;background:#222;color:#555;padding:2px 7px;border-radius:20px;border:1px solid #2a2a2a}.dn-cat-item.active .cat-count{background:#00ff8826;color:#0f8;border-color:#00ff884d}.dn-recent{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.dn-recent-item{display:flex;gap:12px;cursor:pointer;padding:8px;border-radius:4px;border:1px solid transparent;transition:border-color .2s,background .2s}.dn-recent-item:hover,.dn-recent-item.active{background:#1a1a1a;border-color:#3d3d3d}.dn-recent-item img{width:64px;height:48px;object-fit:cover;border-radius:3px;flex-shrink:0;filter:brightness(.85)}.dn-recent-item .recent-title{font-size:12px;color:#f0f0f0;margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dn-recent-item .recent-date{font-size:11px;color:#555;margin:0}.dn-main{min-height:600px}.dn-list__header{display:flex;align-items:baseline;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #2a2a2a}.dn-list__header .list-heading{font-family:Rajdhani,Bebas Neue,sans-serif;font-size:28px;font-weight:700;letter-spacing:.05em;margin:0;color:#f0f0f0}.dn-list__header .list-heading:after{content:"";display:block;width:40px;height:2px;background:#0f8;margin-top:6px}.dn-list__header .list-count{font-size:12px;color:#555;letter-spacing:.05em}.dn-empty{padding:60px 24px;text-align:center;color:#555;font-size:14px}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:700px){.news-grid{grid-template-columns:1fr}}.news-card{background:#111;border:1px solid #2a2a2a;border-radius:4px;overflow:hidden;cursor:pointer;transition:border-color .25s,transform .2s;display:flex;flex-direction:column;height:100%}.news-card:hover{border-color:#0f86;transform:translateY(-2px)}.news-card:hover .card-thumb-wrap img{transform:scale(1.04);filter:brightness(1)}.news-card:hover .card-read{color:#0f8}.news-card--featured{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr}@media(max-width:600px){.news-card--featured{grid-template-columns:1fr}}.news-card--featured .card-thumb-wrap{height:100%;min-height:220px}.news-card--featured .card-title{font-size:18px}.card-thumb-wrap{position:relative;overflow:hidden;height:200px}.card-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.8);transition:transform .35s ease,filter .35s ease}.card-thumb-wrap .card-category{position:absolute;top:12px;left:12px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:#0f8;color:#000;padding:3px 10px;border-radius:2px}.card-body{padding:16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.card-date{font-size:11px;color:#555;letter-spacing:.05em;margin:0}.card-title{font-family:Rajdhani,Bebas Neue,sans-serif;font-size:15px;font-weight:600;letter-spacing:.02em;margin:0;color:#f0f0f0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-desc{font-size:13px;color:#888;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #2a2a2a}.card-views{font-size:12px;color:#555}.card-read{font-size:12px;color:#888;transition:color .2s;letter-spacing:.03em}.dn-article{animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dn-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid #2a2a2a;color:#888;padding:8px 16px;font-size:13px;border-radius:3px;cursor:pointer;margin-bottom:24px;transition:border-color .2s,color .2s;font-family:DM Sans,Segoe UI,sans-serif}.dn-back-btn:hover{border-color:#0f8;color:#0f8}.article-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.article-meta .article-category{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#000;background:#0f8;padding:3px 10px;border-radius:2px}.article-meta .article-date,.article-meta .article-views{font-size:12px;color:#555}.article-title{font-family:Rajdhani,Bebas Neue,sans-serif;font-size:clamp(22px,3.5vw,32px);font-weight:700;letter-spacing:.03em;line-height:1.25;margin:0 0 20px;color:#f0f0f0}.article-author{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-size:13px;color:#888}.article-author .author-avatar{width:32px;height:32px;border-radius:50%;background:#00ff8826;border:1px solid rgba(0,255,136,.3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#0f8;text-transform:uppercase;flex-shrink:0}.article-thumbnail-wrap{width:100%;height:400px;border-radius:4px;overflow:hidden;margin-bottom:32px;border:1px solid #2a2a2a}@media(max-width:600px){.article-thumbnail-wrap{height:220px}}.article-thumbnail-wrap .article-thumb{width:100%;height:100%;object-fit:cover;display:block}.article-body{font-size:15px;line-height:1.85;color:#f0f0f0d9}.article-body p{margin:0 0 20px}.article-body h2{font-family:Rajdhani,Bebas Neue,sans-serif;font-size:20px;font-weight:600;letter-spacing:.04em;color:#f0f0f0;margin:36px 0 14px;padding-left:14px;border-left:3px solid #00ff88}.article-body h3{font-size:16px;font-weight:500;color:#f0f0f0;margin:28px 0 10px}.article-body a{color:#0f8;text-decoration:none;border-bottom:1px solid rgba(0,255,136,.3)}.article-body a:hover{border-color:#0f8}.article-body blockquote{border-left:3px solid #3d3d3d;padding:12px 20px;margin:24px 0;background:#1a1a1a;border-radius:0 4px 4px 0;color:#888;font-style:italic}.article-body ul,.article-body ol{padding-left:20px;margin:0 0 20px}.article-body ul li,.article-body ol li{margin-bottom:8px}.article-body img{max-width:100%;border-radius:4px;border:1px solid #2a2a2a}.article-body .article-description{font-size:14px;text-align:center;line-height:1.85;color:#f0f0f0d9}.article-body .article-description p{margin:0 0 20px}.dn-related{margin-top:48px;padding-top:32px;border-top:1px solid #2a2a2a}.related-heading{font-family:Rajdhani,Bebas Neue,sans-serif;font-size:14px;font-weight:600;letter-spacing:.12em;color:#0f8;margin:0 0 20px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.related-grid{grid-template-columns:1fr}}.related-card{background:#111;border:1px solid #2a2a2a;border-radius:4px;overflow:hidden;cursor:pointer;display:flex;gap:0;flex-direction:column;transition:border-color .2s,transform .2s}.related-card:hover{border-color:#00ff8859;transform:translateY(-2px)}.related-card img{width:100%;height:130px;object-fit:cover;display:block;filter:brightness(.8)}.related-card .related-info{padding:12px 14px}.related-card .related-title{font-size:13px;font-weight:500;color:#f0f0f0;margin:0 0 6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card .related-date{font-size:11px;color:#555;margin:0}.dn-overlay{position:fixed;inset:0;background:#000000b3;z-index:998}@media(min-width:901px){.dn-overlay{display:none}}.dn-mobile-toggle{display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#0f8;color:#000;border:none;font-size:13px;font-weight:600;padding:10px 24px;border-radius:24px;cursor:pointer;z-index:997;letter-spacing:.05em;box-shadow:0 0 20px #0f83}@media(max-width:900px){.dn-mobile-toggle{display:flex;align-items:center;gap:6px}}.not-found-page{min-height:calc(100vh - 150px);display:flex;align-items:center;justify-content:center;padding:60px 20px;background:radial-gradient(circle at 50% -20%,#1a202c,#000);color:#fff;position:relative;text-align:center;overflow:hidden}.not-found-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(28,255,149,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.not-found-page__content{position:relative;z-index:1;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:20px}.not-found-page__glitch{font-size:120px;font-weight:900;line-height:1;margin:0;color:#fff;position:relative;text-shadow:0 0 20px rgba(28,255,149,.5)}.not-found-page__glitch:before,.not-found-page__glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.not-found-page__glitch:before{left:3px;text-shadow:-2px 0 #ff4757;animation:glitch-anim-1 2s infinite linear alternate-reverse}.not-found-page__glitch:after{left:-3px;text-shadow:-2px 0 #1cff95;animation:glitch-anim-2 3s infinite linear alternate-reverse}.not-found-page h2{font-size:24px;font-weight:700;color:#1cff95;letter-spacing:.1em;margin:0;text-transform:uppercase}.not-found-page p{font-size:16px;color:#8b95a7;line-height:1.6;margin:0 0 20px}.not-found-page__btn{display:inline-block;background:transparent;color:#1cff95;border:1px solid #1cff95;padding:12px 32px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 0 15px #1cff951a}.not-found-page__btn:hover{background:#1cff95;color:#000;box-shadow:0 0 20px #1cff9566;transform:translateY(-2px)}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0)}20%{clip-path:inset(60% 0 10% 0)}40%{clip-path:inset(40% 0 50% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(10% 0 70% 0)}to{clip-path:inset(30% 0 40% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0)}20%{clip-path:inset(80% 0 5% 0)}40%{clip-path:inset(30% 0 20% 0)}60%{clip-path:inset(50% 0 40% 0)}80%{clip-path:inset(5% 0 80% 0)}to{clip-path:inset(70% 0 10% 0)}}.banned-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#0d0d0d;color:#fff;font-family:Inter,sans-serif;overflow:hidden}.banned-page .banned-container{text-align:center;max-width:600px;padding:40px;background:#ff00000d;border:1px solid rgba(255,0,0,.2);border-radius:12px;box-shadow:0 0 40px #ff00001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.banned-page .banned-container .icon-wrapper{margin-bottom:24px}.banned-page .banned-container .icon-wrapper .danger-icon{font-size:64px;color:#ff4d4f;filter:drop-shadow(0 0 10px rgba(255,77,79,.5))}.banned-page .banned-container h1{font-size:32px;font-weight:700;margin-bottom:16px;color:#ff4d4f;text-transform:uppercase;letter-spacing:2px}.banned-page .banned-container .subtitle{font-size:18px;color:#ccc;margin-bottom:24px;line-height:1.5}.banned-page .banned-container .details{background:#00000080;border-radius:8px;padding:16px;margin-bottom:32px;text-align:left;border-left:4px solid #ff4d4f}.banned-page .banned-container .details p{margin:8px 0;font-size:14px;color:#aaa}.banned-page .banned-container .details p strong{color:#fff}.banned-page .banned-container .banned-footer{font-size:13px;color:#666;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.veltrix_admin_login{position:fixed;inset:0;z-index:9999;overflow-y:auto;min-height:100vh;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#0f172a}.veltrix_admin_login .glass-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0f172ab3,#020617cc);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1}.veltrix_admin_login .login-glass-box{position:relative;z-index:2;width:100%;max-width:440px;padding:48px 40px;border-radius:24px;margin:20px;background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px #0009;color:#fff;text-align:center}.veltrix_admin_login .login-glass-box-header{margin-bottom:32px}.veltrix_admin_login .login-glass-box-header img{width:150px;margin-bottom:16px;filter:drop-shadow(0 0 10px rgba(56,189,248,.3))}.veltrix_admin_login .login-glass-box-header p{margin:0;font-size:13px;font-weight:700;letter-spacing:3px;color:#38bdf8;text-transform:uppercase}.veltrix_admin_login .login-glass-box h2{font-size:28px;font-weight:700;margin:0 0 8px;color:#f8fafc}.veltrix_admin_login .login-glass-box .subtitle{font-size:14px;color:#94a3b8;margin-bottom:32px}.veltrix_admin_login .login-glass-box .form-data{display:flex;align-items:center;background:#0f172a80;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:14px 18px;margin-bottom:16px;gap:12px;transition:all .3s ease}.veltrix_admin_login .login-glass-box .form-data:focus-within{border-color:#38bdf880;background:#0f172acc;box-shadow:0 0 0 4px #38bdf81a}.veltrix_admin_login .login-glass-box .form-data input{border:none;outline:none;background:transparent;color:#fff;flex:1;font-size:15px}.veltrix_admin_login .login-glass-box .form-data input::placeholder{color:#64748b}.veltrix_admin_login .login-glass-box .form-data svg{font-size:20px;color:#94a3b8}.veltrix_admin_login .login-glass-box .form-data .eye{cursor:pointer;transition:color .3s}.veltrix_admin_login .login-glass-box .form-data .eye:hover{color:#fff}.veltrix_admin_login .login-glass-box .btn-login{width:100%;padding:16px;margin-top:12px;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;color:#fff;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;box-shadow:0 8px 20px #2563eb66;transition:all .3s ease}.veltrix_admin_login .login-glass-box .btn-login:hover{transform:translateY(-2px);box-shadow:0 12px 25px #2563eb99}.veltrix_admin_login .login-glass-box .btn-login:active{transform:translateY(0)}