@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-color:#818cf8;--primary-hover:#6366f1;--bg-color:#0b0f19;--bg-gradient-1:#18122b;--bg-gradient-2:#131d39;--bg-gradient-3:#2c111a;--bg-gradient-4:#153237cc;--card-bg:#111827a6;--card-border:#ffffff0f;--card-border-highlight:#ffffff1f;--card-shadow:0 8px 32px 0 #0006;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--header-bg:#0b0f19b3;--header-border:#ffffff0d;--tab-bg:#1e293b66;--tab-border:#ffffff0f;--tab-text:#94a3b8;--tab-active-bg:linear-gradient(135deg, #6366f1 0%, #818cf8 100%);--tab-active-text:#fff;--tab-active-shadow:0 4px 15px #6366f166;--sidebar-bg:#0b0f19d9;--sidebar-border:#ffffff0a;--sidebar-item-hover:#ffffff0f;--sidebar-item-active-bg:linear-gradient(90deg, #6366f126 0%, transparent 100%);--sidebar-item-active-border:#818cf8;--sidebar-item-active-text:#f8fafc;--table-wrapper-bg:#11182780;--table-wrapper-border:#ffffff0f;--table-th-bg:#0b0f19cc;--table-th-text:#94a3b8;--table-th-border:#ffffff0a;--table-td-border:#ffffff0d;--table-zebra-odd:transparent;--table-zebra-even:#6366f114;--table-row-hover:#6366f11f;--input-bg:#0f172a80;--input-border:#ffffff1a;--input-text:#f8fafc;--input-focus-border:#818cf8;--input-focus-shadow:0 0 0 3px #818cf840;--input-disabled-bg:#0f172a4d;--input-disabled-text:#475569;--input-disabled-border:#ffffff08;--tooltip-bg:#111827f2;--tooltip-border:#ffffff1a;--tooltip-text-primary:#f8fafc;--tooltip-text-secondary:#94a3b8;--tooltip-header-bg:#0003;--badge-suggest-bg:#6366f133;--badge-suggest-text:#a5b4fc;--badge-suggest-border:#6366f166;--badge-final-bg:#a855f733;--badge-final-text:#d8b4fe;--badge-final-border:#a855f766;--banner-warning-bg:#f59e0b26;--banner-warning-border:#f59e0b4d;--banner-warning-text:#fcd34d;--danger:#ef4444;--danger-hover:#f87171;--success:#10b981;--success-text:#34d399;--accent:#818cf8;--bg-secondary:#0f172a}[data-theme=light]{--primary-color:#4f46e5;--primary-hover:#4338ca;--bg-color:#f8fafc;--bg-gradient-1:#e2e8f0;--bg-gradient-2:#f1f5f9;--bg-gradient-3:#fff;--bg-gradient-4:#e0e7ff;--bg-secondary:#f1f5f9;--card-bg:#ffffffd9;--card-border:#e2e8f0cc;--card-border-highlight:#cbd5e1;--card-shadow:0 10px 40px -10px #00000014;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--header-bg:#fffc;--header-border:#e2e8f0cc;--tab-bg:#f1f5f9;--tab-border:#e2e8f0;--tab-text:#64748b;--tab-active-bg:linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--tab-active-text:#fff;--tab-active-shadow:0 4px 15px #4f46e54d;--sidebar-bg:#fffffff2;--sidebar-border:#e2e8f0;--sidebar-item-hover:#f1f5f9;--sidebar-item-active-bg:linear-gradient(90deg, #4f46e514 0%, transparent 100%);--sidebar-item-active-border:#4f46e5;--sidebar-item-active-text:#1e293b;--table-wrapper-bg:#ffffffe6;--table-wrapper-border:#e2e8f0;--table-th-bg:#f8fafc;--table-th-text:#475569;--table-th-border:#e2e8f0;--table-td-border:#f1f5f9;--table-zebra-odd:#fff;--table-zebra-even:#eef2ff;--table-row-hover:#e0e7ff;--input-bg:#fff;--input-border:#cbd5e1;--input-text:#0f172a;--input-focus-border:#4f46e5;--input-focus-shadow:0 0 0 3px #4f46e533;--input-disabled-bg:#f8fafc;--input-disabled-text:#94a3b8;--input-disabled-border:#e2e8f0;--tooltip-bg:#fffffffa;--tooltip-border:#e2e8f0;--tooltip-text-primary:#0f172a;--tooltip-text-secondary:#475569;--tooltip-header-bg:#f8fafc;--badge-suggest-bg:#e0e7ff;--badge-suggest-text:#4338ca;--badge-suggest-border:#c7d2fe;--badge-final-bg:#f3e8ff;--badge-final-text:#7e22ce;--badge-final-border:#e9d5ff;--banner-warning-bg:#fef3c7;--banner-warning-border:#fde68a;--banner-warning-text:#b45309;--danger:#ef4444;--danger-hover:#dc2626;--success:#10b981;--success-text:#059669;--accent:#4f46e5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(ellipse at 10% 0%, var(--bg-gradient-1) 0, transparent 40%), radial-gradient(ellipse at 80% 20%, var(--bg-gradient-2) 0, transparent 40%), radial-gradient(ellipse at 40% 80%, var(--bg-gradient-3) 0, transparent 50%), radial-gradient(ellipse at 90% 100%, var(--bg-gradient-4) 0, transparent 40%);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:150% 150%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .4s,color .4s;animation:15s infinite alternate gradientFlow}@keyframes gradientFlow{0%{background-position:0 0}50%{background-position:100%}to{background-position:0 100%}}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:16px;transition:border-color .3s,box-shadow .3s}.glass-panel:hover{border-color:var(--card-border-highlight)}.input-field{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);border-radius:10px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-field:focus{border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow);background:#0f172ab3;outline:none}[data-theme=light] .input-field:focus{background:#fff}.btn{letter-spacing:.3px;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:#ffffff1a;border-radius:50%;width:150%;height:150%;transition:transform .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.btn:active:after{transition:transform;transform:translate(-50%,-50%)scale(1)}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 15px #0000001a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #818cf866}.btn-primary:active{transform:translateY(0)}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:5px}[data-theme=light] ::-webkit-scrollbar-track{background:#00000005}::-webkit-scrollbar-thumb{background:#ffffff2e padding-box padding-box;border:2px solid #0000;border-radius:5px}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)!important}*{scrollbar-width:thin;scrollbar-color:#ffffff2e #ffffff05}[data-theme=light] *{scrollbar-color:#00000026 #00000005}.saving-overlay{-webkit-backdrop-filter:blur(10px);z-index:99999;background:#0b0f19bf;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:100vh;animation:.25s cubic-bezier(.4,0,.2,1) forwards fadeInOverlay;display:flex;position:fixed;top:0;left:0}[data-theme=light] .saving-overlay{background:#f8fafcbf}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.saving-spinner-container{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.saving-spinner{border:4px solid #ffffff0d;border-left-color:var(--primary-color,#818cf8);border-right-color:var(--primary-color,#818cf8);border-radius:50%;width:70px;height:70px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite spinLoader;box-shadow:0 0 20px #818cf840}[data-theme=light] .saving-spinner{border:4px solid #0000000d;border-left-color:var(--primary-color,#4f46e5);border-right-color:var(--primary-color,#4f46e5)}.saving-spinner-inner{border:3px solid #a855f7;border-color:#a855f7 #ffffff05;border-radius:50%;width:44px;height:44px;animation:1s linear infinite spinLoaderReverse;position:absolute}[data-theme=light] .saving-spinner-inner{border:3px solid #7e22ce;border-color:#7e22ce #00000005}@keyframes spinLoader{to{transform:rotate(360deg)}}@keyframes spinLoaderReverse{to{transform:rotate(-360deg)}}.saving-content{text-align:center;flex-direction:column;gap:8px;display:flex}.saving-text{color:var(--text-primary,#f8fafc);letter-spacing:.5px;font-size:1.3rem;font-weight:700;animation:1.5s ease-in-out infinite pulseText}.saving-subtext{color:var(--text-secondary,#94a3b8);font-size:.9rem;font-weight:400}@keyframes pulseText{0%,to{opacity:.85}50%{opacity:1;text-shadow:0 0 10px #818cf84d}}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.blob{filter:blur(90px);z-index:0;opacity:.5;pointer-events:none;border-radius:50%;animation:20s cubic-bezier(.4,0,.2,1) infinite blob-float;position:absolute}.blob-1{background:var(--primary-color);width:500px;height:500px;animation-delay:0s;top:-10%;left:-5%}.blob-2{background:#a855f7;width:600px;height:600px;animation-delay:-5s;bottom:-20%;right:-10%}.blob-3{background:#3b82f6;width:400px;height:400px;animation-delay:-10s;top:30%;left:60%;transform:translate(-50%,-50%)}@keyframes blob-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-60px)scale(1.1)}66%{transform:translate(-30px,30px)scale(.9)}}[data-theme=light] .blob{opacity:.3}.login-card{z-index:10;-webkit-backdrop-filter:blur(30px);background:#11182799;border:1px solid #ffffff1a;border-color:#fff3 #ffffff1a #ffffff1a #ffffff26;border-radius:24px;width:100%;max-width:440px;padding:48px 40px;position:relative;box-shadow:0 25px 50px -12px #00000080}[data-theme=light] .login-card{background:#ffffffb3;border:1px solid #fff;box-shadow:0 25px 50px -12px #0000001a}.login-header{text-align:center;margin-bottom:40px}.login-header h2{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:1.75rem;font-weight:800}[data-theme=light] .login-header h2{background:linear-gradient(135deg,#0f172a 0%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.login-header p{color:var(--text-secondary);font-size:.95rem;font-weight:500}.error-message{color:#fca5a5;background-color:#ef444426;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:10px;margin-bottom:24px;padding:14px 16px;font-size:.9rem;font-weight:500;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake;display:flex}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.login-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:10px;display:flex}.form-group label{color:var(--text-primary);letter-spacing:.3px;font-size:.9rem;font-weight:600}.login-btn{letter-spacing:.5px;border-radius:12px;height:52px;margin-top:16px;font-size:1.05rem;font-weight:700}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-field{padding-right:48px}.toggle-password-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;right:14px}.toggle-password-btn:hover{color:var(--text-primary);background:#ffffff1a}[data-theme=light] .toggle-password-btn:hover{background:#0000000d}.admin-container{width:100%;max-width:800px;height:100%;margin:0 auto;padding:32px;overflow-y:auto}.admin-header{border-bottom:1px solid var(--card-border);margin-bottom:24px;padding-bottom:16px}.admin-header h2{color:#a5b4fc;font-size:1.5rem}.create-user-form{flex-direction:column;gap:20px;display:flex}.form-row{gap:20px;display:flex}.form-row .form-group{flex:1}select.input-field{appearance:none;background-color:#0f172acc}select.input-field option{background-color:var(--bg-color)}.success-message{color:#86efac;background-color:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px;font-size:.9rem;display:flex}@media (width<=640px){.form-row{flex-direction:column}}.admin-list-section{border-top:1px solid #ffffff1a;margin-top:40px;padding-top:32px}.list-header{border-bottom:none;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:0;display:flex}.list-header-title{align-items:center;gap:12px;display:flex}.title-icon{color:#a5b4fc}.badge{color:#a5b4fc;background-color:#6366f126;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:500}.table-responsive{background:#0f172a66;border:1px solid #ffffff14;border-radius:12px;overflow-x:auto}.modern-table{border-collapse:collapse;text-align:left;width:100%}.modern-table th,.modern-table td{border-bottom:1px solid #ffffff0d;padding:16px}.modern-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background-color:#ffffff08;font-size:.85rem;font-weight:500}.modern-table tbody tr:hover{background-color:#ffffff08}.modern-table tbody tr:last-child td{border-bottom:none}.text-right{text-align:right}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.font-medium{color:#f1f5f9;font-weight:500}.region-badge{border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-block}.region-bac{color:#38bdf8;background-color:#38bdf826;border:1px solid #38bdf84d}.region-trung{color:#facc15;background-color:#facc1526;border:1px solid #facc154d}.region-nam{color:#4ade80;background-color:#4ade8026;border:1px solid #4ade804d}.region-default{color:#94a3b8;background-color:#94a3b826;border:1px solid #94a3b84d}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.btn-delete{color:#ef4444}.btn-delete:hover{background-color:#ef44441a}.id-text{letter-spacing:1px;background-color:#ffffff0d;border-radius:4px;padding:4px 8px;font-family:monospace}.pass-hidden{color:#94a3b8;letter-spacing:2px;cursor:help}.order-ma10-v2{background-color:var(--bg-color);height:100%;color:var(--text-primary);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s;display:flex;overflow:hidden}.nav-header{background:var(--header-bg);-webkit-backdrop-filter:blur(20px);z-index:50;border-bottom:1px solid #10b98173;justify-content:space-between;align-items:center;padding:6px 24px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 20px #0000000d}[data-theme=light] .nav-header{border-bottom:1px solid #0596694d}.gender-tabs{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;gap:4px;padding:4px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.tab:hover:not(.active){color:var(--text-primary);background:#ffffff0d}[data-theme=light] .tab:hover:not(.active){background:#00000008}.tab.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #6366f14d}.nav-actions{align-items:center;gap:12px;display:flex}.nav-actions .btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.nav-actions .btn-outline{border-color:var(--card-border);color:var(--text-secondary);background:0 0}.nav-actions .btn-outline:hover{color:var(--text-primary);border-color:var(--card-border-highlight);background:#ffffff0d}[data-theme=light] .nav-actions .btn-outline:hover{background:#00000008}.nav-actions .btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #6366f133}.nav-actions .btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 15px #6366f14d}.nav-actions .btn-primary:active{transform:translateY(0)}.summary-cards{background:var(--bg-color);opacity:1;gap:16px;max-height:160px;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:visible}.summary-cards.compact,.summary-cards.collapsed{gap:12px;max-height:120px;padding:6px 24px}.summary-cards.compact .card,.summary-cards.collapsed .card{border-radius:10px;padding:6px 14px}.summary-cards.compact .card-tag,.summary-cards.collapsed .card-tag{display:none!important}.summary-cards.compact .secondary-stats,.summary-cards.collapsed .secondary-stats{border-top:1px solid #ffffff0d!important;margin-top:2px!important;padding-top:4px!important;display:flex!important}.summary-cards.compact .card-content,.summary-cards.collapsed .card-content{margin-top:2px!important}.summary-cards.compact .label,.summary-cards.collapsed .label{font-size:9px!important}.summary-cards.compact .value,.summary-cards.collapsed .value{font-size:13px!important}.summary-cards.compact .gbb-summary-table th,.summary-cards.collapsed .gbb-summary-table th{display:none!important}.summary-cards.compact .gbb-summary-table td,.summary-cards.collapsed .gbb-summary-table td{padding:1px 4px!important;font-size:9px!important}.summary-cards.compact .gbb-badge,.summary-cards.collapsed .gbb-badge{width:42px!important;padding:0 4px!important;font-size:8px!important}.summary-cards.compact .gbb-target-val,.summary-cards.compact .gbb-actual-val,.summary-cards.compact .gbb-percent-val,.summary-cards.collapsed .gbb-target-val,.summary-cards.collapsed .gbb-actual-val,.summary-cards.collapsed .gbb-percent-val{font-size:9.5px!important}.card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(16px);border-radius:16px;flex:1;padding:12px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.card:hover,.card:focus-within{z-index:100!important}.card:has(.tooltip-wrapper:hover){z-index:100!important}.card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff08 0%,#0000 100%);height:100%;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--card-border-highlight);transform:translateY(-2px);box-shadow:0 10px 20px -5px #0003}.card-tag{background:var(--table-th-bg);color:var(--text-secondary);border:1px solid var(--card-border);border-radius:8px;padding:3px 10px;font-size:10px;font-weight:700;transition:all .3s;position:absolute;top:-9px;left:20px}.tt-card .card-tag{color:#60a5fa;background:#dbeafe26;border-color:#60a5fa4d}[data-theme=light] .tt-card .card-tag{color:#b33984;background:#fef0f9;border-color:#fbcfe8}.card-content{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.col{flex-direction:column;gap:3px;display:flex}.label{color:var(--text-muted);font-size:11px;font-weight:600}.value{color:var(--text-primary);font-size:17px}.red-text{color:var(--danger)}.text-purple{color:var(--accent)}.text-dark{color:var(--text-primary)}.percent{color:var(--text-secondary);font-size:12px;font-weight:500}.filters-bar{background:var(--header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid #10b98173;border-bottom:1px solid #10b98173;flex-wrap:wrap;align-items:center;gap:20px;padding:16px 32px;transition:all .3s;display:flex}[data-theme=light] .filters-bar{border-top:1px solid #0596694d;border-bottom:1px solid #0596694d}.filter-label{color:var(--text-muted);letter-spacing:.5px;font-size:12px;font-weight:700}.filter-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;padding:4px 12px;font-size:13px;font-weight:600;transition:all .2s}.filter-btn.btn-status.active{color:#60a5fa!important;background:#60a5fa26!important;border:1px solid #60a5fa4d!important}[data-theme=light] .filter-btn.btn-status.active{color:#1d4ed8!important;background:#eff6ff!important;border:1px solid #bfdbfe!important}.filter-btn.btn-category.active{color:#34d399!important;background:#34d39926!important;border:1px solid #34d3994d!important}[data-theme=light] .filter-btn.btn-category.active{color:#047857!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important}.filter-btn.btn-codetype.active{color:#a78bfa!important;background:#a78bfa26!important;border:1px solid #a78bfa4d!important}[data-theme=light] .filter-btn.btn-codetype.active{color:#6d28d9!important;background:#f5f3ff!important;border:1px solid #ddd6fe!important}.filter-btn.btn-gbb.active{color:#fbbf24!important;background:#f59e0b26!important;border:1px solid #f59e0b4d!important}[data-theme=light] .filter-btn.btn-gbb.active{color:#b45309!important;background:#fffbeb!important;border:1px solid #fef3c7!important}.divider{background:#10b98173;width:1px;height:24px}[data-theme=light] .divider{background:#0596694d}.filter-end{margin-left:auto}.total-products{color:var(--text-secondary);font-size:13px;font-weight:600}.main-layout{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);border-right:1px solid #10b98173;width:240px;padding:16px 0;transition:all .3s;overflow-y:auto}[data-theme=light] .sidebar{border-right:1px solid #0596694d}.sidebar-item{cursor:pointer;color:var(--text-secondary);border-right:3px solid #0000;align-items:center;padding:12px 24px;transition:all .2s;display:flex}.sidebar-item:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--sidebar-item-active-bg);border-right-color:var(--sidebar-item-active-border);color:var(--sidebar-item-active-text)}.dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px;margin-right:12px;transition:background .2s}.dot.active{background:var(--primary-color)}.group-name{color:inherit;flex:1;font-size:14px;font-weight:600}.group-count{color:var(--text-muted);font-size:12px}.table-wrapper{background:var(--table-wrapper-bg);border:1px solid var(--table-wrapper-border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex:1;margin:12px 16px;transition:all .3s;overflow:auto}.v2-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1200px}.v2-table th{z-index:10;background:var(--table-th-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.5px;color:var(--table-th-text);text-align:left;border-bottom:1px solid var(--table-th-border);padding:16px 12px;font-size:.75rem;font-weight:700;position:sticky;top:0;box-shadow:0 4px 10px -4px #0000001a}.v2-table .sub-header th{z-index:11;background:var(--table-th-bg);border-bottom:1px solid var(--table-th-border);text-align:center;font-size:11px;position:sticky;top:48px}.v2-table td{border-bottom:1px solid var(--table-td-border);vertical-align:top;background:0 0;padding:16px 12px}.col-product{width:300px}.product-info-wrapper{gap:12px;display:flex;position:relative}.product-info-wrapper:hover{z-index:20!important}.prod-img{background:var(--table-th-bg);border-radius:8px;justify-content:center;align-items:center;width:60px;height:80px;transition:background-color .3s;display:flex;position:relative}.prod-img img{object-fit:cover;border-radius:8px;width:100%;height:100%}.goi-y-badge{background:var(--primary-color);color:#fff;border-radius:10px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;bottom:-6px}.prod-details{flex-direction:column;gap:4px;display:flex}.prod-code{color:var(--text-primary);font-size:14px}.prod-name{color:var(--text-secondary);font-size:12px;line-height:1.4}.prod-price{color:#f59e0b;font-size:13px;font-weight:600}.prod-form{color:var(--text-muted,#9ca3af);font-size:11px;font-weight:500}.col-rank{width:80px}.rank-circles{flex-direction:column;gap:4px;display:flex}.rank-circle{border:1px solid var(--card-border);width:auto;min-width:20px;height:20px;color:var(--text-muted);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:10px;display:flex}.rank-circle.active{border-width:2px}.rank-circle.active.rank-a,.rank-circle.active.rank-trọng-tâm{color:#10b981;border-color:#10b981}.rank-circle.active.rank-b,.rank-circle.active.rank-thường{color:#3b82f6;border-color:#3b82f6}.rank-circle.active.rank-c{color:#f59e0b;border-color:#f59e0b}.rank-circle.active.rank-d{color:#ef4444;border-color:#ef4444}.rank-circle.active{border-color:var(--text-secondary);color:var(--text-secondary);font-weight:700}.rank-circle:not(.active){background:0 0}.col-size{width:150px}.size-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.size-check{color:var(--text-primary);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.size-check input{width:14px;height:14px;accent-color:var(--primary-color)}.col-overview{width:230px}.overview-stats{flex-direction:column;gap:4px;font-size:12px;display:flex}.st-row{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.col-suggest{text-align:center;width:80px}.suggest-circle{color:var(--primary-color);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:inline-flex}.suggest-circle.is-toggleable:hover .sug-icon{color:var(--primary-color);transform:scale(1.2)}.suggest-circle.is-toggleable:active .sug-icon{transform:scale(.9)}.suggest-circle.disabled{opacity:.5;cursor:not-allowed!important}.sug-icon{transition:transform .2s,color .2s}.sug-icon.checked{color:var(--success-text)}.sug-icon.unchecked{color:var(--text-muted)}.sug-val{font-size:16px;font-weight:700}.col-input{width:100px}.v2-input{border:1px solid var(--input-border);background-color:var(--input-bg);width:60px;color:var(--input-text);text-align:center;border-radius:16px;outline:none;padding:6px;font-size:14px;font-weight:600;transition:all .2s}.v2-input:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 2px #6366f133}.v2-input:disabled{background-color:var(--input-disabled-bg);color:var(--input-disabled-text);border-color:var(--input-disabled-border);cursor:not-allowed}.col-money{width:120px}.col-percent{width:80px}.font-bold{font-weight:700}.text-danger{color:var(--danger)}.del-btn{color:var(--danger);cursor:pointer;background:#ef44441a;border:none;border-radius:8px;padding:6px;transition:background .2s}.del-btn:hover{background:#ef444433}.super-tooltip{background:var(--tooltip-bg);border:1px solid var(--tooltip-border);z-index:50;opacity:0;visibility:hidden;pointer-events:none;border-radius:12px;width:250px;margin-left:20px;transition:all .2s;position:absolute;top:0;left:100%;transform:translate(-10px);box-shadow:0 10px 25px #00000026}.product-info-wrapper:hover .super-tooltip{opacity:1;visibility:visible;transform:translate(0)}.tt-header{background:var(--tooltip-header-bg);color:var(--text-primary);border-bottom:1px solid var(--tooltip-border);border-radius:12px 12px 0 0;padding:10px 16px;font-size:12px;font-weight:700}.tt-grid{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.tt-row{justify-content:space-between;font-size:12px;display:flex}.tt-lbl{color:var(--text-secondary)}.tt-val{color:var(--text-primary);font-weight:600}.toast-message{background:var(--success);color:#fff;z-index:100;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;animation:.3s slideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.om-warning-banner{background-color:var(--banner-warning-bg);border:1px solid var(--banner-warning-border);color:var(--banner-warning-text);border-radius:8px;align-items:center;gap:12px;margin:0 24px 16px;padding:14px 20px;font-size:14px;font-weight:500;display:flex;box-shadow:0 1px 3px #0000000d}.col-color-ratio,.col-color-ratio-adj,.col-color-ratio-final{width:90px}.ratio-badge{border-radius:12px;padding:4px 8px;font-size:13px;font-weight:600;display:inline-block}.suggest-ratio{background-color:var(--badge-suggest-bg);color:var(--badge-suggest-text);border:1px dashed var(--badge-suggest-border)}.final-ratio{background-color:var(--badge-final-bg);color:var(--badge-final-text);border:1px solid var(--badge-final-border)}.ratio-input{border:1px solid var(--input-border);text-align:center;width:60px;color:var(--input-text);background-color:var(--input-bg);border-radius:6px;outline:none;padding:4px 6px;font-size:13px;font-weight:600;transition:all .2s}.ratio-input:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 2px #6366f11a}.ratio-input:disabled{background-color:var(--input-disabled-bg);color:var(--input-disabled-text);cursor:not-allowed;border-color:var(--input-disabled-border)}.v2-table tbody tr.product-row.bg-odd{background-color:var(--table-zebra-odd)}.v2-table tbody tr.product-row.bg-even{background-color:var(--table-zebra-even)}.v2-table tbody tr.product-row.bg-odd:hover,.v2-table tbody tr.product-row.bg-even:hover{background-color:var(--table-row-hover)}.v2-table tbody tr.ma10-divider td{border-top:1px solid #0fc!important}[data-theme=light] .v2-table tbody tr.ma10-divider td{border-top:1px solid #059669!important}.gbb-summary-table{border-collapse:collapse;width:100%;font-size:11px}.gbb-summary-table th{color:var(--text-muted)!important;border-bottom:1px solid var(--card-border)!important;background:0 0!important;padding:3px 4px 6px!important;font-size:9.5px!important;font-weight:600!important;position:static!important}.gbb-summary-table tr{border-bottom:1px solid var(--table-td-border)!important}.gbb-summary-table tr:last-child{border-bottom:none!important}.gbb-summary-table td{vertical-align:middle!important;background:0 0!important;border-bottom:none!important;padding:4px!important}.gbb-target-val{color:var(--accent);font-size:11px;font-weight:700}.gbb-actual-val,.gbb-percent-val{font-size:11px;font-weight:700}.gbb-actual-val.text-muted{color:var(--text-muted)}.gbb-badge{text-align:center;border-radius:6px;width:50px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.badge-best{color:#fbbf24;background-color:#f59e0b26;border:1px solid #f59e0b4d}.badge-better{color:#60a5fa;background-color:#3b82f626;border:1px solid #3b82f64d}.badge-good{color:#34d399;background-color:#10b98126;border:1px solid #10b9814d}[data-theme=light] .badge-best{color:#92400e;background-color:#fef3c7;border:none}[data-theme=light] .badge-better{color:#1e40af;background-color:#dbeafe;border:none}[data-theme=light] .badge-good{color:#166534;background-color:#dcfce7;border:none}.col-history{text-align:center;width:90px;color:var(--text-primary)}.col-color-group{text-align:center}.col-color-sub{text-align:center;max-width:80px;width:80px!important}.col-color-cell,.col-color-input{text-align:center;max-width:80px;vertical-align:middle!important;width:80px!important}.store-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0f172abf;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}[data-theme=light] .store-modal-overlay{background-color:#f1f5f9bf}.store-modal-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;width:100%;max-width:700px;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) storeModalFadeIn;display:flex;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}@keyframes storeModalFadeIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.store-modal-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.store-modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.store-modal-header .subtitle{color:var(--text-secondary);font-size:12px}.store-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1;transition:color .15s}.store-modal-close:hover{color:var(--text-primary)}.store-modal-body{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow:hidden}.store-modal-filters-container{flex-direction:column;gap:12px;width:100%;display:flex}.store-modal-filters-top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.store-modal-filters-bottom{flex-direction:column;gap:12px;width:100%;display:flex}.filter-row{align-items:center;gap:12px;width:100%;display:flex}.filter-label{color:var(--text-muted);white-space:nowrap;min-width:75px;font-size:12px;font-weight:600}.filter-chip-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex;overflow-x:auto}.filter-chip-group::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--input-border);color:var(--text-primary);cursor:pointer;white-space:nowrap;background-color:#0000;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s}.filter-chip:hover{background-color:#ffffff0d;border-color:#fff3}[data-theme=light] .filter-chip:hover{background-color:#00000008;border-color:#00000026}.filter-chip.active{border-color:var(--primary-color);color:var(--primary-color);background-color:#6366f126;font-weight:600;box-shadow:0 0 8px #6366f133}.store-search-wrapper{flex:1;align-items:center;display:flex;position:relative}.store-search-wrapper .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.store-search-input{background-color:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--input-text);border-radius:20px;outline:none;font-size:13px;transition:all .2s;padding:10px 36px 10px 38px!important}.store-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;right:14px}.clear-search-btn:hover{color:var(--text-primary)}.store-modal-actions{gap:8px;display:flex}.btn-sm{cursor:pointer;border:1px solid var(--card-border);background:var(--tab-bg);color:var(--tab-text);border-radius:16px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.btn-sm:hover{color:var(--text-primary);background:#ffffff14}[data-theme=light] .btn-sm:hover{background:#0000000d}.store-list-container{border:1px solid var(--card-border);background-color:#00000026;border-radius:12px;flex:1;padding:16px;overflow-y:auto}[data-theme=light] .store-list-container{background-color:#00000005}.store-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=600px){.store-grid{grid-template-columns:1fr}}.store-item-label{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#1e293b66;border:1px solid #ffffff14;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 4px #0000001a}[data-theme=light] .store-item-label{background-color:#fff;border-color:#0000000f;box-shadow:0 2px 4px #00000005}.store-item-label:hover{border-color:var(--primary-color);background-color:#6366f10a;transform:translateY(-2px)}.store-item-label.checked{background-color:#f59e0b0f;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b1a}[data-theme=light] .store-item-label.checked{background-color:#d977060a;border-color:#d97706;box-shadow:0 4px 12px #d9770614}.store-item-label.disabled{cursor:not-allowed;opacity:.5;transform:none!important}.custom-checkbox-indicator{border:2px solid var(--text-muted);cursor:pointer;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;transition:all .2s;display:flex}.store-item-label.checked .custom-checkbox-indicator{background-color:#f59e0b;border-color:#f59e0b}[data-theme=light] .store-item-label.checked .custom-checkbox-indicator{background-color:#d97706;border-color:#d97706}.custom-checkbox-indicator span{color:#fff;font-size:11px;font-weight:700;line-height:1}.store-cell-wrapper{position:relative}.store-badge-container{display:inline-block;position:relative}.store-badge-container:hover{z-index:20!important}.store-hover-popover{z-index:99;pointer-events:none;opacity:0;visibility:hidden;text-align:left;-webkit-backdrop-filter:blur(8px);background:#1e293bf2;border:1px solid #ffffff1a;border-radius:12px;width:220px;padding:12px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:125%;left:50%;transform:translate(-50%)translateY(5px);box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d}[data-theme=light] .store-hover-popover{background:#fffffffa;border-color:#00000014;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.store-badge-container:hover .store-hover-popover{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.store-hover-popover:after{content:"";border:6px solid #0000;border-top-color:#1e293bf2;position:absolute;top:100%;left:50%;transform:translate(-50%)}[data-theme=light] .store-hover-popover:after{border-color:#fffffffa #0000 #0000}.popover-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.popover-list{flex-direction:column;gap:4px;display:flex}.popover-item{align-items:center;gap:6px;display:flex}.popover-dot{background-color:#f59e0b;border-radius:50%;width:4px;height:4px}[data-theme=light] .popover-dot{background-color:#d97706}.popover-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.popover-more{color:var(--text-muted);margin-top:4px;padding-left:10px;font-size:11px;font-style:italic}.store-item-details{flex-direction:column;gap:2px;display:flex}.store-name{color:var(--text-primary);font-size:13px;font-weight:600}.store-meta{color:var(--text-muted);font-size:11px}.store-modal-footer{border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.selected-count-summary{color:var(--text-secondary);font-size:13px}.footer-actions{gap:12px;display:flex}.empty-stores{text-align:center;color:var(--text-muted);padding:32px;font-size:13px}.tooltip-wrapper{cursor:help;vertical-align:middle;align-items:center;margin-left:6px;display:inline-flex;position:relative}.header-tooltip-icon{color:var(--text-muted);opacity:.7;transition:all .2s}.tooltip-wrapper:hover .header-tooltip-icon,.tooltip-wrapper:hover .card-tooltip-icon{opacity:1;transform:scale(1.15);color:var(--primary-color,#6366f1)!important}.tooltip-content{visibility:hidden;background-color:var(--card-bg,#1e293b);border:1px solid var(--card-border,#ffffff26);color:var(--text-primary,#fff);text-align:left;z-index:999;opacity:0;pointer-events:none;white-space:normal;border-radius:10px;width:250px;padding:10px 14px;font-size:11px;font-weight:500;line-height:1.5;transition:opacity .25s,visibility .25s,transform .25s;position:absolute;bottom:150%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0006}[data-theme=light] .tooltip-content{color:#0f172a;background-color:#fff;border-color:#00000014;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}.tooltip-content:after{content:"";border-style:solid;border-width:6px;border-color:var(--card-bg,#1e293b) transparent transparent transparent;margin-left:-6px;position:absolute;top:100%;left:50%}[data-theme=light] .tooltip-content:after{border-color:#fff #0000 #0000}.tooltip-wrapper:hover .tooltip-content{visibility:visible;opacity:1;transform:translate(-50%)translateY(-4px)}.v2-table th:hover,.v2-table th:focus-within{z-index:30!important}.v2-table th:has(.tooltip-wrapper:hover){z-index:30!important}.v2-table .sub-header th:hover,.v2-table .sub-header th:focus-within{z-index:31!important}.v2-table .sub-header th:has(.tooltip-wrapper:hover){z-index:31!important}.v2-table th .tooltip-content{top:150%;bottom:auto}.v2-table th .tooltip-content:after{border-color:transparent transparent var(--card-bg,#1e293b) transparent;top:auto;bottom:100%}[data-theme=light] .v2-table th .tooltip-content:after{border-color:#0000 #0000 #fff}.v2-table th .tooltip-wrapper:hover .tooltip-content{transform:translate(-50%)translateY(4px)}.col-suggest-group .tooltip-content,.col-suggest-sub .tooltip-content,.col-suggest-group .tooltip-content:after,.col-suggest-sub .tooltip-content:after{left:20%}.col-color-group .tooltip-content,.col-color-sub .tooltip-content{left:auto;right:-20px;transform:translate(0)}.col-color-group .tooltip-content:after,.col-color-sub .tooltip-content:after{left:auto;right:25px}.col-color-group .tooltip-wrapper:hover .tooltip-content,.col-color-sub .tooltip-wrapper:hover .tooltip-content{transform:translateY(4px)}.v2-table tbody tr.product-row.violates-min-color{background-color:#ef444426!important}.v2-table tbody tr.product-row.violates-min-color:hover{background-color:#ef444440!important}.v2-table tbody tr.product-row.row-warning-low-avg{background-color:#ef444414!important}.v2-table tbody tr.product-row.row-warning-low-avg:hover{background-color:#ef444426!important}.save-status-badge{-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;margin-right:12px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.save-status-badge .status-saved{color:#10b981;align-items:center;gap:6px;display:flex}.save-status-badge .status-unsaved{color:#f59e0b;align-items:center;gap:6px;display:flex}.save-status-badge .status-saving{color:#3b82f6;align-items:center;gap:6px;display:flex}.save-status-badge .spinner{border:2px solid #3b82f633;border-top-color:#3b82f6;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite save-spin;display:inline-block}@keyframes save-spin{to{transform:rotate(360deg)}}.save-status-badge .dot-pulse{background-color:#f59e0b;border-radius:50%;width:8px;height:8px;animation:1.6s linear infinite save-pulse;display:inline-block;box-shadow:0 0 #f59e0bb3}@keyframes save-pulse{0%{box-shadow:0 0 #f59e0bb3}70%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes row-highlight-glow{0%{background-color:#6366f140!important}50%{background-color:#6366f114!important}to{background-color:#6366f140!important}}.product-row.highlighted-row td{animation:1.5s ease-in-out infinite row-highlight-glow;border-top:1.5px solid #6366f1!important;border-bottom:1.5px solid #6366f1!important}.product-row.highlighted-row td:first-child{border-left:2.5px solid #6366f1!important}.product-row.highlighted-row td:last-child{border-right:2.5px solid #6366f1!important}.color-toggle-pill{cursor:pointer;letter-spacing:.5px;-webkit-user-select:none;user-select:none;border:none;border-radius:9999px;outline:none;flex-shrink:0;justify-content:space-between;align-items:center;width:66px;min-width:66px;height:28px;padding:2px 4px;font-family:inherit;font-size:11.5px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 2px 4px #0000001f}.color-toggle-pill:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 3px 6px #0000002e}.color-toggle-pill:active:not(:disabled){filter:brightness(.95);transform:translateY(0)}.color-toggle-pill:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5);box-shadow:none}.color-toggle-pill.is-on{color:#fff;background:#10b981;padding-left:10px;padding-right:4px}.color-toggle-pill.is-on .toggle-label{color:#fff;font-size:11.5px;font-weight:800;line-height:1}.color-toggle-pill.is-on .toggle-icon{color:#10b981;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;box-shadow:0 1px 3px #0003}.color-toggle-pill.is-off{color:#fff;background:#cbd5e1;padding-left:4px;padding-right:10px}[data-theme=dark] .color-toggle-pill.is-off{background:#64748b}.color-toggle-pill.is-off .toggle-label{color:#fff;font-size:11.5px;font-weight:800;line-height:1}.color-toggle-pill.is-off .toggle-icon{color:#94a3b8;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;box-shadow:0 1px 3px #0003}[data-theme=dark] .color-toggle-pill.is-off .toggle-icon{color:#475569}.color-ratio-popover-card{z-index:1000;text-align:left;background:#fff;border:1px solid #0000001a;border-radius:14px;width:280px;animation:.2s cubic-bezier(.16,1,.3,1) colorPopoverFade;position:absolute;top:calc(100% + 6px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 28px -4px #00000040,0 8px 12px -4px #00000026}[data-theme=dark] .color-ratio-popover-card{background:#1e293b;border-color:#ffffff1f;box-shadow:0 14px 30px #00000080}@keyframes colorPopoverFade{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.color-ratio-popover-card .popover-header{color:#fff;background:#0f172a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13.5px;font-weight:700;display:flex}[data-theme=dark] .color-ratio-popover-card .popover-header{background:#090d16}.color-ratio-popover-card .popover-body{flex-direction:column;gap:10px;max-height:280px;padding:12px 16px;display:flex;overflow-y:auto}.color-ratio-popover-card .color-row-item{justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.color-ratio-popover-card .color-name-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.color-ratio-popover-card .color-name-text{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.color-ratio-popover-card .color-ratio-badge{color:var(--text-secondary,#64748b);font-size:11px;font-weight:600}.color-stepper-wrapper{justify-content:center;align-items:center;gap:2px;display:inline-flex}.btn-stepper-step{border:1px solid var(--border-color,#ffffff1f);background:var(--bg-secondary,#ffffff0d);width:20px;height:24px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.btn-stepper-step:hover:not(:disabled){background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.btn-stepper-step:active:not(:disabled){transform:scale(.92)}.btn-stepper-step:disabled{opacity:.3;cursor:not-allowed}[data-theme=light] .btn-stepper-step{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .btn-stepper-step:hover:not(:disabled){background:var(--primary-color,#4f46e5);color:#fff;border-color:var(--primary-color,#4f46e5)}.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input[type=number]{-moz-appearance:textfield}.cur-new-badge{text-align:center;white-space:nowrap;border-radius:4px;margin-top:2px;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.3}.cur-new-badge.badge-tai{color:#f59e0b;background-color:#f59e0b1f;border:1px solid #f59e0b4d}.cur-new-badge.badge-moi{color:#10b981;background-color:#10b9811f;border:1px solid #10b9814d}[data-theme=light] .cur-new-badge.badge-tai{color:#d97706;background-color:#fef3c7;border-color:#fde68a}[data-theme=light] .cur-new-badge.badge-moi{color:#059669;background-color:#d1fae5;border-color:#a7f3d0}.col-warnings{width:320px;min-width:280px;max-width:360px;vertical-align:middle!important;padding:10px 14px!important}.warning-container{text-align:left;flex-direction:column;gap:8px;display:flex}.warning-card{border-radius:8px;padding:8px 10px;font-size:11.5px;line-height:1.4;transition:all .2s}.warning-card.card-danger{color:#fca5a5;background:#ef44441f;border:1px solid #ef444466}[data-theme=light] .warning-card.card-danger{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.warning-card.card-warning{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b59}[data-theme=light] .warning-card.card-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.warning-card.card-success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d}[data-theme=light] .warning-card.card-success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.warning-card.card-muted{border:1px dashed var(--card-border,#ffffff1a);color:var(--text-muted,#94a3b8);text-align:center;background:#ffffff08;padding:8px 12px}.warning-card-header{align-items:center;gap:6px;margin-bottom:3px;font-size:11.5px;font-weight:700;display:flex}.warning-card-header .header-icon{flex-shrink:0}.warning-card-header .color-tag{background:#ffffff26;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}[data-theme=light] .warning-card-header .color-tag{background:#00000014}.warning-card-body{opacity:.95;font-size:11px}.warning-card-suggestion{border-top:1px dashed #ffffff26;align-items:flex-start;gap:4px;margin-top:5px;padding-top:4px;font-size:10.5px;font-weight:600;display:flex}[data-theme=light] .warning-card-suggestion{border-top-color:#0000001a}.warning-card-suggestion .sug-icon{flex-shrink:0;margin-top:1px}.capacity-warning-legend-bar{border:1px solid var(--card-border,#ffffff14);background:#0f172a73;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:8px 14px;font-size:12px;display:flex}[data-theme=light] .capacity-warning-legend-bar{background:#f8fafc;border-color:#e2e8f0}.capacity-warning-legend-bar .legend-items{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.capacity-warning-legend-bar .legend-item{align-items:center;gap:6px;display:flex}.legend-badge{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.legend-badge.badge-low{color:#ef4444;background-color:#ef444426;border:1px solid #ef44444d}.legend-badge.badge-normal{color:#10b981;background-color:#10b98126;border:1px solid #10b9814d}.legend-badge.badge-high{color:#f97316;background-color:#f9731626;border:1px solid #f973164d}.legend-count{border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.legend-count.count-low{color:#ef4444;background:#ef444440}.legend-count.count-high{color:#f97316;background:#f9731640}.capacity-table td.cell-cap-low{color:#ef4444!important;background-color:#ef444424!important;font-weight:700!important}[data-theme=light] .capacity-table td.cell-cap-low{color:#dc2626!important;background-color:#fee2e2!important}.capacity-table td.cell-cap-high{color:#f97316!important;background-color:#f9731626!important;font-weight:700!important}[data-theme=light] .capacity-table td.cell-cap-high{color:#ea580c!important;background-color:#ffedd5!important}.capacity-table td.cell-cap-no-target{color:#f59e0b!important;background-color:#f59e0b1f!important;font-weight:700!important}[data-theme=light] .capacity-table td.cell-cap-no-target{color:#d97706!important;background-color:#fef3c7!important}.capacity-table td.cell-cap-normal{color:inherit}.cap-badge-tag{vertical-align:middle;border-radius:4px;margin-left:3px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1.1;display:inline-block}.cap-badge-tag.tag-low{color:#ef4444;background:#ef444440;border:1px solid #ef444466}.cap-badge-tag.tag-high{color:#f97316;background:#f9731640;border:1px solid #f9731666}[data-theme=light] .cap-badge-tag.tag-low{color:#b91c1c;background:#fecaca;border-color:#f87171}[data-theme=light] .cap-badge-tag.tag-high{color:#c2410c;background:#fed7aa;border-color:#fb923c}.import-container{max-width:1300px;color:var(--text-primary);width:100%;height:100%;margin:0 auto;padding:32px 40px;font-family:Inter,sans-serif;overflow-y:auto}.import-header{margin-bottom:32px}.title-wrapper{align-items:center;gap:12px;margin-bottom:8px;display:flex}.header-icon{color:#818cf8}.import-header h1{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:32px;font-weight:700}.import-header p{color:var(--text-secondary);margin-left:44px;font-size:16px}.alert{-webkit-backdrop-filter:blur(12px);border-radius:12px;align-items:center;gap:12px;margin-bottom:32px;padding:16px 20px;font-weight:500;animation:.3s ease-out forwards slideDown;display:flex;box-shadow:0 4px 12px #0003}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{color:#fca5a5;background:#991b1b33;border:1px solid #ef444433;border-left-width:4px}.alert-success{color:#86efac;background:#16653433;border:1px solid #22c55e33;border-left-width:4px}.import-grid{flex-direction:column;gap:32px;display:flex}.import-card.layout-horizontal{flex-direction:row;justify-content:space-between;align-items:stretch;gap:40px;display:flex}.card-controls{border-right:1px dashed #ffffff1a;flex-direction:column;flex:0 0 20%;justify-content:center;width:20%;padding-right:32px;display:flex}.card-table{flex-direction:column;flex:0 0 80%;width:80%;padding-left:32px;display:flex}.card-table .preview-section{margin-top:0}@media (width<=1024px){.import-card.layout-horizontal{flex-direction:column;gap:24px}.card-table,.card-controls{border-right:none;flex:auto;width:100%;padding-left:0;padding-right:0}.card-controls{border-bottom:1px dashed #ffffff1a;padding-bottom:24px}}.import-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:20px;flex-direction:column;padding:32px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 40px -10px #0000004d}.import-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #0006}.card-header{margin-bottom:20px}.card-title-wrap{align-items:center;gap:12px;display:flex}.icon-box{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 15px #0003}.icon-target{background:linear-gradient(135deg,#f43f5e,#fb923c)}.icon-store{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.icon-product{background:linear-gradient(135deg,#10b981,#34d399)}.icon-history{background:linear-gradient(135deg,#8b5cf6,#d946ef)}.icon-focus{background:linear-gradient(135deg,#f59e0b,#ef4444)}.import-card h2{color:var(--text-primary);margin:0;font-size:22px;font-weight:600}.info-badge{color:var(--text-secondary);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;margin-bottom:24px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #4f46e533}.btn-primary{color:#fff;background:linear-gradient(90deg,#6366f1,#3b82f6)}.btn-primary:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 16px #4f46e566}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{color:#ffffff4d;box-shadow:none;cursor:not-allowed;background:#ffffff1a;transform:none}@keyframes spin{to{transform:rotate(360deg)}}.preview-section{flex-direction:column;flex-grow:1;margin-top:36px;display:flex}.preview-header{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:16px;display:flex}.preview-header h3{text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px;font-weight:600}.table-container{background:#0f172a66;border:1px solid #ffffff1a;border-radius:10px;max-height:400px;overflow:auto}.preview-table{border-collapse:collapse;width:100%;color:var(--text-primary);font-size:13px}.preview-table th,.preview-table td{text-align:left;white-space:nowrap;padding:12px 16px}.preview-table th{color:var(--text-secondary);background-color:#ffffff0d;border-bottom:1px solid #ffffff1a;font-weight:600}.preview-table td{color:#cbd5e1;border-bottom:1px solid #ffffff0d}.preview-table tbody tr{transition:background-color .15s}.preview-table tbody tr:hover{background-color:#ffffff0d}.preview-table tbody tr:last-child td{border-bottom:none}.empty-text{color:var(--text-secondary);text-align:center;background:#0f172a66;border:1px dashed #fff3;border-radius:12px;margin:auto 0;padding:32px 20px;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.gender-cell{color:var(--text-primary);align-items:center;gap:8px;font-weight:700;display:flex}@keyframes spin_animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.styles-diff-neon-green,.report-table td.styles-diff-neon-green{text-shadow:0 0 8px #39ff1466;color:#39ff14!important;font-weight:700!important}[data-theme=light] .styles-diff-neon-green,[data-theme=light] .report-table td.styles-diff-neon-green{color:#008f11!important;text-shadow:none!important}.styles-diff-neon-red,.report-table td.styles-diff-neon-red{text-shadow:0 0 8px #ff313166;color:#ff3131!important;font-weight:700!important}[data-theme=light] .styles-diff-neon-red,[data-theme=light] .report-table td.styles-diff-neon-red{color:#d50000!important;text-shadow:none!important}.group-row-clickable{cursor:pointer;transition:background-color .15s}.group-row-clickable:hover{background-color:#6366f117!important}.group-name-cell{align-items:center;gap:8px;display:inline-flex}.badge-focus-tt{letter-spacing:.5px;color:#f87171;background:#ef44442e;border:1px solid #ef444466;border-radius:4px;justify-content:center;align-items:center;padding:1px 7px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 0 6px #ef444433}[data-theme=light] .badge-focus-tt{color:#dc2626;box-shadow:none;background:#fee2e2;border-color:#fca5a5}.badge-focus-ch{letter-spacing:.5px;color:#60a5fa;background:#3b82f62e;border:1px solid #3b82f666;border-radius:4px;justify-content:center;align-items:center;padding:1px 7px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 0 6px #3b82f633}[data-theme=light] .badge-focus-ch{color:#2563eb;box-shadow:none;background:#dbeafe;border-color:#93c5fd}.badge-focus-mixed{color:#c084fc;background:#a855f72e;border:1px solid #a855f766;border-radius:4px;justify-content:center;align-items:center;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}[data-theme=light] .badge-focus-mixed{color:#9333ea;background:#f3e8ff;border-color:#d8b4fe}.overview-report-container{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;height:100%;padding:24px;animation:.3s ease-in-out overviewFadeIn;display:flex;overflow-y:auto}@keyframes overviewFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.overview-header-section{border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;display:flex}.overview-title-wrapper h1{color:var(--text-primary);margin:0 0 5px;font-size:24px;font-weight:700}.overview-title-wrapper p{color:var(--text-secondary);margin:0;font-size:14px}.overview-controls{align-items:center;gap:15px;display:flex}.btn-progress-check{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #6366f140}.btn-progress-check:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.overview-summary-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.overview-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(16px);border-radius:16px;flex-direction:column;gap:8px;padding:20px 24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.overview-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff08 0%,#0000 100%);height:100%;position:absolute;top:0;left:0;right:0}.overview-card:hover{border-color:var(--card-border-highlight);transform:translateY(-4px)}.overview-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.overview-card-value{color:var(--text-primary);font-size:22px;font-weight:700}.overview-card-sub{color:var(--text-muted);font-size:12px}.overview-tables-stack{flex-direction:column;gap:32px;display:flex}.overview-table-section{flex-direction:column;gap:12px;display:flex}.overview-table-title{color:var(--text-primary);align-items:center;gap:8px;padding-left:4px;font-size:16px;font-weight:700;display:flex}.overview-table-title:before{content:"";background-color:var(--primary-color);border-radius:2px;width:4px;height:16px;display:inline-block}.overview-table-wrapper{background:var(--table-wrapper-bg);border:1px solid var(--table-wrapper-border);max-height:400px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;overflow:auto}.overview-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.overview-table th{z-index:10;background:var(--table-th-bg);border-bottom:1px solid var(--table-th-border);border-right:1px solid var(--table-th-border);white-space:nowrap;padding:12px 14px;font-weight:600;position:sticky;top:0}.overview-table th:last-child{border-right:none}.overview-table td{border-bottom:1px solid var(--table-td-border);border-right:1px solid var(--table-td-border);color:var(--text-primary);white-space:nowrap;padding:12px 14px}.overview-table td:last-child{border-right:none}.overview-table tr:hover td{background-color:var(--table-row-hover)}.overview-table .header-group-general{color:var(--text-primary);text-align:center;letter-spacing:.5px;background-color:#94a3b826;font-size:11px}.overview-table .header-group-topdown{color:#818cf8;text-align:center;letter-spacing:.5px;background-color:#6366f126;font-size:11px}.overview-table .header-group-bottom{color:#34d399;text-align:center;letter-spacing:.5px;background-color:#10b98126;font-size:11px}.overview-table .header-group-compare{color:#fbbf24;text-align:center;letter-spacing:.5px;background-color:#f59e0b26;font-size:11px}.overview-table .sub-header{background:var(--table-th-bg);color:var(--table-th-text);font-size:12px}.overview-table .sub-header th{z-index:11;background:var(--table-th-bg);position:sticky;top:38px}.overview-table tr.data-row td{background-color:var(--table-zebra-even)}.overview-table tr.total-row{background-color:#6366f114;font-weight:700}.overview-table tr.total-row td{border-top:2px solid var(--table-th-border);color:var(--text-primary);background-color:#6366f108}.gbb-badge-inline{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.gbb-best{color:#f472b6;background:#ec489926;border:1px solid #ec48994d}.gbb-better{color:#818cf8;background:#6366f126;border:1px solid #6366f14d}.gbb-good{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.gbb-tfs{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.gbb-tfx{color:#c084fc;background:#8b5cf626;border:1px solid #8b5cf64d}.progress-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0f172abf;justify-content:center;align-items:center;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.progress-modal-content{background:var(--bg-color);background-image:linear-gradient(135deg, var(--bg-gradient-1) 0%, var(--bg-gradient-2) 100%);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;width:90%;max-width:960px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-modal-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.progress-modal-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.progress-modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .2s;display:flex}.progress-modal-close-btn:hover{background-color:var(--sidebar-item-hover);color:var(--text-primary)}.progress-modal-body{flex:1;padding:24px;overflow-y:auto}.progress-table{border-collapse:collapse;width:100%;font-size:13px}.progress-table th{color:var(--text-secondary);border-bottom:2px solid var(--table-th-border);background:var(--table-th-bg);text-align:left;padding:12px 16px;font-weight:600}.progress-table td{border-bottom:1px solid var(--table-td-border);color:var(--text-primary);padding:14px 16px}.progress-table tr:hover td{background-color:var(--table-row-hover)}.progress-bar-container{align-items:center;gap:12px;min-width:180px;display:flex}.progress-bar-bg{background-color:var(--table-th-border);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width .3s}.progress-percent-text{text-align:right;width:45px;font-size:12px;font-weight:700}.fill-success{background-color:var(--success)}.fill-warning{background-color:#fbbf24}.fill-danger{background-color:var(--danger)}.fill-neutral{background-color:var(--text-muted)}.badge-unmatched{color:#fbbf24;background-color:#f59e0b26;border:1px solid #f59e0b4d;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:500}.overview-table .sticky-col-1{box-sizing:border-box;width:140px;min-width:140px;max-width:140px;position:sticky;left:0}.overview-table .sticky-col-2{box-sizing:border-box;width:100px;min-width:100px;max-width:100px;position:sticky;left:140px}.overview-table th.sticky-col-1,.overview-table th.sticky-col-2{z-index:30!important;background-color:#171d2b!important}[data-theme=light] .overview-table th.sticky-col-1,[data-theme=light] .overview-table th.sticky-col-2{background-color:#f1f5f9!important}.overview-table th.header-group-general.sticky-col-1{width:240px;min-width:240px;max-width:240px;z-index:35!important}.overview-table td.sticky-col-1,.overview-table td.sticky-col-2{z-index:20}.overview-table td.sticky-col-1{background-color:#0b0f19}.overview-table td.sticky-col-2{background-color:#0b0f19;border-right:2px solid #10b98199!important}[data-theme=light] .overview-table td.sticky-col-1{background-color:#fff}[data-theme=light] .overview-table td.sticky-col-2{background-color:#fff;border-right:2px solid #05966966!important}.overview-table tr.data-row td.sticky-col-1,.overview-table tr.data-row td.sticky-col-2{background-color:#131826}[data-theme=light] .overview-table tr.data-row td.sticky-col-1,[data-theme=light] .overview-table tr.data-row td.sticky-col-2{background-color:#f1f5f9}.overview-table tr.total-row td.sticky-col-1,.overview-table tr.total-row td.sticky-col-2{background-color:#1a1e29!important}[data-theme=light] .overview-table tr.total-row td.sticky-col-1,[data-theme=light] .overview-table tr.total-row td.sticky-col-2{background-color:#e2e8f0!important}.overview-table tr:hover td.sticky-col-1,.overview-table tr:hover td.sticky-col-2{background-color:#21293a!important}[data-theme=light] .overview-table tr:hover td.sticky-col-1,[data-theme=light] .overview-table tr:hover td.sticky-col-2{background-color:#e2e8f0!important}.badge-focus-tt-pill{border-radius:6px;padding:3px 12px;font-weight:700;display:inline-block;color:#f87171!important;background:#ef44442e!important;border:1px solid #ef444466!important}[data-theme=light] .badge-focus-tt-pill{color:#dc2626!important;background:#fee2e2!important;border-color:#fca5a5!important}.badge-focus-ch-pill{border-radius:6px;padding:3px 12px;font-weight:700;display:inline-block;color:#60a5fa!important;background:#3b82f62e!important;border:1px solid #3b82f666!important}[data-theme=light] .badge-focus-ch-pill{color:#2563eb!important;background:#dbeafe!important;border-color:#93c5fd!important}.badge-focus-other-pill{border-radius:6px;padding:3px 12px;font-weight:700;display:inline-block;color:#94a3b8!important;background:#94a3b82e!important;border:1px solid #94a3b866!important}[data-theme=light] .badge-focus-other-pill{color:#64748b!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.report-ma10-container{flex-direction:column;gap:20px;width:100%;height:100%;animation:.3s ease-in-out ma10FadeIn;display:flex;overflow:hidden}@keyframes ma10FadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.report-ma10-header{border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:16px 24px;display:flex}.btn-export-excel{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s ease-in-out;display:flex;box-shadow:0 4px 15px #10b98133}.btn-export-excel:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.kpi-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;gap:6px;padding:18px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--card-border-highlight);transform:translateY(-4px)}.kpi-card.kpi-card-active{background:#ef444414;border-color:#ef4444;box-shadow:0 0 12px #ef444459}.kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.kpi-value{color:var(--text-primary);font-size:24px;font-weight:800}.kpi-value.compliant{color:#10b981}.kpi-value.non-compliant{color:#ef4444}.kpi-sub{color:var(--text-muted);font-size:12px}.report-main-layout{flex:1;grid-template-columns:260px 1fr;align-items:stretch;gap:20px;min-height:0;display:grid;overflow:hidden}@media (width<=1024px){.report-main-layout{grid-template-columns:1fr}}.sidebar-section{border-radius:16px;flex-direction:column;gap:14px;height:100%;padding:16px;display:flex;overflow-y:auto}.sidebar-header{color:var(--text-primary);border-bottom:1px solid var(--card-border);align-items:center;gap:8px;padding-bottom:8px;font-size:14px;font-weight:700;display:flex}.sidebar-menu{flex-direction:column;gap:4px;display:flex}.sidebar-item{cursor:pointer;color:var(--text-secondary);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background-color:var(--primary-light-bg,#6366f126);color:var(--primary-color);font-weight:600}.sidebar-item .dot{background-color:#0000;border-radius:50%;width:6px;height:6px;margin-right:8px;transition:all .2s}.sidebar-item .dot.active{background-color:var(--primary-color);box-shadow:0 0 8px var(--primary-color)}.sidebar-item .group-name{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;overflow:hidden}.sidebar-item .group-count{background-color:var(--bg-tertiary,#ffffff0d);color:var(--text-muted);border-radius:10px;padding:2px 6px;font-size:11px}.sidebar-item.active .group-count{background-color:var(--primary-color);color:#fff}.content-workspace{border-radius:16px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden}.filter-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gender-tabs{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:8px;padding:4px;display:flex}.gender-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.gender-tab-btn:hover{color:var(--text-primary)}.gender-tab-btn.active{background:var(--card-bg-highlight,#fff);color:var(--primary-color);box-shadow:0 2px 6px #00000026}.filter-select-group{align-items:center;gap:8px;display:flex}.filter-select-label{color:var(--text-secondary);font-size:12px;font-weight:600}.filter-select{background:var(--bg-secondary);border:1px solid var(--card-border);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-size:12px;font-weight:500}.filter-select:focus{border-color:var(--primary-color)}.search-bar-wrapper{min-width:220px;position:relative}.search-bar-wrapper .search-icon{color:var(--text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{background:var(--bg-secondary);border:1px solid var(--card-border);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:8px 12px 8px 32px;font-size:12px;transition:all .2s}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f126}.table-responsive{border:1px solid var(--card-border);border-radius:12px;flex:1;width:100%;min-height:0;overflow:auto}.report-ma10-table{border-collapse:collapse;width:100%;color:var(--text-primary);font-size:13px}.report-ma10-table th{z-index:10;background-color:var(--bg-secondary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--card-border);padding:12px 14px;font-size:11px;font-weight:600;position:sticky;top:0}.report-ma10-table td{border-bottom:1px solid var(--card-border);vertical-align:middle;padding:10px 14px}.report-ma10-table tr.row-even{background-color:#0000}.report-ma10-table tr.row-odd{background-color:#ffffff04}.report-ma10-table tr.data-row:hover{background-color:var(--bg-hover)}.report-ma10-table tr.data-row.row-trong-tam{background-color:#22c55e17!important}.report-ma10-table tr.data-row.row-trong-tam.row-odd{background-color:#22c55e21!important}.report-ma10-table tr.data-row.row-trong-tam:hover{background-color:#22c55e33!important}[data-theme=light] .report-ma10-table tr.data-row.row-trong-tam{background-color:#f0fdf4!important}[data-theme=light] .report-ma10-table tr.data-row.row-trong-tam.row-odd{background-color:#e6f9ed!important}[data-theme=light] .report-ma10-table tr.data-row.row-trong-tam:hover{background-color:#dcfce7!important}.ma10-cell{align-items:center;gap:6px;display:inline-flex}.ma10-code{letter-spacing:.2px;font-weight:700}.badge-ma10-tt{letter-spacing:.5px;color:#4ade80;-webkit-user-select:none;user-select:none;background:#22c55e38;border:1px solid #4ade8073;border-radius:4px;justify-content:center;align-items:center;padding:1px 6px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 0 6px #4ade8040}[data-theme=light] .badge-ma10-tt{color:#15803d;box-shadow:none;background:#dcfce7;border:1px solid #86efac}.table-thumbnail{border:1px solid var(--card-border);background:var(--bg-secondary);border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;overflow:hidden}.table-thumbnail img{object-fit:cover;width:100%;height:100%}.table-thumbnail .img-placeholder{color:var(--text-muted);font-size:12px}.rank-badge{text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.rank-badge.rank-s,.rank-badge.rank-a,.rank-badge.rank-trong-tam{color:#f59e0b;background-color:#f59e0b26;border:1px solid #f59e0b4d}.rank-badge.rank-b,.rank-badge.rank-thuong{color:#6366f1;background-color:#6366f126;border:1px solid #6366f14d}.rank-badge.rank-c,.rank-badge.rank-yeu{color:#9ca3af;background-color:#6b728026;border:1px solid #6b72804d}.status-badge{border-radius:12px;justify-content:center;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.success{color:#10b981;background-color:#10b98126}.status-badge.danger{color:#ef4444;background-color:#ef444426}.status-badge.info{color:var(--text-muted);background-color:#6b72801a}.empty-row{text-align:center;color:var(--text-muted);font-size:14px;padding:40px!important}.report-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 0;font-size:14px;font-weight:500;display:flex}.report-loading .spin{color:var(--primary-color);animation:1s linear infinite ma10Spin}@keyframes ma10Spin{to{transform:rotate(360deg)}}.report-container{flex-direction:column;gap:20px;width:100%;height:100%;animation:.3s ease-in-out fadeIn;display:flex;overflow:hidden}.report-header-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.report-title-wrapper h1{color:var(--text-primary);margin:0 0 5px;font-size:24px;font-weight:700}.report-title-wrapper p{color:var(--text-secondary);margin:0;font-size:14px}.report-controls{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.report-actions{gap:10px;display:flex}.btn-action{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000001a}.btn-action:hover{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);border-color:var(--primary-hover);color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #6366f14d}.report-filters{align-items:center;gap:15px;display:flex}.filter-group{align-items:center;gap:8px;display:flex}.filter-label{color:var(--text-secondary);font-size:14px;font-weight:500}.filter-select{background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);cursor:pointer;border-radius:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s}.filter-select:focus{border-color:var(--input-focus-border);outline:none}.report-summary-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;display:grid}.report-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(16px);border-radius:16px;flex-direction:column;gap:8px;padding:20px 24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.report-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff08 0%,#0000 100%);height:100%;position:absolute;top:0;left:0;right:0}.report-card:hover{border-color:var(--card-border-highlight);transform:translateY(-4px)}.report-card-label{color:var(--text-secondary);font-size:13px;font-weight:500}.report-card-value{color:var(--text-primary);font-size:20px;font-weight:700}.report-card-sub{color:var(--text-muted);font-size:12px}.report-table-wrapper{background:var(--table-wrapper-bg);border:1px solid var(--table-wrapper-border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex:1;overflow:auto}.report-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.report-table th{z-index:10;background:var(--table-th-bg);border-bottom:1px solid var(--table-th-border);border-right:1px solid var(--table-th-border);white-space:nowrap;padding:10px 14px;font-weight:600;position:sticky;top:0}.report-table th:last-child{border-right:none}.header-group-general{color:var(--text-primary);text-align:center;background-color:#94a3b826}.header-group-topdown{color:#818cf8;text-align:center;background-color:#6366f126}.header-group-bottom{color:#34d399;text-align:center;background-color:#10b98126}.header-group-revenue{color:#fbbf24;text-align:center;background-color:#f59e0b26}.header-group-quantity{color:#f472b6;text-align:center;background-color:#ec489926}.header-group-styles{color:#38bdf8;text-align:center;background-color:#0ea5e926}.header-group-capacity{color:#a78bfa;text-align:center;background-color:#8b5cf626}.sub-header{z-index:11;background:var(--table-th-bg);color:var(--table-th-text);font-size:12px;position:sticky;top:38px}.report-table td{border-bottom:1px solid var(--table-td-border);border-right:1px solid var(--table-td-border);color:var(--text-primary);white-space:nowrap;padding:12px 14px}.report-table td:last-child{border-right:none}.report-table tr:hover td{background-color:var(--table-row-hover)}.om-row-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.om-row-clickable td{background-color:#6366f11f}.om-row-clickable:hover td{background-color:#6366f133}.om-cell{color:var(--text-primary);align-items:center;gap:8px;font-weight:700;display:flex}.gender-row-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.gender-row-clickable td{background-color:var(--table-zebra-even)}.gender-row-clickable:hover td{background-color:var(--table-row-hover)}.gender-cell{color:var(--text-primary);align-items:center;gap:8px;font-weight:600;display:flex;padding-left:20px!important}.toggle-icon{color:var(--text-secondary);align-items:center;transition:transform .2s;display:flex}.group-row td{background-color:var(--table-zebra-odd);font-size:12px}.indent-cell{color:var(--text-secondary);font-weight:500;padding-left:45px!important}.group-row:hover td{background-color:var(--table-row-hover)}.report-table tr.total-row{background-color:#6366f133;font-weight:700}.report-table tr.total-row td{border-top:2px solid var(--table-th-border);color:var(--text-primary)}.report-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:80px 20px;display:flex}.spin{animation:1s linear infinite spin_animation}.num-align{text-align:right;font-variant-numeric:tabular-nums}.text-center{text-align:center}.diff-positive,.report-table td.diff-positive{font-weight:600;color:var(--success-text)!important}.diff-negative,.report-table td.diff-negative{font-weight:600;color:var(--danger)!important}.text-muted-cell{color:var(--text-muted)}.banner{border-radius:8px;align-items:center;gap:10px;margin-bottom:10px;padding:12px 20px;font-size:14px;display:flex}.banner-warning{color:#fbbf24;background-color:#f59e0b26;border:1px solid #f59e0b4d}.report-table th:first-child{box-shadow:2px 0 5px #0003;z-index:30!important;background-color:var(--table-th-bg)!important;position:sticky!important;left:0!important}.report-table td:first-child{box-shadow:2px 0 5px #00000026;z-index:20!important;background-color:var(--bg-color)!important;position:sticky!important;left:0!important}.om-row-clickable td:first-child{background-color:#1a1e2e!important}[data-theme=light] .om-row-clickable td:first-child{background-color:#e0e7ff!important}.gender-row-clickable td:first-child{background-color:#121824!important}[data-theme=light] .gender-row-clickable td:first-child{background-color:#f1f5f9!important}.group-row td:first-child{background-color:#0b0f19!important}[data-theme=light] .group-row td:first-child{background-color:#fff!important}.report-table tr.total-row td:first-child{background-color:#1e2538!important}[data-theme=light] .report-table tr.total-row td:first-child{background-color:#dbeafe!important}.report-container{width:100%;height:100%;color:var(--text-primary);flex-direction:column;padding:24px;display:flex;overflow:hidden}.report-header{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding:20px;display:flex;box-shadow:0 4px 6px #0000001a}.report-title-section h2{align-items:center;gap:10px;margin:0 0 8px;font-size:1.5rem;font-weight:700;display:flex}.report-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.table-wrapper{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;flex:1;min-height:0;margin-bottom:24px;overflow:auto;box-shadow:0 4px 6px #0000001a}.structure-table{border-collapse:collapse;width:100%;font-size:.9rem}.structure-table thead{z-index:20;background-color:var(--bg-secondary);position:sticky;top:0}.structure-table thead tr{background-color:var(--bg-secondary)}.structure-table thead tr:nth-child(2) th,.structure-table thead tr:first-child th[rowspan]{border-bottom:none!important;box-shadow:inset 0 -2px #00ff87!important}.structure-table th{background-color:var(--bg-secondary);color:var(--text-primary);text-align:right;border:1px solid var(--card-border);white-space:nowrap;padding:12px 16px;font-weight:600}.structure-table th:first-child,.structure-table th:nth-child(2){text-align:left;background-color:var(--bg-secondary)}.structure-table td{border:1px solid var(--card-border);text-align:right;color:var(--text-primary);padding:10px 16px}.structure-table td:first-child,.structure-table td:nth-child(2){text-align:left;font-weight:500}.structure-table tbody tr:hover td{background-color:var(--hover-bg)}.group-row{background-color:#6366f10d}.group-row td{color:var(--accent-primary);font-weight:600}.total-row{background-color:#10b9810d}.total-row td{color:#10b981;font-weight:700}.bg-total{background-color:#4f46e51a!important}.bg-core{background-color:#10b9811a!important}.bg-regular{background-color:#f59e0b1a!important}.th-group-total{color:#fff!important;text-align:center!important;background-color:#312e81!important}.th-group-core{color:#fff!important;text-align:center!important;background-color:#065f46!important}.th-group-regular{color:#fff!important;text-align:center!important;background-color:#78350f!important}.text-success{color:#10b981}.text-warning{color:#f59e0b}.loading-container{height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner{border:4px solid #ffffff1a;border-left-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.structure-report-filters{align-items:center;gap:16px;display:flex}.structure-filter-group{flex-direction:column;gap:6px;display:flex}.structure-filter-group label{color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;font-weight:500;display:flex}.structure-filter-select{border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--input-text);cursor:pointer;border-radius:8px;outline:none;min-width:150px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.structure-filter-select:focus{border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}.structure-filter-select option{background-color:var(--bg-color);color:var(--text-primary)}.dashboard-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.dashboard-header{background:var(--header-bg);-webkit-backdrop-filter:blur(20px);z-index:100;transform-origin:top;border-bottom:1px solid #10b98173;justify-content:space-between;align-items:center;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;box-shadow:0 4px 30px #0000000d}[data-theme=light] .dashboard-header{border-bottom:1px solid #0596694d}.dashboard-header.collapsed{opacity:0;border-bottom:none;height:0;padding-top:0;padding-bottom:0;overflow:hidden}.header-left{align-items:center;gap:20px;display:flex}.header-left h1{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem;font-weight:800}[data-theme=light] .header-left h1{background:linear-gradient(135deg,#0f172a 0%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.badge{color:#34d399;letter-spacing:.5px;text-transform:uppercase;background:#10b98126;border:1px solid #10b9814d;border-radius:20px;padding:6px 14px;font-size:.75rem;font-weight:700}[data-theme=light] .badge{color:#059669;background:#dcfce7;border:1px solid #bbf7d0}.header-right{align-items:center;gap:24px;display:flex}.user-email{color:var(--text-secondary);font-size:.95rem;font-weight:500}.logout-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.logout-btn:hover{background:#ef444433;transform:translateY(-1px);box-shadow:0 4px 12px #ef444426}.dashboard-container.is-scrolled .dashboard-content{padding:8px 32px}.dashboard-content{flex-direction:column;flex:1;padding:32px;transition:padding .3s;display:flex}.dashboard-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.dashboard-content h2{letter-spacing:-.5px;margin-bottom:8px;font-size:1.8rem;font-weight:800}.dashboard-content p{color:var(--text-secondary);margin-bottom:24px;font-size:1.05rem}.loading{color:var(--text-secondary);flex:1;justify-content:center;align-items:center;font-size:1.2rem;font-weight:500;display:flex}.admin-tabs{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;gap:8px;margin-top:12px;margin-bottom:12px;margin-left:24px;padding:6px;transition:all .3s;display:inline-flex}.dashboard-container.is-scrolled .admin-tabs{margin-top:6px;margin-bottom:6px}.header-toggle-btn:hover{color:var(--text-primary);background:#ffffff0d}[data-theme=light] .header-toggle-btn:hover{background:#00000008}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}[data-theme=light] .tab-btn:hover{background:#00000008}.tab-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #6366f14d}.om-select-container{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;align-items:center;gap:12px;padding:8px 16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.om-select-container:hover{border-color:var(--card-border-highlight)}.om-select-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:.75rem;font-weight:700}.om-select-dropdown{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;font-size:.95rem;font-weight:600}.om-select-dropdown option{background:var(--bg-color);color:var(--text-primary)}.report-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:1000;background-color:#0b0f19d9;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}[data-theme=light] .report-modal-overlay{background-color:#f1f5f9d9}.report-modal-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;flex-direction:column;width:96vw;max-width:96vw;height:94vh;max-height:94vh;animation:.4s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.report-modal-header{background:var(--header-bg);border-bottom:1px solid var(--header-border);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.report-modal-header h2{color:var(--text-primary);letter-spacing:-.5px;font-size:1.4rem;font-weight:800}.report-close-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.report-close-btn:hover{color:#f87171;background:#ef44441a;border-color:#ef444433;transform:rotate(90deg)}[data-theme=light] .report-close-btn{background:#00000008;border:1px solid #0000000d}.report-modal-body{flex-direction:column;flex:1;padding:24px;display:flex;overflow:hidden}.guide-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:1100;background-color:#0b0f19d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}[data-theme=light] .guide-modal-overlay{background-color:#f1f5f9d9}.guide-modal-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;flex-direction:column;width:100%;max-width:800px;animation:.4s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.guide-modal-header{background:var(--header-bg);border-bottom:1px solid var(--header-border);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.guide-title-area{align-items:center;gap:12px;display:flex}.guide-title-icon{color:#6366f1}[data-theme=light] .guide-title-icon{color:#4f46e5}.guide-modal-header h2{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:1.25rem;font-weight:800}.guide-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;transition:all .2s;display:flex}.guide-close-btn:hover{color:#f87171;background:#ef44441a}.guide-modal-body{max-height:65vh;padding:28px;overflow-y:auto}.guide-intro{color:var(--text-secondary);margin:0 0 24px;font-size:.95rem;line-height:1.6}.guide-steps-container{flex-direction:column;gap:18px;display:flex}.guide-step-card{border:1px solid var(--card-border);background:#ffffff05;border-radius:14px;gap:18px;padding:18px 22px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}[data-theme=light] .guide-step-card{background:#00000003}.guide-step-card:hover{background:#ffffff0a;border-color:#6366f166;transform:translateY(-2px);box-shadow:0 10px 20px -10px #6366f133}[data-theme=light] .guide-step-card:hover{background:#6366f10a}.step-number-badge{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:50%;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 4px 10px #6366f166}.step-card-content{flex:1}.step-card-content h3{color:var(--text-primary);margin:0 0 8px;font-size:1.05rem;font-weight:700}.step-card-content ul{color:var(--text-secondary);margin:0;padding-left:18px;font-size:.88rem;line-height:1.6}.step-card-content li{margin-bottom:6px}.step-card-content li:last-child{margin-bottom:0}.guide-modal-footer{background:var(--header-bg);border-top:1px solid var(--header-border);justify-content:flex-end;padding:16px 28px;display:flex}.guide-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f14d}.guide-primary-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 16px #6366f173}.help-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f11a;color:#6366f1!important;background:#ffffff0d!important;border-color:#6366f166!important}[data-theme=light] .help-toggle-btn:hover{color:#4f46e5!important;background:#6366f10d!important}.loading-screen{height:100vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.2rem;display:flex}