:root{--bg-color:#f9fafb;--surface-color:#fff;--text-main:#000;--text-muted:#00000080;--border-color:#0000001a;--success-color:#22cd2e;--danger-color:red;--font-mulish:"Mulish", sans-serif;--font-dm-sans:"DM Sans", sans-serif;--font-inter:"Inter", sans-serif;--font-poppins:"Poppins", sans-serif;--sidebar-width:273px;--sidebar-collapsed-width:80px;--topbar-height:69px;--transition-speed:.3s}*{box-sizing:border-box;transition:margin-left var(--transition-speed) ease-in-out, width var(--transition-speed) ease-in-out;margin:0;padding:0}body{font-family:var(--font-inter);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.main-layout{margin-left:var(--sidebar-width);height:100vh;transition:margin-left var(--transition-speed) ease-in-out;flex-direction:column;flex:1;display:flex}.main-layout.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.main-content{background:var(--bg-color);flex:1;width:100%;padding:24px 40px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.4s ease-out forwards fadeIn}@media (width<=1024px){.main-layout{margin-left:0!important}.main-content{padding:16px 20px}}@media (width<=480px){.main-content{padding:12px 16px}}.portal-menu{z-index:99999;background:#fff;border:1px solid #0000000d;border-radius:12px;min-width:200px;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) menuIn;position:fixed;box-shadow:0 10px 40px #00000026}@keyframes menuIn{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.portal-menu .menu-item{cursor:pointer;width:100%;font-family:var(--font-dm-sans);color:#1a1d1f;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;transition:all .2s;display:flex}.portal-menu .menu-item:hover{background:#f4f4f4}.portal-menu .menu-item svg{color:#1a1d1f;opacity:.8}.portal-menu .menu-item.success,.portal-menu .menu-item.success svg{color:#22cd2e}.portal-menu .menu-item.dangerous,.portal-menu .menu-item.dangerous svg{color:red}.portal-menu .menu-divider{background:#0000000d;height:1px;margin:6px 0}.sidebar{width:var(--sidebar-width);background-color:var(--surface-color);z-index:100;height:calc(100vh - 20px);transition:width var(--transition-speed) ease-in-out, padding var(--transition-speed) ease-in-out;border:1px solid #00000014;border-top:none;border-left:none;border-radius:0 20px 20px 0;flex-direction:column;padding:32px 24px;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 20px #00000008}.sidebar.collapsed{width:var(--sidebar-collapsed-width);padding:32px 16px}.sidebar-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;width:100%;margin-bottom:32px;padding-bottom:24px;display:flex}.sidebar-logo{transition:all var(--transition-speed);align-items:center;gap:12px;padding-left:4px;display:flex;overflow:hidden}.logo-img{object-fit:contain;flex-shrink:0;width:50px;height:14px}.logo-text-wrapper{align-items:center;gap:8px;display:flex}.logo-text{font-family:var(--font-inter);color:#1a1d1f;white-space:nowrap;font-size:24px;font-weight:700}.logo-badge{color:#fff;letter-spacing:.5px;background-color:#ff3b30;border-radius:2px;margin-top:-2px;padding:2px 4px;font-size:8px;font-weight:800}.sidebar-toggle{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.sidebar-toggle:hover{opacity:.7}.toggle-img{width:17px;height:17px;transition:transform var(--transition-speed)}.toggle-img.collapsed{transform:rotate(180deg)}.sidebar-menu{flex-direction:column;flex:1;gap:8px;display:flex}.menu-section{font-family:var(--font-inter);color:#6f767e;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:24px;margin-bottom:8px;padding-left:12px;font-size:12px;font-weight:600;overflow:hidden}.collapsed .menu-section{text-align:center;padding-left:0}.menu-item{color:#6f767e;font-family:var(--font-inter);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;display:flex;overflow:hidden}.collapsed .menu-item{justify-content:center;padding:12px 0}.menu-item span{white-space:nowrap;animation:.3s forwards fadeIn}.menu-item:hover:not(.active){color:#1a1d1f;background-color:#f4f4f4}.menu-item.active{color:#fff;background-color:#1a1d1f}.menu-item.active svg{color:#fff}.menu-item:hover:not(.active) svg{color:#1a1d1f}.menu-item svg{color:#6f767e;flex-shrink:0;width:20px;height:20px;transition:all .2s ease-in-out}.sidebar-footer{margin-top:auto;padding-top:24px}.user-profile{cursor:pointer;transition:all var(--transition-speed);background-color:#f4f4f4;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex;overflow:hidden}.collapsed .user-profile{justify-content:center;padding:12px 0}.user-profile:hover{background-color:#ebebeb}.user-avatar{color:#06f;background-color:#e2ebff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{font-family:var(--font-inter);color:#1a1d1f;white-space:nowrap;font-size:14px;font-weight:700}.user-email{font-family:var(--font-inter);color:#6f767e;white-space:nowrap;font-size:12px;font-weight:500}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:auto;display:block}@media (width<=1024px){.sidebar{z-index:1000;border-radius:0;height:100vh;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-toggle{display:none}.sidebar.collapsed{width:var(--sidebar-width);padding:32px 24px}}@media (width<=480px){.sidebar{width:85%}}.sidebar-footer{position:relative}.role-badge-text{font-family:var(--font-inter);color:#06f;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin-top:2px;font-size:11px;font-weight:600}.role-switcher-popover{z-index:1050;background:#fff;border:1px solid #00000014;border-radius:12px;flex-direction:column;gap:8px;min-width:200px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 8px 32px #0000001f}.role-switcher-popover.collapsed{width:250px;bottom:0;left:calc(100% + 8px);right:auto}.popover-header{font-family:var(--font-inter);color:#6f767e;text-transform:uppercase;border-bottom:1px solid #0000000d;padding:8px 12px 4px;font-size:11px;font-weight:700}.role-options-list{flex-direction:column;gap:4px;max-height:220px;display:flex;overflow-y:auto}.role-option-item{cursor:pointer;border-radius:8px;flex-direction:column;padding:10px 12px;transition:all .2s;display:flex;position:relative}.role-option-item:hover{background-color:#f4f4f4}.role-option-item.active{background-color:#e2ebff}.opt-title-group{align-items:center;gap:6px;margin-bottom:2px;padding-right:16px;display:flex}.opt-name{font-family:var(--font-inter);color:#1a1d1f;font-size:13px;font-weight:700}.opt-badge{font-family:var(--font-inter);text-transform:uppercase;border-radius:100px;padding:1px 6px;font-size:9px;font-weight:600}.opt-badge.system{color:#475569;background:#e2e8f0}.opt-badge.custom{color:#4f46e5;background:#eef2ff}.opt-desc{font-family:var(--font-inter);color:#6f767e;font-size:11px;line-height:1.3}.active-check{color:#06f;font-size:14px;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.topbar{background-color:var(--surface-color);z-index:50;border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;height:clamp(70px,8vh,89px);padding:10px clamp(20px,4vw,40px);display:flex;position:sticky;top:0}.topbar-header{flex-direction:column;gap:4px;display:flex}.topbar-header h1{font-family:var(--font-mulish);color:#1a1d1f;font-size:clamp(20px,2vw,24px);font-weight:700}.topbar-header p{font-family:var(--font-dm-sans);color:#00000080;font-size:14px;font-weight:400}.topbar-actions{align-items:center;gap:clamp(12px,2vw,24px);display:flex}.search-box{background:#f8f8f880;border:.5px solid #0000001a;border-radius:7px;flex-shrink:0;align-items:center;gap:10px;width:286px;height:44px;padding:7px 15px;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #22cd2e1a}.search-box .search-icon{color:#0006;width:18px;height:18px}.search-box.focused{border-color:var(--primary-color);background-color:#fff;box-shadow:0 4px 12px #0000000d,0 0 0 3px #22cd2e1a}.clear-search{color:#0000004d;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.clear-search:hover{color:red;background:#0000000d}.search-input{font-family:var(--font-poppins);color:#1a1d1f;background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-input::placeholder{color:#0006}.search-shortcut{font-family:var(--font-poppins);color:#12121280;background:#fff;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;display:flex;box-shadow:0 1px 2px #0000000d}.search-results-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffffffa;border:1px solid #00000014;border-radius:12px;width:420px;position:absolute;top:calc(100% + 12px);left:0;overflow:hidden;box-shadow:0 10px 40px #0000001a}.results-header{background:#00000005;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.results-header span{font-family:var(--font-dm-sans);color:#0006;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.results-tip{color:#0003!important;font-weight:400!important}.results-content{max-height:480px;padding:8px 0;overflow-y:auto}.results-group{padding:8px 0}.group-title{font-family:var(--font-dm-sans);color:#1a1d1f;margin-bottom:4px;padding:4px 16px;font-size:13px;font-weight:700}.result-item{cursor:pointer;align-items:center;gap:12px;padding:10px 16px;transition:all .2s;display:flex}.result-item:hover{background:#f8f9fa}.result-icon{color:#1a1d1f;background:#0000000a;border-radius:8px;width:32px;height:32px;padding:8px}.result-icon.live{color:#22cd2e;background:#22cd2e1a}.result-text{flex-direction:column;gap:2px;display:flex}.res-primary{font-family:var(--font-inter);color:#1a1d1f;font-size:14px;font-weight:500}.res-secondary{font-family:var(--font-dm-sans);color:#0006;font-size:12px}.search-results-dropdown.empty{padding:40px 20px}.no-results{text-align:center;color:#0006;flex-direction:column;align-items:center;gap:12px;display:flex}.no-results p{font-family:var(--font-mulish);color:#1a1d1f;font-size:16px;font-weight:600}.no-results span{font-size:13px}.mobile-menu-btn{cursor:pointer;color:#1a1d1f;background:0 0;border:none;border-radius:8px;margin-right:12px;padding:8px;transition:background .2s;display:none}.mobile-menu-btn:hover{background:#0000000d}@media (width<=1024px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}}@media (width<=768px){.topbar{height:70px;padding:10px 16px}.topbar-header p{display:none}.search-box{background:0 0;border:none;justify-content:center;width:44px;padding:0}.search-input,.search-shortcut{display:none}.search-box .search-icon{color:#1a1d1f;width:22px;height:22px}}@media (width<=480px){.topbar-header h1{font-size:18px}}.login-page-container{background-color:#0b0f19;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow:hidden}.orb{filter:blur(120px);opacity:.45;z-index:1;pointer-events:none;border-radius:50%;animation:12s ease-in-out infinite alternate floatOrb;position:absolute}.orb-primary{background:radial-gradient(circle,#6366f1 0%,#4f46e5 100%);width:380px;height:380px;top:-80px;left:-80px}.orb-secondary{background:radial-gradient(circle,#8b5cf6 0%,#7c3aed 100%);width:450px;height:450px;animation-delay:2s;bottom:-120px;right:-100px}@keyframes floatOrb{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.15)}}.login-card-wrapper{-webkit-backdrop-filter:blur(20px);z-index:2;box-sizing:border-box;background:#111827b3;border:1px solid #ffffff14;border-radius:20px;width:440px;padding:44px 40px;box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:32px}.logo-box{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;display:flex;box-shadow:0 8px 24px #6366f133}.login-logo-img{object-fit:contain;height:38px}.login-header h2{color:#fff;letter-spacing:-.5px;margin:0 0 6px;font-family:Mulish,sans-serif;font-size:26px;font-weight:800}.login-header p{color:#9ca3af;margin:0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.login-error-banner{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 16px;font-size:13px;line-height:1.4;display:flex}.error-icon{color:#ef4444;flex-shrink:0;margin-top:1px}.login-input-group{flex-direction:column;gap:8px;display:flex}.login-input-group label{color:#d1d5db;font-size:13px;font-weight:500}.input-field-wrapper{align-items:center;display:flex;position:relative}.field-icon{color:#6b7280;pointer-events:none;transition:color .2s;position:absolute;left:14px}.input-field-wrapper input{color:#fff;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:13px 16px 13px 44px;font-size:14px;transition:all .2s}.input-field-wrapper input:focus{background:#ffffff14;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.input-field-wrapper input:focus~.field-icon{color:#6366f1}.password-toggle-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:14px}.password-toggle-btn:hover{color:#fff}.login-options-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.remember-me-label{cursor:pointer;align-items:center;gap:8px;display:flex}.remember-me-label input[type=checkbox]{accent-color:#6366f1;cursor:pointer;border-radius:4px;width:16px;height:16px}.remember-me-label span{color:#9ca3af;font-size:13px}.forgot-pwd-text{color:#6366f1;cursor:pointer;font-size:12px;transition:color .2s}.forgot-pwd-text:hover{color:#8b5cf6;text-decoration:underline}.btn-login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 14px #4f46e559}.btn-login-submit:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e573}.btn-login-submit:active:not(:disabled){transform:translateY(0)}.btn-login-submit:disabled{opacity:.7;cursor:not-allowed}.spinner-wrapper{align-items:center;gap:10px;display:flex}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;border-top:1px solid #ffffff0f;margin-top:32px;padding-top:24px}.login-footer p{color:#6b7280;margin:0 0 4px;font-size:11px}.login-footer .security-tag{color:#4b5563;font-size:10px;font-weight:500}@media (width<=480px){.login-card-wrapper{width:90vw;padding:32px 24px}.orb{filter:blur(80px)}}.dashboard-home{flex-direction:column;gap:clamp(16px,2.5vw,32px);padding-bottom:40px;animation:.4s ease-out fadeIn;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(12px,1.5vw,24px);display:grid}.monitoring-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:clamp(12px,2vw,24px)}.dashboard-row{grid-template-columns:2fr 1fr;align-items:start;gap:clamp(16px,2vw,24px);display:grid}.row-left,.row-right{flex-direction:column;gap:clamp(16px,2vw,24px);display:flex}@media (width<=1200px){.dashboard-row{grid-template-columns:1fr}}@media (width<=1024px){.dashboard-home{gap:20px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (width<=768px){.kpi-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:var(--surface-color);border:1px solid var(--border-color);cursor:default;border-radius:12px;justify-content:space-between;align-items:flex-start;min-width:0;padding:clamp(12px,2vw,24px);transition:transform .2s,box-shadow .2s;display:flex}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.kpi-content{flex-direction:column;gap:clamp(6px,1vw,12px);min-width:0;display:flex}.kpi-title{font-family:var(--font-dm-sans);color:var(--text-muted);text-transform:uppercase;white-space:nowrap;font-size:clamp(11px,1vw,13px);font-weight:500}.kpi-value{font-family:var(--font-inter);color:var(--text-main);font-size:clamp(20px,2vw,28px);font-weight:600}.kpi-trend{font-family:var(--font-dm-sans);color:var(--text-muted);align-items:center;gap:4px;font-size:13px;display:flex}.trend-positive{color:var(--success-color);font-weight:500}.trend-negative{color:var(--danger-color);font-weight:500}.kpi-icon-wrapper{color:#1a1d1f;background:#0000001a;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.realtime-monitoring{flex-direction:column;gap:clamp(12px,1.5vw,20px);display:flex}.realtime-header{align-items:center;gap:8px;display:flex}.live-dot{background-color:red;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ff0000b3}70%{transform:scale(1);box-shadow:0 0 0 6px #f000}to{transform:scale(.95);box-shadow:0 0 #f000}}.realtime-title{font-family:var(--font-inter);color:#1a1d1f;font-size:clamp(14px,1.2vw,16px);font-weight:700}.monitoring-grid{flex-wrap:wrap;justify-content:space-between;gap:clamp(12px,1.5vw,20px);display:flex}.monitoring-card{background-color:#f8f9fa;border-radius:12px;flex-direction:column;flex:1;gap:clamp(8px,1vw,16px);min-width:140px;padding:clamp(12px,1.5vw,20px);transition:background-color .2s;display:flex}.monitoring-card:hover{background-color:#f1f3f5}.mc-header{align-items:center;gap:8px;display:flex}.mc-title{font-family:var(--font-dm-sans);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.mc-icon{width:16px;height:16px}.mc-value{font-family:var(--font-inter);color:#1a1d1f;font-size:20px;font-weight:600}.icon-red{color:#ff3b30}.icon-purple{color:#5e5ce6}.icon-yellow{color:#ffd60a}.icon-green{color:#34c759}.revenue-trend{background:#fff;border:1px solid #0000000f;border-radius:16.7825px;flex-direction:column;gap:24px;padding:24px;display:flex}.rt-header{justify-content:space-between;align-items:center;display:flex}.rt-header h2{color:#000;margin:0;font-family:Mulish,sans-serif;font-size:20px;font-weight:650}.rt-chart-container{width:100%;height:250px}.custom-tooltip{background:#fff;border:1px solid #0000000d;border-radius:8px;padding:12px;box-shadow:0 4px 20px #0000001a}.tooltip-value{margin:0;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700}.rt-legend{justify-content:center;align-items:center;gap:32px;margin-top:10px;display:flex}.dot.red{background:#ea4335}.dot.green{background:#43cf01}.analytics-variant{border:1px solid #0000001a}.date-filter-container{z-index:10;display:inline-block;position:relative}.date-filter-button{font-family:var(--font-dm-sans);color:#1a1d1f;cursor:pointer;background:#fbfbfbcc;border:1px solid #0000001a;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:140px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.date-filter-button:hover{background:#fff;border-color:#0003;box-shadow:0 2px 8px #0000000d}.date-filter-button svg{color:#0006;transition:transform .2s}.date-filter-button svg.rotate{transform:rotate(180deg)}.date-filter-dropdown{background:#fff;border:1px solid #0000001a;border-radius:12px;width:180px;padding:8px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.date-filter-dropdown ul{margin:0;padding:0;list-style:none}.date-filter-dropdown li{font-family:var(--font-inter);color:#6f767e;cursor:pointer;border-radius:6px;margin:2px 0;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s}.date-filter-dropdown li:hover{color:#1a1d1f;background-color:#f4f4f4}.date-filter-dropdown li.active{color:#fff;background-color:#1a1d1f}.calendar-picker{flex-direction:column;gap:12px;padding:8px;display:flex}.picker-inputs{flex-direction:column;gap:8px;display:flex}.input-group{flex-direction:column;gap:4px;display:flex}.input-group label{font-family:var(--font-dm-sans);color:var(--text-muted);text-transform:uppercase;margin-left:4px;font-size:11px;font-weight:600}.input-group input{font-family:var(--font-inter);color:#1a1d1f;background:#f8f9fa;border:1px solid #0000001a;border-radius:6px;outline:none;padding:8px;font-size:13px}.picker-actions{gap:8px;margin-top:4px;display:flex}.picker-actions button{font-family:var(--font-inter);cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px;font-size:12px;font-weight:600;transition:all .2s}.btn-secondary{color:#6f767e;background:#f4f4f4}.btn-primary{color:#fff;background:#06f}.btn-primary:hover{opacity:.9}.live-feed{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:20px;height:fit-content;padding:24px;display:flex}.lf-header{border-bottom:3px solid #0000000d;align-items:center;gap:8px;margin-bottom:4px;padding-bottom:16px;display:flex}.lf-dot{background-color:var(--success-color);border-radius:50%;width:8px;height:8px}.lf-header h2{font-family:var(--font-mulish);color:#121212;font-size:16px;font-weight:700}.lf-list{flex-direction:column;flex:1;gap:24px;display:flex}.lf-item{align-items:flex-start;gap:12px;display:flex}.lf-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.lf-content{flex-direction:column;flex:1;display:flex}.lf-title{font-family:var(--font-inter);color:#121212;font-size:14px;font-weight:600}.lf-subtitle{font-family:var(--font-dm-sans);color:var(--text-muted);font-size:11px}.lf-time{font-family:var(--font-dm-sans);color:var(--text-muted);white-space:nowrap;font-size:11px}.live-streams{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:20px;height:fit-content;padding:24px;display:flex}.ls-header{justify-content:space-between;align-items:center;display:flex}.ls-header h2{font-family:var(--font-mulish);color:#121212;font-size:18px;font-weight:700}.ls-chart-container{width:100%;height:250px}.system-health{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:24px;height:fit-content;padding:24px;display:flex}.sh-header{border-bottom:3px solid #0000000d;margin-bottom:4px;padding-bottom:16px}.sh-header h2{font-family:var(--font-mulish);color:#000;margin-bottom:0;font-size:16px;font-weight:700}.sh-list{flex-direction:column;gap:20px;display:flex}.sh-item{flex-direction:column;gap:8px;display:flex}.sh-item-header{justify-content:space-between;align-items:center;display:flex}.sh-name-box{align-items:center;gap:6px;display:flex}.sh-icon{color:#0009;width:14px;height:14px}.sh-name{font-family:var(--font-dm-sans);color:#000;font-size:12px;font-weight:500}.sh-status-box{align-items:center;gap:6px;display:flex}.sh-uptime{font-family:var(--font-dm-sans);color:#0009;font-size:11px;font-weight:500}.sh-dot{border-radius:50%;width:6px;height:6px}.sh-dot.healthy{background-color:var(--success-color)}.sh-dot.unhealthy{background-color:var(--danger-color)}.sh-progress-wrapper{flex-direction:column;gap:6px;display:flex}.sh-progress-bar{background-color:#f0f0f0;border-radius:10px;width:100%;height:6px;overflow:hidden}.sh-progress-fill{border-radius:10px;height:100%}.sh-progress-fill.blue{background-color:#62b2fd}.sh-progress-fill.red{background-color:#ff4d4f}.sh-load-text{font-family:var(--font-dm-sans);color:#00000080;font-size:10px}.seller-kpi-segment{background:#f7f8f9;border-radius:8px;flex-direction:column;flex:1;gap:12px;min-width:0;padding:15px 20px;display:flex}.seller-kpi-header{align-items:center;gap:10px;display:flex}.seller-kpi-icon-wrapper{justify-content:center;align-items:center;display:flex}.seller-kpi-label{color:#00000080;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;line-height:14px}.seller-kpi-value{color:#101828;font-family:DM Sans,sans-serif;font-size:24px;font-weight:700;line-height:31px}.seller-table-wrapper{flex-direction:column;display:flex}.seller-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.seller-table thead tr{background-color:#f7f8f9}.seller-table th{color:#0006;text-transform:uppercase;letter-spacing:.05em;background:#f7f8f9;padding:16px 24px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.seller-table th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.seller-table th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.seller-table td{vertical-align:middle;border-bottom:1px solid #0000000d;padding:16px 24px}.seller-info-cell{align-items:center;gap:12px;display:flex}.seller-avatar-small{color:#0369a1;background:#e0f2fe;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex;box-shadow:0 0 0 1px #0000000d}.seller-text{flex-direction:column;display:flex}.live-badge{text-transform:uppercase;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.live-badge.live{color:#fff;background:red}.live-badge.live .dot{background:#fff;border-radius:50%;width:6px;height:6px}.live-badge.offline{color:#667085;background:#ebebeb}.seller-action-menu{z-index:1000;background:#fff;border:1px solid #0000001a;border-radius:10px;flex-direction:column;width:180px;margin-top:4px;padding:6px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000014}.menu-item.dangerous,.menu-item.dangerous svg{color:red}.menu-item.approve,.menu-item.approve svg{color:#039855}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.modal-backdrop{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:24px;animation:.2s ease-out modalFadeIn;box-shadow:0 10px 25px #0000001a}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.date-time-cell{flex-direction:column;gap:2px;display:flex}.date-text{color:#1a1a1a;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.time-text{color:#0006;font-family:Inter,sans-serif;font-size:11px}@media (width<=640px){.drawer-content{width:100%!important}}.seller-profile-summary{align-items:center;gap:16px;display:flex}.seller-avatar-large{color:#0369a1;background:#e0f2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:700;display:flex}.seller-profile-info{flex-direction:column;gap:4px;display:flex}.seller-name{color:#000;margin:0;font-family:DM Sans,sans-serif;font-size:20px;font-weight:700}.seller-subtitle{color:#00000080;margin:0;font-family:Inter,sans-serif;font-size:13px}.seller-badges{gap:8px;margin-top:4px;display:flex}.badge.pending{color:orange;background:#ffa50026}.badge.active.small,.badge.pending.small{border-radius:16px;padding:2px 8px;font-size:9px;font-weight:500}.badge.kyc{color:#0086c9;background:#f0f9ff}.badge.live{color:#fff;background:red;gap:6px}.live-dot{background:#fff;border-radius:50%;width:6px;height:6px}.currently-streaming-card{background:#fff9f9;border:1px solid #fda29b;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.streaming-status{justify-content:space-between;align-items:center;display:flex}.live-indicator{color:#d92d20;font-size:11px;font-weight:700}.stream-time{color:#0006;font-size:12px}.stream-title{color:#1a1a1a;margin:0;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700}.stream-metrics{gap:16px;display:flex}.metric{color:#00000080;align-items:center;gap:6px;font-size:12px;display:flex}.join-stream-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:44px;margin-top:4px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.join-stream-btn:hover{opacity:.9}.drawer-tabs{background:#f7f8fa;border-radius:6px;gap:4px;margin:0;padding:4px;display:flex}.tab-btn{color:#00000080;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;height:32px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.tab-btn.active{color:#121212e6;background:#fff;font-weight:600;box-shadow:0 1px 4px #0000001a}.kpi-icon.revenue{color:#039855;background:#ecfdf3}.kpi-icon.followers{color:#175cd3;background:#eff8ff}.kpi-icon.products{color:#7f56d9;background:#f9f5ff}.kpi-icon.rating{color:#f79009;background:#fff9f5}.kpi-data{flex-direction:column;display:flex}.seller-details-list{margin-top:8px}.tab-content{flex-direction:column;gap:24px;display:flex}.kyc-section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.kyc-docs-list{flex-direction:column;gap:15px;display:flex}.kyc-card{background:#fff;border:.5px solid #0000001a;border-radius:7px;flex-direction:column;gap:16px;padding:10px;display:flex}.kyc-card.pending{background:#f8f5ef;border:.5px solid #0000001a}.kyc-card-main{align-items:flex-start;gap:16px;display:flex}.kyc-icon-box{color:#4caf50;background:#f0f9ef;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kyc-icon-box.pending{color:orange;background:#ffa50033}.kyc-decision-btns{gap:12px;margin-top:4px;display:flex}.btn-decision{cursor:pointer;background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;height:32px;font-family:Mulish,sans-serif;font-size:12px;font-weight:500;transition:all .2s;display:flex}.btn-decision.approve{color:#43cf01;border:.5px solid #43cf01cc}.btn-decision.approve:hover{background:#43cf010d}.btn-decision.reject{color:#c00;border:.5px solid #c00c}.btn-decision.reject:hover{background:#cc00000d}.kyc-info{flex-direction:column;flex:1;gap:5px;display:flex}.kyc-doc-title{color:#121212e6;margin:0;font-family:Mulish,sans-serif;font-size:15px;font-weight:600}.kyc-doc-subtitle{color:#00000080;margin:4px 0 0;font-family:DM Sans,sans-serif;font-size:10px}.kyc-footer{align-items:center;gap:8px;margin-top:8px;display:flex}.kyc-date{color:#00000080;font-family:DM Sans,sans-serif;font-size:10px}.kyc-actions{gap:8px;display:flex}.icon-btn-plain{color:#0009;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-btn-plain:hover{color:#000000e6}.drawer-action-menu .menu-item svg{color:#000}.drawer-action-menu .menu-divider{display:none}.drawer-action-menu .menu-item.dangerous{color:#f00505;border-top:.5px solid #0003;margin-top:0;padding-top:15px}.sh-list{flex-direction:column;gap:12px;margin-top:20px;display:flex}.sh-card{background:#fff;border:1px solid #0000000d;border-radius:15px;justify-content:space-between;align-items:flex-start;padding:20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.sh-card:hover{border-color:#0000001f;transform:translateY(-1px);box-shadow:0 4px 20px #0000000a}.sh-card-info{flex:1}.sh-card-title{color:#1a1d1f;margin:0;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700}.sh-card-subtitle{color:#0006;margin:4px 0 12px;font-family:DM Sans,sans-serif;font-size:12px}.sh-card-metrics{gap:20px;display:flex}.sh-metric{color:#0006;align-items:center;gap:6px;font-family:DM Sans,sans-serif;font-size:11px;display:flex}.sh-link-btn{color:#1a1d1f;cursor:pointer;background:#fff;border:.8px solid #0000001a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sh-link-btn:hover{background:#f4f4f4;border-color:#0003;transform:scale(1.05)}.stats-progress-section{flex-direction:column;gap:20px;margin-top:20px;display:flex}.progress-row{flex-direction:column;gap:10px;display:flex}.progress-labels{justify-content:space-between;align-items:center;display:flex}.p-label{color:#1a1d1f;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.p-value{color:#0006;font-family:DM Sans,sans-serif;font-size:12px}.progress-bar{background:#ebebeb;border-radius:100px;height:8px;overflow:hidden}.progress-bar-fill{background:#00bcd4;border-radius:100px;height:100%}.stats-divider{background:#00000014;height:1px;margin:24px 0}.stats-kpi-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px 8px;transition:all .2s;display:flex}.stat-card:hover{border-color:#0000001a;box-shadow:0 4px 12px #00000008}.stat-card-icon{justify-content:center;align-items:center;margin-bottom:4px;display:flex}.stat-card-value{color:#1a1d1f;font-family:DM Sans,sans-serif;font-size:20px;font-weight:600;line-height:1.2}.stat-card-label{color:#00000080;text-transform:uppercase;letter-spacing:.02em;font-family:DM Sans,sans-serif;font-size:9px;font-weight:500}.filter-dropdown-container{display:inline-block;position:relative}.filter-dropdown-trigger{box-sizing:border-box;cursor:pointer;color:#000;background:0 0;border:.5px solid #0006;border-radius:8px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:auto;min-width:165px;max-width:220px;height:38px;padding:10px 15px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:18px;transition:all .2s;display:flex}.filter-dropdown-trigger:hover{background:#00000005}.filter-dropdown-trigger span{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;overflow:hidden}.filter-dropdown-trigger svg{flex-shrink:0}.filter-dropdown-trigger .chevron{color:inherit;flex-shrink:0;transition:transform .2s}.filter-dropdown-trigger .chevron.rotated{transform:rotate(180deg)}.filter-dropdown-trigger.active .chevron{color:inherit}.filter-dropdown-menu{z-index:100;background:#fff;border:1px solid #00000014;border-radius:10px;width:100%;min-width:180px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.filter-dropdown-item{cursor:pointer;font-family:var(--font-dm-sans);color:#1a1d1f;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.filter-dropdown-item:hover{color:var(--primary-color);background:#f8f9fa}.filter-dropdown-item.selected{color:var(--primary-color);background:#22cd2e14;font-weight:600}.check-icon{margin-left:8px}.animate-fade-in{animation:.2s ease-out dropdownFadeIn}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-dropdown-container{display:inline-block;position:relative}.export-btn{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:120px;height:48px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:550;transition:all .2s;display:flex}.export-btn:hover{background-color:#333;box-shadow:0 4px 12px #0000001a}.export-btn .chevron{color:#ffffff80;transition:transform .2s}.export-btn .chevron.rotated{transform:rotate(180deg)}.export-dropdown-menu{z-index:100;background:#fff;border:1px solid #00000014;border-radius:10px;width:200px;padding:8px;animation:.2s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.export-menu-item{text-align:left;cursor:pointer;color:#1a1d1f;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:flex}.export-menu-item:hover{color:#000;background:#f8f9fa}.export-menu-item svg{color:#0006}.export-menu-item:hover svg{color:#000}@media (width<=480px){.export-btn{width:100%}.export-dropdown-menu{width:100%;left:0;right:0}}.sellers-page{flex-direction:column;gap:32px;padding-bottom:40px;animation:.4s ease-out fadeIn;display:flex}.page-header{flex-direction:column;gap:4px;display:flex}.page-title{color:#000;margin:0;font-family:DM Sans,sans-serif;font-size:24px;font-weight:700}.page-description{color:#00000080;margin:0;font-family:Inter,sans-serif;font-size:14px}.sellers-summary-container{box-sizing:border-box;background:#fff;border:1px solid #0000001a;border-radius:12px;flex-direction:column;align-self:stretch;align-items:flex-start;gap:18px;padding:15px 10px;display:flex}.sellers-summary-grid{flex-flow:wrap;align-self:stretch;align-items:center;gap:15px;padding:0;display:flex}.sellers-table-container{border:1px solid var(--border-color);background:#fff;border-radius:12px;width:100%;padding:24px;overflow-x:auto}.sellers-table-container table{width:100%;min-width:850px}@media (width<=1024px){.filter-actions-full{flex-direction:column;align-items:stretch;width:100%}.table-search{width:100%!important}.filter-actions-group{justify-content:space-between}}@media (width<=768px){.sellers-summary-container{padding:12px}.sellers-summary-grid{grid-template-columns:1fr 1fr;display:grid}}@media (width<=480px){.sellers-summary-grid{grid-template-columns:1fr}.filter-actions-group{flex-wrap:wrap;gap:8px}.filter-dropdown,.export-btn{flex:1;min-width:120px;width:auto!important}}.buyer-kpi-segment{background:#f7f8f9;border-radius:8px;flex-direction:column;flex:1;gap:12px;min-width:0;padding:15px 20px;display:flex}.buyer-kpi-header{align-items:center;gap:10px;display:flex}.buyer-kpi-icon-wrapper{justify-content:center;align-items:center;display:flex}.buyer-kpi-label{color:#00000080;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;line-height:14px}.buyer-kpi-value{color:#101828;font-family:DM Sans,sans-serif;font-size:24px;font-weight:700;line-height:31px}.buyer-table-wrapper{flex-direction:column;display:flex}.buyer-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.buyer-table thead tr{background-color:#f7f8f9}.buyer-table th{color:#0006;text-transform:uppercase;letter-spacing:.05em;background:#f7f8f9;padding:16px 24px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.buyer-table th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.buyer-table th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.buyer-table td{vertical-align:middle;border-bottom:1px solid #0000000d;padding:16px 24px}.buyer-info-cell{align-items:center;gap:12px;display:flex}.buyer-avatar-small{color:#0369a1;background:#e0f2fe;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex;box-shadow:0 0 0 1px #0000000d}.buyer-text{flex-direction:column;display:flex}.b-name{color:#000;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700}.b-email{color:#0006;font-family:Inter,sans-serif;font-size:12px}.metric-text{color:#000;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500}.actions-wrapper{justify-content:flex-end;display:flex;position:relative}.buyer-action-menu{z-index:1000;background:#fff;border:1px solid #0000001a;border-radius:10px;flex-direction:column;width:180px;margin-top:4px;padding:6px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000014}.menu-item{color:#1a1a1a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:Inter,sans-serif;font-size:13px;transition:background .2s;display:flex}.menu-item.dangerous,.menu-item.dangerous svg{color:red}.table-pagination{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.pagination-info{color:#0006;font-size:12px}.page-num,.page-arrow{cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.page-num.active{color:#fff;background:#000;border-color:#000}.page-num:hover:not(.active),.page-arrow:hover{background:#f9fafb}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;opacity:0;pointer-events:none;background:#0003;justify-content:flex-end;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.drawer-content.open{transform:translate(0)}@media (width<=640px){.drawer-content{width:100%!important}}.drawer-title{color:#000000e6;margin:0;font-family:Mulish,sans-serif;font-size:18px;font-weight:600;line-height:24px}.drawer-header-actions{gap:8px;display:flex;position:relative}.icon-btn{cursor:pointer;color:#667085;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.drawer-body{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.buyer-profile-summary{align-items:center;gap:16px;display:flex}.buyer-avatar-large{color:#0369a1;background:#e0f2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:700;display:flex}.buyer-profile-info{flex-direction:column;gap:4px;display:flex}.buyer-name{color:#000;margin:0;font-family:DM Sans,sans-serif;font-size:20px;font-weight:700}.buyer-subtitle{color:#00000080;margin:0;font-family:Inter,sans-serif;font-size:13px}.buyer-badges{gap:8px;margin-top:4px;display:flex}.badge{border-radius:12px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.drawer-tabs{box-sizing:border-box;background:#f7f9fb;border-radius:5px;gap:9px;height:33px;margin:0;padding:4px;display:flex}.drawer-tabs .tab-btn{color:#00000080;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;height:25px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.drawer-tabs .tab-btn.active{color:#121212e6;background:#fff;font-weight:500;box-shadow:0 1px 4px #0003}.overview-kpi-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=480px){.overview-kpi-grid{grid-template-columns:1fr}}.mini-kpi{background:#fff;border:1px solid #0000000d;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.kpi-header{align-items:center;gap:8px;display:flex}.kpi-icon.spent{color:#16a34a;background:#f0fdf4}.kpi-icon.following{color:#0ea5e9;background:#f0f9ff}.kpi-icon.orders{color:#2563eb;background:#eff6ff}.kpi-icon.age{color:#f97316;background:#fff7ed}.kpi-label{color:#00000080;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500}.kpi-value{color:#1a1a1a;font-family:DM Sans,sans-serif;font-size:20px;font-weight:700;line-height:1}.buyer-details-list{flex-direction:column;margin-top:8px;display:flex}.section-title{color:#00000080;letter-spacing:.02em;text-transform:uppercase;margin:32px 0 16px;font-family:Mulish,sans-serif;font-size:14px;font-weight:600}.detail-row{border-bottom:.5px solid #0000000d;justify-content:space-between;padding:10px 0;display:flex}.detail-label-group{align-items:center;gap:10px;display:flex}.detail-label{color:#00000080;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:19px}.detail-value{color:#000;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.activity-list{flex-direction:column;gap:20px;display:flex}.activity-card{background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;padding:0;transition:opacity .2s;display:flex}.activity-card:hover{box-shadow:none;opacity:.8;border-color:#0000;transform:none}.activity-icon-wrapper{border-radius:5.06px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:10px;display:flex}.activity-icon-wrapper.purchase{color:#43cf01;background:#43cf011a}.activity-icon-wrapper.bid{color:#0095ffe6;background:#0095ff1a}.activity-icon-wrapper.rating{color:#f79009;background:#f790091a}.activity-icon-wrapper.profile{color:#121212;background:#1212120d}.activity-icon-wrapper.password{color:#a200ff;background:#a200ff1a}.activity-info{flex-direction:column;flex:1;display:flex}.activity-main{justify-content:space-between;align-items:center;display:flex}.activity-title{color:#121212;margin:0;font-family:Mulish,sans-serif;font-size:13px;font-weight:600}.activity-amount{color:#121212;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.activity-meta{color:#00000080;margin-top:5px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:400}.drawer-action-menu{z-index:1000;background:#fff;border-radius:10px;flex-direction:column;gap:15px;width:260px;padding:15px;display:flex;position:absolute;top:48px;right:20px;box-shadow:1px 1px 4px 1px #0000001a}.drawer-action-menu .menu-item{color:#000;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;width:100%;padding:0;font-family:Mulish,sans-serif;font-size:14px;font-weight:500;transition:opacity .2s;display:flex}.drawer-action-menu .menu-item:hover{opacity:.7}.drawer-action-menu .menu-item.dangerous{color:#f00505;border-top:.5px solid #0003;padding-top:15px}.drawer-action-menu .menu-item.dangerous svg{color:#f00505}.buyers-page{flex-direction:column;gap:32px;padding-bottom:40px;animation:.4s ease-out fadeIn;display:flex}.buyers-summary-container{box-sizing:border-box;background:#fff;border:1px solid #0000001a;border-radius:12px;flex-direction:column;align-self:stretch;align-items:flex-start;gap:18px;padding:15px 10px;display:flex}.buyers-summary-grid{flex-flow:wrap;align-self:stretch;align-items:center;gap:15px;padding:0;display:flex}@media (width<=768px){.buyers-summary-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}}@media (width<=480px){.buyers-summary-grid{grid-template-columns:1fr}}@media (width<=1024px){.filter-actions-full{flex-direction:column;align-items:stretch;width:100%}.table-search{width:100%!important}.filter-actions-group{justify-content:space-between}}@media (width<=480px){.filter-actions-group{flex-wrap:wrap;gap:8px}.filter-dropdown,.export-btn{flex:1;min-width:120px;width:auto!important}}.buyers-table-container{border:1px solid var(--border-color);background:#fff;border-radius:12px;width:100%;padding:24px;overflow-x:auto}.buyers-table-container table{width:100%;min-width:850px}.livestreams-page{flex-direction:column;gap:32px;padding-bottom:40px;animation:.4s ease-out fadeIn;display:flex}.livestreams-summary-container{box-sizing:border-box;background:#fff;border:1px solid #0000001a;border-radius:12px;flex-direction:column;align-self:stretch;align-items:flex-start;gap:18px;padding:15px 10px;display:flex}.livestreams-summary-grid{flex-flow:wrap;align-self:stretch;align-items:center;gap:15px;padding:0;display:flex}@media (width<=768px){.livestreams-summary-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}}@media (width<=480px){.livestreams-summary-grid{grid-template-columns:1fr}}.livestreams-table-container{background:#fff;border:1px solid #0000000d;border-radius:12px;width:100%;padding:24px;overflow-x:auto}.livestreams-table-container table{width:100%;min-width:1100px}@media (width<=1024px){.filter-actions-full{flex-direction:column;align-items:stretch;gap:16px;width:100%}.table-search{width:100%!important}.filter-actions-group{flex-wrap:wrap;justify-content:space-between;gap:8px}}@media (width<=480px){.filter-actions-group>*{flex:1;min-width:120px}}.filter-actions{flex-direction:row;align-items:center;gap:26px;padding:0;display:flex}.filter-dropdown:first-child{width:140px}.filter-dropdown:nth-child(2){width:147px}.seller-cell{align-items:center;gap:12px;display:flex}.seller-avatar-mini{color:#0369a1;background:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;display:flex}.seller-info{flex-direction:column;display:flex}.s-name{color:#1a1a1a;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700}.s-email{color:#0006;font-family:Inter,sans-serif;font-size:12px}.stream-title-cell{color:#1a1a1a;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500}.category-badge{color:#344054;background:#f2f4f7;border-radius:12px;padding:2px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;display:inline-flex}.metric-cell{color:#1a1a1a;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500}.status-pill.good{color:#027a48;background:#ecfdf3}.status-pill.warning{color:#b54708;background:#fffaeb}.status-pill.poor{color:#b42318;background:#fef3f2}.action-menu.portal-menu{z-index:9999;background:#fff;border:1px solid #0000000d;border-radius:10px;flex-direction:column;width:240px;padding:8px;animation:.2s ease-out fadeIn;display:flex;position:fixed;box-shadow:0 10px 25px #00000026}.menu-item{cursor:pointer;color:#1a1a1a;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:background .2s;display:flex}.menu-item:hover{background:#f8f9fa}.menu-item svg{color:#1a1a1a}.menu-item.danger,.menu-item.danger svg{color:red}.status-pill.ended,.status-pill-active-drawer.ended{color:#868e96;background-color:#f1f3f5}.drawer-content{background:#fff;flex-direction:column;max-width:100vw;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(100%);box-shadow:-4px 0 20px #0000001a;width:600px!important}@media (width<=640px){.drawer-content{width:100%!important}}.drawer-header{border-bottom:.5px solid #0003;justify-content:space-between;align-items:center;height:44px;padding:0 20px;display:flex}.drawer-body{box-sizing:border-box;flex-direction:column;flex:1;gap:20px;width:100%;padding:20px;display:flex;overflow-y:auto}.stream-banner{border-bottom:.5px solid #00000026;flex-direction:column;gap:10px;width:100%;padding-bottom:20px;display:flex}.stream-banner-main{justify-content:space-between;align-items:center;display:flex}.stream-title-group{align-items:center;gap:12px;display:flex}.stream-name-banner{color:#1a1a1a;margin:0;font-family:Mulish,sans-serif;font-size:20px;font-weight:700}.status-pill-active-drawer{color:#43cf01;background:#e8f5e9;border-radius:100px;padding:4px 12px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600}.btn-join-live{box-sizing:border-box;color:#fff;white-space:nowrap;cursor:pointer;background:red;border:none;border-radius:6px;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:155px;height:30px;padding:6px 15px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;display:flex}.stream-seller-info{align-items:center;gap:8px;display:flex}.seller-avatar-mini{color:#0096ff;text-transform:lowercase;background:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;display:flex}.seller-meta{color:#00000080;font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;line-height:134%}.quick-metrics-row{border-bottom:1px solid #0000000d;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;padding:24px 0;display:grid}@media (width<=480px){.quick-metrics-row{grid-template-columns:1fr}}.qk-metric{background:#fff;border:1px solid #0000000d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px 10px;display:flex;box-shadow:0 4px 12px #00000005}.qk-icon-box{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.qk-icon-box.blue{color:#175cd3;background:#eff8ff}.qk-icon-box.green{color:#12b76a;background:#ecfdf3}.qk-icon-box.purple{color:#7f56d9;background:#f9f5ff}.qk-data{flex-direction:column;align-items:center;gap:4px;display:flex}.qk-value{color:#1a1a1a;font-family:DM Sans,sans-serif;font-size:24px;font-weight:700;line-height:1}.qk-label{color:#0006;text-transform:uppercase;letter-spacing:.05em;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500}.stream-health-section{border-bottom:.5px solid #0003;width:100%;padding-bottom:20px}.drawer-section-title{color:#00000080;text-transform:uppercase;margin-bottom:20px;font-family:Mulish,sans-serif;font-size:14px;font-weight:600}.health-main-stat{margin-bottom:20px}.health-label-row{justify-content:space-between;align-items:center;display:flex}.health-indicator{color:#00000080;align-items:center;gap:5px;font-family:DM Sans,sans-serif;font-size:14px;display:flex}.health-percent{color:#1a1a1a;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700}.health-progress-bg{background:#f2f4f7;border-radius:6px;height:10px;margin-top:10px;overflow:hidden}.health-progress-bar{background:#00bcd4;border-radius:6px;height:100%}.health-stats-list{flex-direction:column;gap:16px;display:flex}.h-stat-row{justify-content:space-between;align-items:center;display:flex}.h-stat-label{color:#00000080;align-items:center;gap:10px;font-family:DM Sans,sans-serif;font-size:14px;display:flex}.h-stat-value{color:#121212e6;font-family:Mulish,sans-serif;font-size:14px;font-weight:500}.h-stat-value.success{color:#43cf01}.stream-info-section{border-top:none;width:100%;margin-top:0;padding-top:20px}.info-grid{flex-direction:column;gap:10px;display:flex}.info-row{justify-content:space-between;align-items:center;display:flex}.info-label{color:#00000080;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400}.info-value{color:#121212e6;font-family:Mulish,sans-serif;font-size:14px;font-weight:500}.h-icon-green{color:#43cf01}.h-icon-cyan{color:#00bcd4}.livestreams-summary-grid{flex-direction:row;align-self:stretch;align-items:center;gap:15px;display:flex}.streams-table-wrapper{overflow-x:auto}.streams-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.streams-table thead tr{background-color:#f7f8f9}.streams-table th{color:#0006;text-transform:uppercase;letter-spacing:.05em;background:#f7f8f9;padding:16px 24px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.streams-table th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.streams-table th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.streams-table td{vertical-align:middle;border-bottom:1px solid #0000000d;padding:16px 24px}.date-cell,.id-cell{color:#1a1a1a;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500}.category-cell{align-items:center;gap:12px;display:flex}.cat-thumb{object-fit:cover;border:1px solid #0000000d;border-radius:8px;width:40px;height:40px}.subcat-tags{flex-wrap:wrap;gap:6px;display:flex}.subcat-tag{color:#344054;white-space:nowrap;background:#f2f4f7;border-radius:12px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;display:inline-flex}.subcat-tag.more{color:#667085;background:#f9fafb}.status-pill{border-radius:16px;padding:4px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.status-pill.active{color:#027a48;background:#ecfdf3}.status-pill.inactive{color:#344054;background:#f2f4f7}.actions-cell{position:relative}.action-wrapper{justify-content:flex-end;display:flex}.action-dots{cursor:pointer;color:#0006;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.action-dots:hover{color:#000;background:#f5f5f5}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;opacity:0;pointer-events:none;background:#0006;justify-content:flex-end;transition:opacity .3s;display:flex;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-content{background:#fff;flex-direction:column;width:550px;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(100%);box-shadow:-10px 0 30px #0000001a}@media (width<=640px){.drawer-content{width:100%!important}}.drawer-backdrop.open .drawer-content{transform:translate(0)}.drawer-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.drawer-title{color:#1a1a1a;margin:0;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700}.drawer-header-actions{gap:8px;display:flex}.icon-btn{color:#0006;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:background .2s}.icon-btn:hover{background:#0000000d}.drawer-body{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.cat-detail-banner{border-bottom:1px solid #0000000d;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;display:flex}.cat-banner-img{object-fit:cover;border:1px solid #0000000d;border-radius:12px;width:64px;height:64px}.cat-banner-info{flex-direction:column;gap:4px;display:flex}.cat-name-row{align-items:center;gap:12px;display:flex}.cat-banner-name{color:#1a1a1a;font-family:DM Sans,sans-serif;font-size:20px;font-weight:700}.cat-banner-meta{color:#0006;flex-direction:column;gap:2px;font-family:DM Sans,sans-serif;font-size:13px;display:flex}.subcat-section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.subcat-header-text{flex-direction:column;gap:4px;display:flex}.subcat-title{color:#1a1a1a;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700}.subcat-desc{color:#0006;font-family:DM Sans,sans-serif;font-size:13px}.btn-add-subcat{color:#fff;cursor:pointer;background:#000;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;display:flex}.subcat-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=480px){.subcat-grid{grid-template-columns:1fr}}.subcat-card{background:#f7f8f9;border:1px solid #0000000d;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.subcat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.subcat-card-img{object-fit:cover;border-radius:8px;width:48px;height:48px}.subcat-card-content{flex-direction:column;flex:1;gap:4px;display:flex}.subcat-card-header{justify-content:space-between;align-items:center;display:flex}.subcat-card-name{color:#1a1a1a;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700}.subcat-dots{color:#0006;cursor:pointer;background:0 0;border:none;padding:2px}.subcat-card-meta{align-items:center;gap:8px;display:flex}.subcat-id{color:#0006;font-family:DM Sans,sans-serif;font-size:11px}.subcat-status-pill.mini{text-transform:capitalize;border-radius:12px;padding:2px 8px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500}.subcat-status-pill.active.mini{color:#027a48;background:#ecfdf3}.subcat-status-pill.inactive.mini{color:#344054;background:#f2f4f7}.form-label{color:#121212;font-family:Mulish,sans-serif;font-size:16px;font-weight:500;line-height:20px}.select-wrapper{position:relative}.form-select{appearance:none;background:#fff;border:1px solid #d0d5dd;border-radius:8px;outline:none;width:100%;height:48px;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:14px}.form-select.figma-select{border:1px solid #00000026;border-radius:5px;height:50px;padding:10px 16px}.select-chevron{pointer-events:none;color:#0006;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:550px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000001a}.modal-title{color:#1a1a1a;margin-bottom:4px;font-family:DM Sans,sans-serif;font-size:20px;font-weight:700}.modal-subtitle{color:#0006;font-family:DM Sans,sans-serif;font-size:14px}.modal-close-btn{color:#0006;cursor:pointer;background:0 0;border:none}.form-field{flex-direction:column;gap:8px;display:flex}.form-label{color:#344054;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.form-input{border:1px solid #d0d5dd;border-radius:8px;outline:none;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:14px}.form-input:focus{border-color:#1a1a1a}.upload-box{color:#0006;cursor:pointer;border:2px dashed #d0d5dd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s;display:flex}.upload-box:hover{background:#f9fafb;border-color:#667085}.sub-upload{padding:20px}.subcat-form-section{border-top:1px solid #0000000d;flex-direction:column;gap:16px;padding-top:20px;display:flex}.subcat-section-title-row{justify-content:space-between;align-items:center;display:flex}.subcat-section-title{color:#1a1a1a;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700}.subcat-count{color:#0006;font-family:DM Sans,sans-serif;font-size:13px}.subcat-section-subtitle{color:#344054;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.subcat-input-stack{border:1px dashed #d0d5dd;border-radius:12px;flex-direction:column;gap:12px;margin-top:12px;padding:16px;display:flex}.sub-input-full{box-sizing:border-box;width:100%}.subcat-action-row{align-items:stretch;gap:12px;display:flex}.add-icon-image-btn-v2{color:#0006;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:8px;flex:1.5;justify-content:center;align-items:center;gap:8px;height:48px;padding:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}.add-icon-image-btn-v2:hover{background:#f9fafb;border-color:#667085}.btn-add-subcat-action-v2{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;height:48px;padding:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.btn-add-subcat-action-v2:hover{opacity:.9}.added-subcats-scroll{flex-direction:column;gap:12px;max-height:200px;margin-top:4px;display:flex;overflow-y:auto}.added-subcat-card{background:#f9fafb;border:1px solid #eaecf0;border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.mini-sub-img{object-fit:cover;border-radius:4px;width:40px;height:40px}.mini-sub-info{flex-direction:column;flex:1;gap:2px;display:flex}.mini-sub-name{color:#1a1a1a;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700}.mini-sub-id{color:#0006;font-family:DM Sans,sans-serif;font-size:11px}.active-dot{background:#43cf01;border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.mini-sub-actions{gap:8px;display:flex}.mini-action-btn{color:#0006;cursor:pointer;background:0 0;border:none}.mini-action-btn.delete:hover{color:#f00505}.modal-footer{border-top:1px solid #0000000d;gap:12px;padding:24px;display:flex}.btn-cancel{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:8px;flex:1;padding:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.btn-submit{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;flex:1;padding:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.categories-page{flex-direction:column;gap:32px;animation:.4s ease-out fadeIn;display:flex}.categories-table-container{background:#fff;border:1px solid #0000000d;border-radius:12px;width:100%;padding:24px;overflow-x:auto}.categories-table-container table{width:100%;min-width:950px}@media (width<=1024px){.filter-actions-full{flex-direction:column-reverse;align-items:stretch;gap:16px;width:100%}.table-search{width:100%!important}.filter-actions-group{flex-wrap:wrap;justify-content:space-between;gap:8px}.add-category-btn-sync{justify-content:center;width:100%}}@media (width<=480px){.filter-actions-group>*{flex:1;min-width:120px}}.table-search .t-search-icon{color:#0006}.filter-actions{flex-direction:row;align-items:center;gap:12px;display:flex}.filter-dropdown span,.export-btn span{white-space:nowrap}.add-category-btn-sync{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;align-items:center;gap:8px;height:38px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.add-category-btn-sync:hover{opacity:.9}.livestreams-summary-container{box-sizing:border-box;background:#fff;border:1px solid #0000001a;border-radius:12px;flex-direction:column;align-self:stretch;padding:15px 10px;display:flex}.livestreams-summary-grid{flex-flow:wrap;align-self:stretch;align-items:center;gap:15px;display:flex}@media (width<=768px){.livestreams-summary-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}}@media (width<=480px){.livestreams-summary-grid{grid-template-columns:1fr}}.livestream-kpi-segment{background:#f7f8f9;border-radius:8px;flex-direction:column;flex:1;gap:12px;min-width:0;padding:15px 20px;display:flex}.livestream-kpi-header{align-items:center;gap:10px;display:flex}.livestream-kpi-icon-wrapper{justify-content:center;align-items:center;display:flex}.livestream-kpi-label{color:#00000080;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;line-height:14px}.livestream-kpi-value{color:#101828;font-family:DM Sans,sans-serif;font-size:24px;font-weight:700;line-height:31px}.orders-table-wrapper{width:100%;overflow-x:auto}.orders-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.orders-table thead tr{background-color:#f7f8f9}.orders-table th{color:#0006;text-transform:uppercase;letter-spacing:.05em;background:#f7f8f9;padding:16px 24px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.orders-table th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.orders-table th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.orders-table td{color:#1a1a1a;vertical-align:middle;border-bottom:1px solid #0000000d;padding:16px 24px;font-family:DM Sans,sans-serif;font-size:14px}.orders-table tr:hover{background:#f9fafb}.date-cell{color:#667085;font-weight:500}.id-cell{font-weight:600}.amount-cell{font-weight:700}.order-status-pill{text-transform:capitalize;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.order-status-pill.delivered{color:#12b76a;background:#e6f9f1}.order-status-pill.shipped{color:#f79009;background:#fef6ee}.order-status-pill.packaging{color:#7f56d9;background:#f9f5ff}.order-status-pill.cancelled{color:#fff;background:#f04438}.order-status-pill.paid,.order-status-pill.confirmed{color:#12b76a;background:#e6f9f1}.order-status-pill.pending{color:#f59e0b;background:#fff8e1}.order-status-pill.failed{color:#fff;background:#f04438}.actions-cell{text-align:right;width:60px}.action-wrapper{display:inline-block;position:relative}.action-menu{z-index:10001;background:#fff;border:1px solid #00000014;border-radius:12px;flex-direction:column;gap:4px;min-width:180px;padding:8px;display:flex;position:fixed;box-shadow:0 10px 30px #0000001a}.menu-item{color:#344054;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:flex}.menu-item:hover{color:#1a1a1a;background:#f9fafb}.menu-item.delete{color:#f04438}.menu-item.delete:hover{background:#fff1f0}.order-details-view{flex-direction:column;gap:24px;display:flex}.order-details-header{background:#fff;border:1px solid #0000000d;border-radius:12px;align-items:center;gap:16px;padding:24px;display:flex}.back-btn{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.back-btn:hover{background:#f9fafb;border-color:#aaa}.header-info h1{color:#1a1a1a;margin:0;font-family:Mulish,sans-serif;font-size:24px;font-weight:700}.order-details-grid{grid-template-columns:1.6fr 1fr;gap:32px;display:grid}.details-main{flex-direction:column;gap:15px;display:flex}.order-section{background:#fff;border:.5px solid #00000026;border-radius:7px;flex-direction:column;align-items:flex-start;gap:20px;padding:15px 15px 20px;display:flex}.payment-section{border:.5px solid #0000001a;border-radius:15px;gap:25px;padding:15px}.order-details-grid .section-title{color:#000;text-transform:none;letter-spacing:normal;border-bottom:.5px solid #00000026;align-items:center;width:100%;margin:0;padding:0 0 15px;font-family:Mulish,sans-serif;font-size:16px;font-weight:600;display:flex}.section-title .count{color:#00000080;margin-left:5px;font-weight:400}.timeline-section{background:#fff;border:.5px solid #0000000d;border-radius:10px;flex-direction:column;gap:30px;padding:10px 20px 20px;display:flex}.timeline-section .section-title{color:#0009;border:none;margin:0;padding:0;font-family:Mulish,sans-serif;font-size:16px;font-weight:500}.timeline-stepper{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.step{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10px;display:flex}.step-circle{color:#000;background:#0000001a;border-radius:20.5px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.step.completed .step-circle{color:#fff;background:#000}.step span{color:#000;text-align:center;font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;line-height:16px}.step-line{background:#0003;flex:1;align-self:flex-start;height:1px;margin:13px 10px 0}.step-line.active{background:#000}.items-list{flex-direction:column;gap:20px;width:100%;display:flex}.order-item{border-bottom:.7px solid #00000026;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;padding:0 0 15px;display:flex}.order-item:last-child{border-bottom:none}.item-main-info{flex-direction:row;align-items:center;gap:10px;display:flex}.item-img-wrapper{background:#f9fafb;border:none;border-radius:4.94px;flex-shrink:0;width:54px;height:65px;overflow:hidden}.item-img-wrapper img{object-fit:cover;width:100%;height:100%}.item-details{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.item-details h3{color:#000;margin:0;font-family:Mulish,sans-serif;font-size:14px;font-weight:600;line-height:18px}.item-details p{color:#000000b3;margin:0;font-family:Mulish,sans-serif;font-size:9px;font-weight:500;line-height:11px}.item-price{color:#000;font-family:Mulish,sans-serif;font-size:13px;font-weight:700;line-height:16px}.pricing-breakdown{flex-direction:column;gap:20px;width:100%;display:flex}.price-row{justify-content:space-between;align-items:center;width:100%;font-family:Mulish,sans-serif;display:flex}.price-row span:first-child{color:#0009;font-size:12px;font-weight:600}.price-row span:last-child{color:#000;font-size:13px;font-weight:600}.price-row.discount span:last-child{color:red}.price-row.total{border-top:.5px dashed #0003;margin-top:5px;padding:25px 0 0}.price-row.total span:first-child{color:#000;font-size:16px;font-weight:600}.price-row.total span:last-child{color:#000;font-size:16px;font-weight:700}.payment-list{flex-direction:column;gap:20px;width:100%;display:flex}.payment-row{justify-content:space-between;align-items:center;width:100%;display:flex}.payment-row span:first-child{color:#0009;font-family:Mulish,sans-serif;font-size:14px;font-weight:600}.payment-row span:last-child{color:#000;font-family:Mulish,sans-serif;font-size:13px;font-weight:600}.payment-row .status-paid{color:#000;font-weight:600}.payment-row .status-pending{color:#f79009;font-weight:600}.payment-row .status-failed{color:#f04438;font-weight:600}.details-sidebar{flex-direction:column;gap:15px;display:flex}.sidebar-card{background:#fff;border:.5px solid #00000026;border-radius:7px;flex-direction:column;gap:20px;padding:15px 15px 20px;display:flex}.sidebar-card .section-title{color:#000;text-transform:none;letter-spacing:normal;border-bottom:.5px solid #00000026;align-items:center;width:100%;margin:0;padding:0 0 15px;font-family:Mulish,sans-serif;font-size:16px;font-weight:600;display:flex}.card-content{flex-direction:column;gap:20px;display:flex}.icon-info-row{flex-direction:row;align-items:center;gap:10px;margin-bottom:0;display:flex}.icon-info-row.align-start{align-items:flex-start}.info-icon-wrapper{color:#000000b3;background:#0000001a;border-radius:28px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.info-icon-wrapper svg{width:15.75px;height:15.75px}.info-text{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.info-key{color:#0006;text-transform:uppercase;margin:0;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;line-height:134%}.info-value{color:#000000e6;margin:0;font-family:Mulish,sans-serif;font-size:16px;font-weight:600;line-height:134%}.info-value.uppercase{text-transform:uppercase}.avatar-info-row{flex-direction:row;align-items:center;gap:10px;display:flex}.mini-avatar{color:#0095ffe6;background:#0095ff1a;border-radius:32px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Mulish,sans-serif;font-size:13.7px;font-weight:800;display:flex}.avatar-info-row .meta{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.avatar-info-row h3{color:#000000e6;margin:0;font-family:Mulish,sans-serif;font-size:16px;font-weight:600;line-height:134%}.avatar-info-row p{color:#00000080;text-transform:uppercase;margin:0;font-family:DM Sans,sans-serif;font-size:14px;font-weight:550;line-height:134%}.seller-order-group{border-bottom:1px dashed #0000001a;flex-direction:column;gap:15px;padding-bottom:20px;display:flex}.seller-order-group:last-child{border-bottom:none;padding-bottom:0}.seller-group-title{color:#1a1a1a;margin:0;padding:5px 0;font-family:Mulish,sans-serif;font-size:14px;font-weight:700}.tracking-history{background:#f9fafb;border-radius:8px;margin-top:10px;padding:15px}.tracking-history h4{color:#1a1a1a;margin:0 0 10px;font-family:Mulish,sans-serif;font-size:13px;font-weight:700}.tracking-list{flex-direction:column;gap:12px;margin:0 0 0 25px;padding:0;list-style:none;display:flex}.tracking-list li{flex-direction:row;align-items:flex-start;gap:15px;font-family:DM Sans,sans-serif;font-size:13px;display:flex;position:relative}.tracking-list li:before{content:"";background:#d0d5dd;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;left:-20px}.tracking-list li.completed:before{background:#12b76a}.track-time{color:#667085;min-width:130px;font-weight:500}.track-title{color:#1a1a1a;min-width:100px;font-weight:600}.track-location{color:#667085}.orders-page{flex-direction:column;gap:32px;animation:.4s ease-out forwards fadeIn;display:flex}.orders-table-container{background:#fff;border:1px solid #0000000d;border-radius:12px;width:100%;padding:24px;overflow-x:auto}.orders-table-container table{width:100%;min-width:1100px}@media (width<=1024px){.filter-actions-full{flex-direction:column;align-items:stretch;gap:16px;width:100%}.table-search{width:100%!important}.filter-actions-group{flex-wrap:wrap;justify-content:space-between;gap:8px}}@media (width<=480px){.filter-actions-group>*{flex:1;min-width:120px}}.table-filters{justify-content:flex-end;align-items:center;width:100%;margin-bottom:24px;display:flex}.filter-actions-full{align-items:center;gap:20px;display:flex}.filter-actions-group{align-items:center;gap:12px;display:flex}.table-search{box-sizing:border-box;background:0 0;border:.5px solid #0006;border-radius:8px;flex-direction:row;align-items:center;gap:10px;width:256px;height:38px;padding:10px 15px;display:flex}.table-search input{color:#000;background:0 0;border:none;outline:none;width:100%;font-family:DM Sans,sans-serif;font-size:13.77px}.table-search input::placeholder{color:#0006}.table-search .t-search-icon{color:#0006;flex-shrink:0;width:19.67px;height:19.67px}.filter-dropdown,.export-btn{box-sizing:border-box;color:#000;cursor:pointer;background:0 0;border:.5px solid #0006;border-radius:8px;flex-direction:row;align-items:center;gap:10px;height:38px;padding:10px 15px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s;display:flex}.filter-dropdown{width:147px}.export-btn{width:101px}.filter-dropdown span,.export-btn span{text-align:left;flex:1}.filter-dropdown:hover,.export-btn:hover{background:#00000005}.orders-breakdown{background:#fff;border:1px solid #0000000f;border-radius:16.7825px;flex-direction:column;gap:24px;padding:24px;display:flex}.ob-header{justify-content:space-between;align-items:center;display:flex}.ob-header h2{color:#000;margin:0;font-family:Mulish,sans-serif;font-size:20px;font-weight:650}.ob-chart-container{width:100%;height:250px}.ob-legend{justify-content:center;align-items:center;gap:32px;margin-top:10px;display:flex}.legend-item{color:#1a1a1a;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:13px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.black{background:#000}.dot.blue{background:#63c2ff}.ob-tooltip{background:#fff;border:1px solid #0000000d;border-radius:8px;padding:12px;box-shadow:0 4px 20px #0000001a}.ob-tooltip-label{color:#000;margin-bottom:8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700}.ob-tooltip-items{flex-direction:column;gap:6px;display:flex}.ob-tooltip-item{color:#667085;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:12px;display:flex}.ob-tooltip-item .dot.livestream{background:#000}.ob-tooltip-item .dot.listed{background:#63c2ff}.geographic-insights{background:#fff;border:1px solid #0000000f;border-radius:16px;flex-direction:column;gap:24px;padding:24px;display:flex}.gi-header{flex-direction:column;gap:4px;display:flex}.gi-header h3{color:#000;font-family:Mulish,sans-serif;font-size:18px;font-weight:650}.gi-header p{color:#00000080;font-family:DM Sans,sans-serif;font-size:13px}.gi-grid{grid-template-columns:1fr 1fr;gap:20px 62px;display:grid}.gi-item{align-items:center;gap:12px;display:flex}.gi-label{gap:6px;min-width:60px;display:flex}.gi-index{color:#0006;width:18px;font-family:Inter,sans-serif;font-size:14px}.gi-city{color:#1a1a1a;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.gi-progress-wrapper{background:#f2f4f7;border-radius:10px;flex:1;height:6px;overflow:hidden}.gi-progress-bar{background:#008c96;border-radius:10px;height:100%}.gi-amount{color:#000;text-align:right;min-width:50px;font-family:Inter,sans-serif;font-size:14px;font-weight:700}@media (width<=768px){.gi-grid{grid-template-columns:1fr}}.conversion-funnel{background:#fff;border:1px solid #0000000f;border-radius:16px;flex-direction:column;gap:32px;padding:24px;display:flex;position:relative}.cf-header h3{color:#000;margin:0;font-family:Mulish,sans-serif;font-size:18px;font-weight:650}.cf-content{flex-direction:column;gap:32px;display:flex}.cf-step{flex-direction:column;gap:12px;display:flex}.cf-step-label{color:#4b4b4b;justify-content:space-between;align-items:center;font-family:DM Sans,sans-serif;font-size:14px;display:flex}.cf-step-value{color:#1a1d1f;font-family:Inter,sans-serif;font-size:14px;font-weight:700}.cf-progress-wrapper{background:#f2f4f7;border-radius:6px;height:24px;overflow:hidden}.cf-progress-bar{background:#00b1cd;border-radius:6px;height:100%}.cf-footer{border-top:1px solid #0000000d;justify-content:space-between;align-items:center;margin-top:10px;padding-top:20px;display:flex}.cf-overall-label{color:#0006;font-family:DM Sans,sans-serif;font-size:13px}.cf-overall-value{color:#3db804;font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:12px}.analytics-mini-kpi{background:#f7f8f9;border-radius:12px;flex-direction:column;flex:1;gap:12px;min-width:0;padding:15px 20px;display:flex}.mini-kpi-label-row{align-items:center;gap:8px;display:flex}.mini-kpi-icon{justify-content:center;align-items:center;width:14px;height:14px;display:flex}.mini-kpi-icon svg{width:100%;height:100%}.mini-kpi-label{color:#0006;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:11.52px;font-weight:500}.mini-kpi-value{color:#000;font-family:Inter,sans-serif;font-size:23px;font-weight:500}.analytics-page{flex-direction:column;gap:32px;padding-bottom:60px;animation:.4s ease-out forwards fadeIn;display:flex}.analytics-header{flex-direction:column;gap:4px;display:flex}.analytics-header h1{color:#000;font-family:Mulish,sans-serif;font-size:24px;font-weight:700}.analytics-header p{color:#00000080;font-family:DM Sans,sans-serif;font-size:14px}.analytics-kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.monitoring-section{background:#fff;border:1px solid #0000001a;border-radius:12px;flex-direction:column;gap:20px;padding:20px;display:flex}.monitoring-header{align-items:center;gap:10px;display:flex}.status-dot{background:red;border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #f006}.monitoring-header h3{color:#000;font-family:Mulish,sans-serif;font-size:18px;font-weight:650}.monitoring-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.analytics-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.analytics-row.insights-row{grid-template-columns:1.8fr 1fr}.analytics-details-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.detail-section{background:#fff;border:1px solid #0000000f;border-radius:16px;flex-direction:column;gap:24px;padding:24px;display:flex}.detail-header{flex-direction:column;gap:4px;display:flex}.detail-header h3{color:#000;margin:0;font-family:Mulish,sans-serif;font-size:18px;font-weight:650}.detail-header p{color:#00000080;margin:0;font-family:DM Sans,sans-serif;font-size:13px}.detail-mini-kpis{grid-template-columns:1fr 1fr;gap:15px;display:grid}.detail-mini-kpis.grid-2x2{grid-template-columns:1fr 1fr;display:grid}.top-performing{flex-direction:column;gap:20px;display:flex}.top-performing h4{color:#000;margin:0;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.stream-perf-list{flex-direction:column;gap:12px;display:flex}.perf-item{align-items:center;gap:12px;display:flex}.perf-name{color:#121212e6;white-space:nowrap;min-width:100px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:400}.perf-bar-wrapper{background:#0000000d;border-radius:0 4px 4px 0;flex:1;height:20px;overflow:hidden}.perf-bar{background:#03bce5;border-radius:0 4px 4px 0;height:100%}.perf-amount{color:#121212cc;text-align:right;min-width:40px;font-family:Inter,sans-serif;font-size:9px;font-weight:500}.pie-chart-container{align-items:center;gap:20px;padding:0 40px;display:flex}.pie-chart-wrapper{flex:none;width:143.4px}.custom-legend{flex-direction:column;flex:1;gap:15px;display:flex}.legend-item{justify-content:space-between;align-items:center;display:flex}.legend-left{align-items:center;gap:10px;display:flex}.legend-marker{border-radius:3px;width:10px;height:10px}.legend-label{color:#121212e6;font-family:DM Sans,sans-serif;font-size:10px;font-weight:400}.legend-value{color:#121212cc;font-family:Inter,sans-serif;font-size:9px;font-weight:500}@media (width<=1200px){.analytics-kpi-grid,.monitoring-grid,.analytics-row,.analytics-details-grid{grid-template-columns:1fr}}@media (width<=1024px){.analytics-kpi-grid,.monitoring-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.pie-chart-container{flex-direction:column;padding:0 20px}.pie-chart-wrapper{width:200px;margin:0 auto}.custom-legend{width:100%}}@media (width<=480px){.analytics-kpi-grid,.monitoring-grid,.detail-mini-kpis{grid-template-columns:1fr}.perf-name{min-width:70px;font-size:9px}}.moderation-kpi-card{box-sizing:border-box;background:#f7f8f9;border-radius:8px;flex-direction:column;flex:1;align-items:flex-start;gap:12px;min-width:0;padding:15px 20px;transition:transform .2s;display:flex}.moderation-kpi-card:hover{transform:translateY(-2px)}.mkpi-header{flex-direction:row;align-self:stretch;align-items:center;gap:10px;display:flex}.mkpi-icon{justify-content:center;align-items:center;width:14px;height:14px;display:flex}.mkpi-icon svg{stroke-width:2px;width:14px;height:14px}.moderation-kpi-card.pending .mkpi-icon{color:#000}.moderation-kpi-card.review .mkpi-icon{color:#ffb109}.moderation-kpi-card.suspended .mkpi-icon{color:#f04438}.moderation-kpi-card.banned .mkpi-icon{color:#d92d20}.mkpi-label{color:#00000080;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;line-height:14px}.mkpi-value{color:#101828;margin:0;font-family:DM Sans,sans-serif;font-size:24px;font-weight:700;line-height:31px}@media (width<=1024px){.moderation-kpi-card{min-width:calc(50% - 12px)}}@media (width<=600px){.moderation-kpi-card{min-width:100%}}.report-details-drawer{background:#fff;flex-direction:column;width:600px;display:flex}.report-details-drawer .drawer-header{border-bottom:.5px solid #0003;flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:20px;display:flex}.report-details-drawer .header-info{flex-direction:column;gap:3px;display:flex}.report-details-drawer .drawer-title{color:#000000e6;margin:0;font-family:Mulish,sans-serif;font-size:18px;font-weight:600}.report-details-drawer .drawer-subtitle{color:#000000b3;margin:0;font-family:DM Sans,sans-serif;font-size:12px;font-weight:400}.report-details-drawer .drawer-body{flex-direction:column;gap:20px;padding:20px;display:flex;overflow-y:auto}.user-cards-grid{flex-direction:row;gap:20px;display:flex}.user-summary-card{background:#f9f9f9;border-radius:10px;flex-direction:column;flex:1;gap:10px;min-height:88px;padding:10px;display:flex}.card-label{color:#0009;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:12px}.user-profile-row{flex-direction:row;align-items:flex-start;gap:10px;display:flex}.user-avatar-small{border-radius:28px;justify-content:center;align-items:center;width:35px;height:35px;font-family:Mulish,sans-serif;font-size:12px;font-weight:800;display:flex}.reporter-bg{color:#0095ffe6;background:#0095ff1a}.reported-bg{color:#4de307e6;background:#4de3071a}.user-info{flex-direction:column;gap:5px;display:flex}.user-name{color:#000000e6;margin:0;font-family:Mulish,sans-serif;font-size:16px;font-weight:600}.user-subtitle{color:#00000080;margin:0;font-family:DM Sans,sans-serif;font-size:12px}.report-info-section{flex-direction:column;gap:15px;display:flex}.section-title{color:#00000080;margin:0;font-family:Mulish,sans-serif;font-size:14px;font-weight:600}.section-divider{background:#0003;height:.5px}.content-info-card{border:.5px solid #1212124d;border-radius:8px;padding:10px}.livestream-card-content,.product-card-content{flex-direction:row;align-items:center;gap:10px;display:flex}.content-preview-box,.content-image-box{background:#f9f9f9;border-radius:7px;justify-content:center;align-items:center;width:80px;height:50px;display:flex;overflow:hidden}.content-image-box img{object-fit:cover;width:100%;height:100%}.content-icon{color:#121212b3}.content-details{flex-direction:column;justify-content:space-between;height:50px;padding:5px 0;display:flex}.content-title{color:#000;margin:0;font-family:Mulish,sans-serif;font-size:15px;font-weight:500}.content-meta{flex-direction:row;gap:20px;display:flex}.meta-item{color:#00000080;align-items:center;gap:5px;font-family:DM Sans,sans-serif;font-size:10px;display:flex}.content-price{color:#000;margin:0;font-family:Mulish,sans-serif;font-size:13px;font-weight:700}.reason-container{flex-direction:column;gap:10px;display:flex}.reason-header{flex-direction:row;align-items:center;gap:7px;display:flex}.flag-icon{color:red}.reason-title{color:#121212;font-family:Mulish,sans-serif;font-size:13px;font-weight:500}.reason-description{color:#12121299;margin:0;font-family:Mulish,sans-serif;font-size:12px;font-weight:500;line-height:150%}.attachments-list{flex-direction:column;gap:10px;display:flex}.attachment-item{background:#f7f8f933;border:.5px solid #12121226;border-radius:8px;flex-direction:row;align-items:center;gap:10px;height:50px;padding:10px;display:flex}.attachment-preview-box{color:#000000e6;background:#f9f9f9;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.attachment-name{color:#000000e6;font-family:Mulish,sans-serif;font-size:13px;font-weight:500}.no-attachments{color:#00000080;font-family:Mulish,sans-serif;font-size:13px;font-style:italic}.flagged-user-drawer{background:#fff;flex-direction:column;width:600px;display:flex}.flagged-user-drawer .drawer-header{border-bottom:.5px solid #0003;flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:20px;display:flex}.flagged-user-drawer .drawer-title{color:#000000e6;margin:0;font-family:Mulish,sans-serif;font-size:18px;font-weight:600}.flagged-user-drawer .drawer-body{flex-direction:column;gap:20px;padding:20px;display:flex;overflow-y:auto}.user-profile-section{flex-direction:row;align-items:flex-start;gap:15px;padding-bottom:20px;display:flex}.user-avatar-large{color:#0095ffe6;background:#0095ff1a;border-radius:28px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-family:Mulish,sans-serif;font-size:12px;font-weight:800;display:flex}.user-main-info{flex-direction:column;flex:1;gap:8px;display:flex}.name-row{flex-direction:row;align-items:center;gap:10px;display:flex}.user-full-name{color:#000000e6;margin:0;font-family:Mulish,sans-serif;font-size:16px;font-weight:600}.user-status-badge{text-transform:capitalize;border-radius:19px;padding:3px 10px;font-family:Mulish,sans-serif;font-size:8px;font-weight:800}.user-status-badge.active{color:#43cf01e6;background:#54e80f26}.user-status-badge.banned{color:#f00c;background:#ff00001a}.user-status-badge.suspended{color:#ff6b00e6;background:#ff6b001a}.info-grid{grid-template-columns:1fr 1fr;gap:10px 20px;display:grid}.info-item{color:#00000080;align-items:center;gap:5px;font-family:DM Sans,sans-serif;font-size:11px;display:flex}.info-icon{color:#00000080;flex-shrink:0}.history-section{flex-direction:column;gap:15px;display:flex}.section-subtitle{color:#00000080;margin:0;font-family:Mulish,sans-serif;font-size:14px;font-weight:600}.history-list{flex-direction:column;gap:15px;display:flex}.history-card{border:.5px solid #1212124d;border-radius:8px;padding:10px 15px}.history-content{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.history-meta{flex-direction:row;align-items:center;gap:15px;display:flex}.red-dot{background:#f00c;border-radius:50%;flex-shrink:0;width:10px;height:10px}.history-details{flex-direction:column;gap:5px;display:flex}.history-reason{color:#000;font-family:Mulish,sans-serif;font-size:14px;font-weight:400}.history-date{color:#00000080;align-items:center;gap:5px;font-family:DM Sans,sans-serif;font-size:13px;display:flex}.calendar-icon{color:#00000080}.history-action-status{background:#00000014;border-radius:56px;padding:4px 10px}.history-action-status span{color:#000c;white-space:nowrap;font-family:Mulish,sans-serif;font-size:10px;font-weight:500}.no-history{color:#00000080;font-family:Mulish,sans-serif;font-size:13px;font-style:italic}.moderation-table-wrapper{background:0 0;width:100%}.moderation-table{border-collapse:collapse;width:100%;font-family:Inter,sans-serif}.moderation-table th{text-align:left;color:#0006;text-transform:uppercase;letter-spacing:.05em;background:#00000005;border-bottom:1px solid #0000000d;padding:16px 24px;font-size:11px;font-weight:550}.moderation-table td{color:#000000b3;border-bottom:1px solid #0000000d;padding:16px 24px;font-size:14px}.bold-text{color:#000;font-weight:600}.reason-cell{white-space:nowrap;text-overflow:ellipsis;max-width:250px;overflow:hidden}.status-badge{border-radius:100px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.resolved,.status-badge.approved{color:#43cf01;background:#43cf011a}.status-badge.pending,.status-badge.warning,.status-badge.under-review{color:#ffb109;background:#ffb1091a}.status-badge.banned,.status-badge.rejected,.status-badge.suspended{color:#f04438;background:#f044381a}.reports-count-badge{color:#667085;background:#f2f4f7;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600}.actions-cell{text-align:right;position:relative}.actions-wrapper{display:inline-block;position:relative}.action-dots{color:#667085;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:background .2s}.action-dots:hover{background:#f9fafb}.moderation-context-menu{z-index:100;background:#fff;border:1px solid #0000000d;border-radius:8px;flex-direction:column;min-width:160px;margin-bottom:8px;padding:8px;display:flex;position:absolute;bottom:100%;right:0;box-shadow:0 4px 20px #00000014}.moderation-context-menu .menu-item{text-align:left;cursor:pointer;color:#000;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:background .2s;display:flex}.moderation-context-menu .menu-item:hover{background:#f9fafb}.moderation-context-menu .menu-item svg{color:#000}.menu-divider{background:#f2f4f7;height:1px;margin:4px 0}.reported-actions-menu{z-index:1000;background:#fff;border:none;border-radius:10px;flex-direction:column;align-items:flex-start;gap:15px;width:263px;padding:15px;display:flex;position:absolute;box-shadow:1px 1px 10px #0000001a}.reported-actions-menu .menu-item{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:row;align-items:center;gap:10px;width:calc(100% + 20px);height:35px;margin:-8px -10px;padding:8px 10px;transition:background .15s;display:flex}.reported-actions-menu .menu-item:hover{background:#00000008}.reported-actions-menu .menu-item span{color:#000;white-space:nowrap;font-family:Mulish,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:134%}.reported-actions-menu .menu-item svg{color:#000;flex-shrink:0;width:14px;height:14px}.reported-actions-menu .menu-item.dangerous span,.reported-actions-menu .menu-item.dangerous svg{color:#000}.flagged-users-menu{z-index:1000;background:#fff;border:none;border-radius:10px;flex-direction:column;align-items:flex-start;gap:15px;width:232px;padding:15px;display:flex;position:absolute;box-shadow:1px 1px 10px #0000001a}.flagged-users-menu .menu-item{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:row;align-items:center;gap:10px;width:calc(100% + 20px);height:35px;margin:-8px -10px;padding:8px 10px;transition:background .15s;display:flex}.flagged-users-menu .menu-item:hover{background:#00000008}.flagged-users-menu .menu-item span{color:#000;white-space:nowrap;font-family:Mulish,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:134%}.flagged-users-menu .menu-item svg{color:#000;flex-shrink:0;width:14px;height:14px}.flagged-users-menu .menu-item.success span,.flagged-users-menu .menu-item.success svg{color:#3cb503}.table-pagination{border-top:1px solid #0000000d;justify-content:space-between;align-items:center;margin-top:20px;padding:20px 24px;display:flex}.pagination-info{color:#0006;font-family:DM Sans,sans-serif;font-size:13px}.pagination-controls{align-items:center;gap:8px;display:flex}.page-arrow{color:#0006;cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.page-num{color:#1a1a1a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-family:DM Sans,sans-serif;font-size:13px;display:flex}.page-num.active{color:#fff;background:#000}.auto-moderation-pane{flex-direction:column;gap:20px;width:100%;display:flex}.am-section-card{background:#fff;border-radius:15px;flex-direction:column;align-self:stretch;gap:20px;padding:20px 0;display:flex}.am-card-header{box-sizing:border-box;border-bottom:.5px solid #0000004d;flex-direction:column;padding:0 20px 20px;display:flex}.am-card-header h3{color:#121212;margin:0;font-family:Mulish,sans-serif;font-size:20px;font-weight:600;line-height:20px}.am-card-content{flex-direction:column;gap:0;padding:0 20px;display:flex}.am-rule-row{box-sizing:border-box;border-bottom:.5px solid #0003;flex-direction:row;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.am-rule-row:last-child{border-bottom:none}.am-rule-info{flex-direction:column;gap:6px;display:flex}.am-rule-title{color:#121212;font-family:Mulish,sans-serif;font-size:18px;font-weight:600;line-height:20px}.am-rule-desc{color:#12121299;font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:20px}.am-switch{flex-shrink:0;width:50px;height:26px;display:inline-block;position:relative}.am-switch input{opacity:0;width:0;height:0}.am-slider{cursor:pointer;background-color:#e2e8f0;border-radius:34px;transition:all .4s;position:absolute;inset:0}.am-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0000001a}input:checked+.am-slider{background-color:#121212}input:checked+.am-slider:before{transform:translate(24px)}.am-keywords-container{flex-direction:column;align-items:flex-end;gap:15px;display:flex}.am-keywords-help{color:#0009;width:100%;font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:20px}.am-keywords-textarea{box-sizing:border-box;color:#000000e6;resize:none;background:0 0;border:1px solid #00000026;border-radius:8px;outline:none;width:100%;height:100px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px;line-height:20px}.am-keywords-textarea:focus{border-color:#000}.am-actions-grid{flex-direction:row;gap:20px;width:100%;margin-bottom:24px;display:flex}.am-action-field{flex-direction:column;flex:1;gap:10px;display:flex}.am-action-field label{color:#000c;font-family:DM Sans,sans-serif;font-size:16px}.am-action-field input{box-sizing:border-box;color:#000000e6;border:1px solid #00000026;border-radius:8px;outline:none;width:100%;height:50px;padding:15px 16px;font-family:DM Sans,sans-serif;font-size:14px}.am-action-field input:focus{border-color:#000}.am-action-subtext{color:#00000080;font-family:DM Sans,sans-serif;font-size:14px}.am-btn-black{color:#fff;cursor:pointer;background:#000;border:none;border-radius:3px;justify-content:center;align-items:center;height:44px;padding:8px 30px;font-family:Mulish,sans-serif;font-size:18px;font-weight:600;transition:background .2s;display:flex}.am-btn-black:hover{background:#2d2d2d}.am-keywords-container .am-btn-black{width:auto;min-width:150px}.am-actions-container{flex-direction:column;align-items:flex-end;display:flex}.moderation-page{flex-direction:column;gap:32px;padding-bottom:40px;animation:.4s ease-out fadeIn;display:flex}.moderation-summary-container{box-sizing:border-box;background:#fff;border:1px solid #0000001a;border-radius:12px;flex-direction:column;align-self:stretch;align-items:flex-start;gap:18px;padding:15px 10px;display:flex}.moderation-summary-grid{flex-flow:wrap;align-self:stretch;align-items:center;gap:15px;padding:0;display:flex}.moderation-tabs-section{justify-content:flex-start;margin-top:-8px;display:flex}.tabs-navigation{scrollbar-width:none;background:#f2f4f7;border-radius:10px;gap:4px;width:100%;padding:6px;display:flex;overflow-x:auto}.tabs-navigation::-webkit-scrollbar{display:none}.tab-btn{color:#667085;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:550;transition:all .2s;display:flex}.moderation-table-container{background:#fff;border:1px solid #0000000d;border-radius:12px;width:100%;padding:24px;overflow-x:auto}.moderation-table-container table{width:100%;min-width:950px}@media (width<=1024px){.filter-actions-full{flex-direction:column;align-items:stretch;gap:16px;width:100%}.table-search{width:100%!important}.filter-actions-group{flex-wrap:wrap;justify-content:space-between;gap:8px}}@media (width<=768px){.moderation-summary-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tabs-navigation{padding:4px}.tab-btn{padding:8px 12px;font-size:13px}}@media (width<=480px){.moderation-summary-grid{grid-template-columns:1fr}.filter-actions-group>*{flex:1;min-width:120px}}.roles-settings-tab{flex-direction:column;gap:28px;animation:.3s ease-out fadeIn;display:flex}.roles-header-card{background:#fff;border:1px solid #0000000d;border-radius:12px;justify-content:space-between;align-items:center;padding:24px;display:flex;box-shadow:0 1px 3px #00000005}.header-info{align-items:center;gap:16px;display:flex}.shield-icon{color:#121212;box-sizing:content-box;background:#f3f4f6;border-radius:10px;padding:12px}.header-info h3{color:#111827;margin:0 0 4px;font-family:Mulish,sans-serif;font-size:18px;font-weight:600}.header-info p{color:#6b7280;margin:0;font-family:DM Sans,sans-serif;font-size:14px}.btn-create-role{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 18px;font-family:Mulish,sans-serif;font-size:14px;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.btn-create-role:hover{background:#232323}.btn-create-role:active{transform:scale(.98)}.roles-error-banner{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px}.roles-loading-state{text-align:center;color:#6b7280;padding:60px 0;font-family:DM Sans,sans-serif;font-size:15px}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.role-card{background:#fff;border:1px solid #0000000d;border-radius:12px;flex-direction:column;gap:16px;padding:24px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000003}.role-card:hover{border-color:#00000014;transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.role-card.system{background:#fafafa}.role-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.role-title-wrapper{flex-direction:column;gap:6px;display:flex}.role-title-wrapper h4{color:#111827;margin:0;font-family:Mulish,sans-serif;font-size:16px;font-weight:700}.role-type-badge{text-transform:uppercase;border-radius:100px;align-self:flex-start;padding:3px 8px;font-size:10px;font-weight:600}.role-type-badge.system{color:#0369a1;background:#e0f2fe}.role-type-badge.custom{color:#4f46e5;background:#eef2ff}.role-actions{gap:6px;display:flex}.role-action-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .2s,color .2s;display:flex}.role-action-btn:hover{background:#f3f4f6}.role-action-btn.edit:hover{color:#1f2937}.role-action-btn.delete:hover{color:#ef4444;background:#fee2e2}.system-lock{color:#9ca3af;justify-content:center;align-items:center;padding:6px;display:flex}.role-description{color:#4b5563;min-height:40px;margin:0;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.5}.role-permissions-section{border-top:1px solid #0000000d;flex-direction:column;gap:8px;padding-top:12px;display:flex}.role-permissions-section h5{color:#9ca3af;letter-spacing:.05em;margin:0;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600}.permission-pills{flex-wrap:wrap;gap:6px;display:flex}.pill-badge{border-radius:6px;padding:4px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:500}.pill-badge.full-access{color:#047857;background:#ecfdf5;border:1.5px solid #a7f3d0;font-weight:600}.pill-badge.no-access{color:#9ca3af;background:#f3f4f6}.pill-badge.page{color:#374151;background:#f3f4f6}.pill-badge.full-action{color:#6d28d9;background:#f5f3ff;border:1.5px solid #ddd6fe;font-weight:600}.pill-badge.no-action-privs{color:#d97706;background:#fffbeb}.pill-badge.action{color:#047857;background:#ecfdf5}.role-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000059;justify-content:flex-end;width:100vw;height:100vh;animation:.2s ease-out overlayFade;display:flex;position:fixed;top:0;left:0}.role-modal-container{background:#fff;flex-direction:column;width:100%;max-width:680px;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) slideInLeft;display:flex;box-shadow:-4px 0 25px #0000001a}.role-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px;display:flex}.header-text{align-items:center;gap:12px;display:flex}.modal-shield-icon{color:#000}.header-text h3{color:#111827;margin:0;font-family:Mulish,sans-serif;font-size:18px;font-weight:600}.modal-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:background .2s,color .2s}.modal-close-btn:hover{color:#1f2937;background:#f3f4f6}.role-modal-form{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.form-error-msg{color:#991b1b;background:#fee2e2;border:1.5px solid #fca5a5;border-radius:8px;padding:12px;font-family:DM Sans,sans-serif;font-size:13px}.form-group label{color:#374151;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.form-group input[type=text],.form-group textarea{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#000}.form-group textarea{resize:none}.form-permissions-matrix{border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:24px;padding-top:20px;display:grid}.matrix-column{flex-direction:column;display:flex}.matrix-column h4{color:#111827;letter-spacing:.05em;margin:0 0 4px;font-family:Mulish,sans-serif;font-size:12px;font-weight:700}.matrix-subtitle{color:#6b7280;margin:0 0 16px;font-family:DM Sans,sans-serif;font-size:11px;line-height:1.4}.toggles-list{flex-direction:column;gap:4px;display:flex}.matrix-toggle-row{cursor:pointer;background:#fafafa;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:background .2s;display:flex}.matrix-toggle-row:hover:not(.disabled){background:#f3f4f6;border-color:#00000005}.matrix-toggle-row.disabled{opacity:.6;cursor:not-allowed}.toggle-label-group{flex-direction:column;display:flex}.toggle-label-group .main-lbl{color:#1f2937;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.toggle-label-group .sub-lbl{color:#9ca3af;font-family:DM Sans,sans-serif;font-size:10px}.toggle-switch-wrapper{width:40px;height:20px;display:inline-block;position:relative}.toggle-switch-wrapper input{opacity:0;width:0;height:0}.slider-switch{cursor:pointer;background-color:#d1d5db;border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider-switch:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch-wrapper input:checked+.slider-switch{background-color:#10b981}.toggle-switch-wrapper input:checked+.slider-switch:before{transform:translate(20px)}.modal-actions-footer{border-top:1px solid #e5e7eb;gap:12px;margin-top:10px;padding-top:20px;display:flex}.modal-actions-footer button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-family:Mulish,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel{color:#374151;background:#f3f4f6}.btn-cancel:hover{background:#e5e7eb}.btn-submit{color:#fff;background:#000}.btn-submit:hover{background:#232323}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=768px){.roles-header-card{flex-direction:column;align-items:flex-start;gap:16px}.btn-create-role{justify-content:center;width:100%}.form-permissions-matrix{grid-template-columns:1fr;gap:20px}}.staff-management-tab{flex-direction:column;gap:28px;animation:.3s ease-out fadeIn;display:flex}.staff-header-card{background:#fff;border:1px solid #0000000d;border-radius:12px;justify-content:space-between;align-items:center;padding:24px;display:flex;box-shadow:0 1px 3px #00000005}.users-icon-box{color:#121212;box-sizing:content-box;background:#f3f4f6;border-radius:10px;padding:12px}.btn-create-staff{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 18px;font-family:Mulish,sans-serif;font-size:14px;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.btn-create-staff:hover{background:#232323}.btn-create-staff:active{transform:scale(.98)}.staff-error-banner{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px}.staff-loading-state{text-align:center;color:#6b7280;padding:60px 0;font-family:DM Sans,sans-serif;font-size:15px}.staff-table-card{scrollbar-width:none;background:#fff;border:1px solid #0000000d;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #00000003}.staff-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.staff-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #0000000d;padding:16px 24px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.staff-table td{vertical-align:middle;color:#1f2937;border-bottom:1px solid #0000000d;padding:16px 24px;font-family:DM Sans,sans-serif;font-size:14px}.staff-table tr:last-child td{border-bottom:none}.staff-info-cell{align-items:center;gap:12px;display:flex}.staff-avatar-circle{color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.staff-email-text{color:#6b7280;font-family:Inter,sans-serif}.staff-role-badge{border-radius:100px;padding:4px 10px;font-size:11px;font-weight:600}.staff-role-badge.super{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.staff-role-badge.standard{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.staff-status-badge{border-radius:100px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.staff-status-badge.active{color:#047857;background:#ecfdf5}.staff-status-badge.suspended{color:#b91c1c;background:#fee2e2}.staff-date-text{color:#6b7280;font-family:Inter,sans-serif}.staff-row-actions{justify-content:flex-end;gap:6px;display:flex}.staff-row-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .2s,color .2s;display:flex}.staff-row-btn:hover{background:#f3f4f6}.staff-row-btn.edit:hover{color:#1f2937}.staff-row-btn.delete:hover{color:#ef4444;background:#fee2e2}.staff-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000059;justify-content:flex-end;width:100vw;height:100vh;animation:.2s ease-out overlayFade;display:flex;position:fixed;top:0;left:0}.staff-modal-container{background:#fff;flex-direction:column;width:100%;max-width:480px;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) slideInLeft;display:flex;box-shadow:-4px 0 25px #0000001a}.staff-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-users-icon{color:#000}.staff-modal-form{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.staff-modal-form select{box-sizing:border-box;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E") right 16px center no-repeat;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:48px;padding:12px 40px 12px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.staff-modal-form select:focus{border-color:#000}@media (width<=768px){.staff-header-card{flex-direction:column;align-items:flex-start;gap:16px}.btn-create-staff{justify-content:center;width:100%}}.settings-page{flex-direction:column;gap:32px;width:100%;animation:.4s ease-out fadeIn;display:flex}.settings-tabs-container{background:#f2f4f7;border-radius:10px;gap:4px;width:100%;padding:6px;display:flex}.s-tab-btn{color:#667085;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:550;transition:all .2s;display:flex}.s-tab-btn:hover{color:#344054;background:#ffffff80}.s-tab-btn.active{color:#344054;background:#fff;box-shadow:0 1px 3px #0000001a}.settings-card{background:#fff;border-radius:15px;flex-direction:column;gap:20px;padding:20px 0;display:flex}.settings-card-header{border-bottom:.5px solid #0003;padding:0 20px 20px}.settings-card-header h3{color:#121212;margin:0;font-family:Mulish,sans-serif;font-size:18px;font-weight:600}.settings-card-content{flex-direction:column;gap:20px;padding:0 20px;display:flex}.settings-form-row{gap:20px;width:100%;display:flex}.settings-input-group{flex-direction:column;flex:1;gap:10px;display:flex}.settings-input-group label{color:#000c;font-family:DM Sans,sans-serif;font-size:16px}.settings-input-group input,.settings-input-group select{box-sizing:border-box;color:#000000e6;background:#fff;border:1px solid #00000026;border-radius:8px;outline:none;width:100%;height:50px;padding:15px 16px;font-family:DM Sans,sans-serif;font-size:14px}.settings-input-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.settings-input-group input:focus,.settings-input-group select:focus{border-color:#000}.settings-input-group .sub-label{color:#00000080;font-family:DM Sans,sans-serif;font-size:14px}.logo-upload-box{cursor:pointer;border:1px dashed #00000026;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;height:174px;transition:border-color .2s;display:flex}.logo-upload-box:hover{border-color:#000}.logo-upload-box .upload-text{color:#000000e6;font-family:DM Sans,sans-serif;font-size:16px}.logo-upload-box .upload-hint{color:#00000080;font-family:DM Sans,sans-serif;font-size:12px}.settings-toggle-row{border-bottom:.5px solid #0003;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.settings-toggle-row:last-child{border-bottom:none}.toggle-info{flex-direction:column;gap:6px;display:flex}.toggle-title{color:#121212;font-family:Mulish,sans-serif;font-size:18px;font-weight:600}.toggle-desc{color:#12121299;font-family:DM Sans,sans-serif;font-size:16px}.settings-switch{width:50px;height:26px;display:inline-block;position:relative}.settings-switch input{opacity:0;width:0;height:0}.s-slider{cursor:pointer;background-color:#e2e8f0;border-radius:34px;transition:all .4s;position:absolute;inset:0}.s-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.s-slider{background-color:#121212}input:checked+.s-slider:before{transform:translate(24px)}.settings-save-actions{justify-content:flex-end;padding:0 20px;display:flex}.btn-save{color:#fff;cursor:pointer;background:#000;border:none;border-radius:7px;justify-content:center;align-items:center;height:53px;padding:15px 30px;font-family:Mulish,sans-serif;font-size:18px;font-weight:600;transition:background .2s;display:flex}.custom-template-select{box-sizing:border-box;cursor:pointer;color:#000000e6;background:#fff;border:1px solid #00000026;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:50px;padding:15px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s;display:flex}.custom-template-select:hover,.custom-template-select.open{border-color:#000}.select-arrow{border-bottom:2px solid #00000080;border-right:2px solid #00000080;width:10px;height:10px;margin-top:-4px;transform:rotate(45deg)}.custom-template-select.open .select-arrow{margin-top:4px;transform:rotate(-135deg)}.template-dropdown-menu{z-index:110;background:#fff;border:1px solid #0000001a;border-radius:8px;max-height:250px;margin-top:5px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 20px #0000001a}.template-dropdown-item{cursor:pointer;border-bottom:.5px solid #0000000d;justify-content:space-between;align-items:center;padding:15px 16px;transition:background .2s;display:flex}.template-dropdown-item:last-child{border-bottom:none}.template-dropdown-item:hover{background:#f9fafb}.template-label{color:#121212;font-family:DM Sans,sans-serif;font-size:16px}.auto-badge{color:#6366f1;background:#eef2ff;border-radius:100px;padding:4px 12px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:550}.settings-tabs-container{scrollbar-width:none;background:#f2f4f7;border-radius:10px;gap:4px;width:100%;padding:6px;display:flex;overflow-x:auto}.settings-tabs-container::-webkit-scrollbar{display:none}.s-tab-btn{color:#667085;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:550;transition:all .2s;display:flex}@media (width<=1024px){.settings-form-row{flex-direction:column;gap:16px}.settings-input-group{width:100%}}@media (width<=768px){.settings-card-header h3,.toggle-title{font-size:16px}.toggle-desc{font-size:14px}.btn-save{width:100%;font-size:16px}}@media (width<=480px){.settings-toggle-row{flex-direction:column;align-items:flex-start;gap:16px}.settings-switch{align-self:flex-end}}.accounting-page{max-width:1400px;margin:0 auto;padding:24px 32px;animation:.4s ease-out forwards fadeIn}.accounting-header{margin-bottom:32px}.accounting-header h1{color:#111827;margin:0 0 8px;font-size:28px;font-weight:700}.accounting-header p{color:#6b7280;margin:0;font-size:15px}.accounting-stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-right:20px;display:flex}.stat-icon.green{color:#16a34a;background:#dcfce7}.stat-icon.blue{color:#2563eb;background:#dbeafe}.stat-icon.purple{color:#9333ea;background:#f3e8ff}.stat-content{flex:1}.stat-title{color:#6b7280;margin-bottom:8px;font-size:14px;font-weight:500}.stat-value{color:#111827;font-size:28px;font-weight:700;line-height:1.2}.accounting-content-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1024px){.accounting-content-grid{grid-template-columns:1fr}}.accounting-section{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d}.accounting-section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.accounting-section-header h2{color:#111827;margin:0;font-size:18px;font-weight:600}.settings-form{flex-direction:column;gap:24px;display:flex}.settings-group{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.settings-group h3{color:#374151;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.form-row:last-child{margin-bottom:0}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-input-prefix{color:#6b7280;pointer-events:none;font-size:14px;position:absolute;left:12px}.form-input{color:#111827;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.form-input.with-prefix{padding-left:28px}.form-input:focus{border-color:#000;box-shadow:0 0 0 3px #0000000d}.btn-save{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;align-self:flex-start;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s}.btn-save:hover{background:#1f2937}.btn-save:disabled{cursor:not-allowed;background:#9ca3af}.accounting-table-container{overflow-x:auto}.accounting-table{border-collapse:collapse;text-align:left;width:100%}.accounting-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:12px;font-weight:600}.accounting-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:16px;font-size:14px}.accounting-table tr:last-child td{border-bottom:none}.accounting-table tr:hover td{background:#f9fafb}.status-badge.successful{color:#166534;background:#dcfce7}.status-badge.failed{color:#b91c1c;background:#fee2e2}.loading-state,.error-state{color:#6b7280;justify-content:center;align-items:center;height:400px;font-size:15px;display:flex}.tabs-container{border-bottom:1px solid #e5e7eb;margin-bottom:20px;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.tab-btn.active{color:#111827;border-bottom-color:#000}.tab-btn:hover:not(.active){color:#374151}.pagination-controls{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:16px;padding:16px;display:flex}.pagination-controls button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.pagination-controls button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-controls button:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.pagination-controls span{color:#6b7280;font-size:13px}.email-marketing-page{max-width:1200px;margin:0 auto;padding:32px 40px;animation:.4s ease-out forwards fadeIn}.marketing-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.marketing-header h1{color:#121212;margin:0 0 8px;font-family:Mulish,sans-serif;font-size:28px;font-weight:700}.marketing-header p{color:#00000080;margin:0;font-size:15px}.tabs-container{border-bottom:1px solid #0000000d;gap:32px;margin-bottom:24px;display:flex}.tab-btn{color:#0006;cursor:pointer;background:0 0;border:none;padding:12px 0;font-size:15px;font-weight:600;position:relative}.tab-btn.active{color:#121212}.tab-btn.active:after{content:"";background:#000;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.campaign-list{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000008}.campaign-item{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:20px 24px;transition:background .2s;display:flex}.campaign-item:hover{background:#fafafa}.campaign-item:last-child{border-bottom:none}.campaign-info{align-items:center;gap:16px;display:flex}.campaign-icon{color:#0369a1;background:#e0f2fe;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.campaign-details h4{color:#121212;margin:0 0 4px;font-size:16px;font-weight:600}.campaign-details p{color:#00000080;margin:0;font-size:13px}.campaign-meta{align-items:center;gap:32px;display:flex}.meta-stat{flex-direction:column;align-items:flex-end;display:flex}.meta-stat span:first-child{color:#00000080;margin-bottom:4px;font-size:12px}.meta-stat span:last-child{color:#121212;font-size:15px;font-weight:600}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.status-badge.sent{color:#166534;background:#dcfce7}.status-badge.draft{color:#475569;background:#f1f5f9}.form-group select,.form-group input,.form-group textarea{border:1px solid #d0d5dd;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.toolbar-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.toolbar-btn:hover{color:#0f172a;background:#e2e8f0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.vouchers-page{max-width:1200px;margin:0 auto;padding:32px 40px;animation:.4s ease-out forwards fadeIn}.vouchers-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.vouchers-header h1{color:#121212;margin:0 0 8px;font-family:Mulish,sans-serif;font-size:28px;font-weight:700}.vouchers-header p{color:#00000080;margin:0;font-size:15px}.btn-primary{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{background:#333;transform:translateY(-1px)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;display:grid}.stat-card{background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:24px;display:flex;box-shadow:0 4px 20px #00000008}.stat-header{color:#00000080;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.stat-icon{color:#000;background:#f5f5f5;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-value{color:#121212;margin:0;font-size:28px;font-weight:700}.vouchers-list{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000008}table.vouchers-table{border-collapse:collapse;width:100%}table.vouchers-table th{text-align:left;color:#6b7280;background:#f9fafb;border-bottom:1px solid #f3f4f6;padding:16px 24px;font-size:13px;font-weight:600}table.vouchers-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:16px 24px;font-size:14px}table.vouchers-table tr:last-child td{border-bottom:none}table.vouchers-table tr:hover{background:#f9fafb}.pin-cell{letter-spacing:1px;background:#f3f4f6;border-radius:4px;padding:4px 8px;font-family:monospace;font-weight:600}.badge{text-transform:capitalize;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.badge.active{color:#166534;background:#dcfce7}.badge.used{color:#0369a1;background:#e0f2fe}.badge.revoked{color:#991b1b;background:#fee2e2}.badge.global{color:#6b21a8;background:#f3e8ff}.badge.personalized{color:#854d0e;background:#fef9c3}.action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.action-btn:hover{color:#111827;background:#f3f4f6}.action-btn.danger:hover{color:#dc2626;background:#fee2e2}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 20px 40px #0000001a}.modal-header h2{margin:0;font-size:20px;font-weight:700}.form-group label{color:#344054;font-size:14px;font-weight:600}.form-group select,.form-group input{border:1px solid #d0d5dd;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group select:focus,.form-group input:focus{border-color:#000;outline:none;box-shadow:0 0 0 4px #0000000d}.type-selector{gap:16px;display:flex}.type-option{cursor:pointer;border:1px solid #d0d5dd;border-radius:12px;flex:1;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.type-option.selected{background:#fafafa;border-color:#000}.type-option input{accent-color:#000;width:18px;height:18px;margin:0}.type-option div{flex-direction:column;gap:4px;display:flex}.type-option div strong{color:#111827;font-size:14px}.type-option div span{color:#6b7280;font-size:12px}.sellers-select-container{border:1px solid #d0d5dd;border-radius:8px;flex-direction:column;max-height:200px;display:flex;overflow-y:auto}.seller-option{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:10px 16px;display:flex}.seller-option:hover{background:#f9fafb}.seller-option input{accent-color:#000;width:16px;height:16px}.modal-footer{border-top:1px solid #0000000d;justify-content:flex-end;gap:16px;padding:24px 32px;display:flex}.btn-secondary:hover{background:#f9fafb}.in-app-campaigns-page{max-width:1280px;margin:0 auto;padding:32px 40px;animation:.4s ease-out forwards fadeInApp}@keyframes fadeInApp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.campaigns-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.campaigns-header h1{color:#0f172a;letter-spacing:-.5px;margin:0 0 6px;font-family:Mulish,sans-serif;font-size:28px;font-weight:800}.campaigns-header p{color:#64748b;margin:0;font-size:15px}.btn-primary-gradient{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 14px #6366f159}.btn-primary-gradient:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.btn-primary-gradient:disabled{box-shadow:none;cursor:not-allowed;background:#cbd5e1}.kpi-dashboard{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px;display:grid}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f26870a}.kpi-card{border-radius:20px;flex-direction:column;gap:12px;padding:24px;display:flex}.kpi-header{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.kpi-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-icon.bell{color:#0284c7;background:#e0f2fe}.kpi-icon.users{color:#16a34a;background:#dcfce7}.kpi-icon.send{color:#7c3aed;background:#f3e8ff}.kpi-icon.clock{color:#ca8a04;background:#fef9c3}.kpi-value{color:#0f172a;margin:0;font-size:32px;font-weight:800}.tab-menu{border-bottom:1.5px solid #e2e8f0;gap:32px;margin-bottom:24px;display:flex}.tab-link{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:14px 0;font-size:15px;font-weight:700;transition:color .2s;position:relative}.tab-link:hover,.tab-link.active{color:#4f46e5}.tab-link.active:after{content:"";background:#4f46e5;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1.5px;left:0;right:0}.campaign-table-container{border-radius:24px;padding:8px;overflow:hidden}.empty-state{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:16px;padding:60px 40px;display:flex}.empty-icon{color:#cbd5e1}.custom-table-wrapper{overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{text-transform:uppercase;color:#475569;letter-spacing:.5px;border-bottom:1.5px solid #f1f5f9;padding:16px 24px;font-size:13px;font-weight:700}.custom-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:18px 24px;font-size:14px}.table-row{transition:all .2s}.table-row:hover{background:#f8fafcb3}.camp-info{flex-direction:column;gap:4px;display:flex}.camp-title{color:#0f172a;font-size:15px;font-weight:700}.camp-body{color:#64748b;max-width:450px;font-size:13px;line-height:1.4}.camp-link{color:#6366f1;font-size:11px}.camp-link code{background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:monospace}.type-tag{white-space:nowrap;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.type-tag.general{color:#475569;background:#f1f5f9}.type-tag.bonus{color:#d97706;background:#fef3c7}.type-tag.live_offer{color:#dc2626;background:#fee2e2}.type-tag.promo{color:#16a34a;background:#dcfce7}.date-cell{color:#64748b;font-size:13px}.center-cell{text-align:center}.font-semibold{font-weight:600}.color-primary{color:#4f46e5}.badge-status{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-status.sent{color:#15803d;background:#dcfce7}.badge-status.sending{color:#0369a1;background:#e0f2fe}.badge-status.failed{color:#b91c1c;background:#fee2e2}.badge-status.scheduled{color:#ca8a04;background:#fef9c3}.templates-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.template-card{border-radius:24px;flex-direction:column;gap:16px;padding:28px;transition:all .3s;display:flex}.template-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000000f}.template-card h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.tpl-desc{color:#64748b;margin:0;font-size:13px;line-height:1.5}.tpl-preview{flex-direction:column;flex-grow:1;gap:8px;display:flex}.tpl-preview strong{text-transform:uppercase;color:#94a3b8;letter-spacing:.5px;font-size:11px}.tpl-box{background:#fafafa;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex}.tpl-box strong{color:#0f172a;text-transform:none;letter-spacing:normal;font-size:13px}.tpl-box p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.btn-secondary-border{color:#4f46e5;cursor:pointer;background:#fff;border:1.5px solid #e0e7ff;border-radius:10px;padding:10px;font-size:14px;font-weight:700;transition:all .2s}.btn-secondary-border:hover{background:#e0e7ff;border-color:#c7d2fe}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-campaign-window{border-radius:28px;flex-direction:column;width:90%;max-width:980px;height:85vh;display:flex;overflow:hidden;box-shadow:0 30px 60px #00000026}.modal-campaign-header{background:#fff6;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:24px 36px;display:flex}.modal-campaign-header h2{color:#0f172a;margin:0 0 4px;font-size:20px;font-weight:800}.modal-campaign-header p{color:#64748b;margin:0;font-size:13px}.close-action{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px;transition:all .2s;display:flex}.close-action:hover{color:#ef4444;background:#fee2e2}.modal-campaign-body{flex-grow:1;display:flex;overflow:hidden}.form-side{border-right:1px solid #f1f5f9;flex-direction:column;gap:20px;width:60%;padding:32px 36px;display:flex;overflow-y:auto}.form-row{gap:20px;display:flex}.flex-1{flex:1}.form-group select,.form-group input,.form-group textarea{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.accent-border{border-color:#6366f1!important}.form-group textarea{resize:vertical;min-height:110px}.search-pill-container{background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;display:flex}.search-pill-container input{flex-grow:1;min-width:120px;font-size:14px;box-shadow:none!important;border:none!important;padding:4px!important}.user-pill{color:#4338ca;background:#e0e7ff;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.user-pill button{color:#4338ca;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:1px;display:flex}.user-pill button:hover{background:#4338ca1a}.user-search-dropdown{z-index:999;z-index:100;border-radius:12px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #00000014}.drop-item{cursor:pointer;background:#fff;border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:10px 16px;transition:background .15s;display:flex}.drop-item:hover{background:#f1f5f9}.drop-item.selected{background:#f8fafc}.drop-item.disabled{color:#94a3b8;text-align:center;cursor:default;justify-content:center}.drop-item .user-name{color:#0f172a;font-size:13.5px;font-weight:700;display:block}.drop-item .user-email{color:#64748b;font-size:11.5px;display:block}.check-mark{color:#4f46e5;font-size:16px;font-weight:700}.deep-link-shortcuts{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.deep-link-shortcuts span{color:#475569;cursor:pointer;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.deep-link-shortcuts span:hover{color:#0f172a;background:#e2e8f0}.preview-side{background:#f8fafc;justify-content:center;align-items:center;width:40%;padding:20px;display:flex}.phone-mockup{background:#000;border-radius:40px;flex-direction:column;width:280px;height:520px;padding:10px;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000040}.phone-notch{z-index:10;background:#000;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:120px;height:24px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-status-bar{color:#fff;justify-content:space-between;align-items:center;height:28px;margin-top:12px;padding:0 24px;font-size:11px;font-weight:600;display:flex}.phone-lockscreen-content{background:linear-gradient(#1e1b4b 0%,#311042 100%);border-radius:32px;flex-direction:column;flex-grow:1;gap:40px;padding:24px 16px;display:flex;position:relative;overflow:hidden}.date-time-locks{color:#ffffffe6;flex-direction:column;align-items:center;gap:2px;display:flex}.date-mock{letter-spacing:.5px;font-size:11px;font-weight:600}.time-mock{font-size:38px;font-weight:300}.live-notification-bubble{border-radius:16px;flex-direction:column;gap:6px;padding:12px 14px;display:flex;box-shadow:0 4px 30px #0003;background:#ffffff1f!important;border:1px solid #ffffff1a!important}.bubble-header{align-items:center;gap:6px;display:flex}.app-logo-sim{color:#000;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:900;display:flex}.app-name-sim{color:#fff9;letter-spacing:.5px;flex-grow:1;font-size:9px;font-weight:700}.bubble-time{color:#fff6;font-size:9px}.bubble-body h4{color:#fff;margin:0 0 2px;font-size:12px;font-weight:700}.bubble-body p{color:#fffc;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.phone-home-indicator{background:#fffc;border-radius:2px;width:100px;height:4px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.modal-campaign-footer{background:#fff6;border-top:1px solid #0000000d;justify-content:flex-end;gap:16px;padding:24px 36px;display:flex}.animate-slide-down{animation:.25s ease-out forwards slideD}@keyframes slideD{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-zoom-in{animation:.2s ease-out forwards zoomI}@keyframes zoomI{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in-up{animation:.35s cubic-bezier(.16,1,.3,1) forwards fUp}@keyframes fUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.home-banners-page{background-color:#f8fafc;min-height:100vh;padding:32px 40px;font-family:Inter,DM Sans,sans-serif}.header-actions{gap:12px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f133}.btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-danger{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff80;box-shadow:0 10px 25px #0000000d}.banners-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}.banner-card{border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.banner-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.banner-preview-img{object-fit:cover;background-color:#e2e8f0;width:100%;height:160px;display:block}.banner-info{background:#fff;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.banner-meta{justify-content:space-between;align-items:center;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.active{color:#059669;background:#ecfdf5}.status-badge.inactive{color:#64748b;background:#f1f5f9}.status-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.banner-link{color:#475569;word-break:break-all;align-items:center;gap:8px;font-size:13px;display:flex}.banner-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:auto;padding-top:16px;display:flex}.icon-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.icon-btn:hover{color:#334155;background:#f1f5f9}.icon-btn.delete:hover{color:#dc2626;background:#fef2f2}.empty-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:60px 20px}.empty-state h3{color:#0f172a;margin:16px 0 8px}.empty-state p{color:#64748b;margin-bottom:24px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.modal-body{flex-direction:column;gap:24px;padding:32px;display:flex;overflow-y:auto}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.form-group input{border:1px solid #cbd5e1;border-radius:10px;padding:12px 16px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.help-text{color:#64748b;margin-top:4px;font-size:12px}.image-upload-container{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:32px;transition:all .2s}.image-upload-container:hover{background:#eef2ff;border-color:#6366f1}.upload-icon{color:#94a3b8;margin-bottom:12px}.image-upload-container p{color:#475569;margin:0;font-size:14px;font-weight:500}.image-preview-container{border:1px solid #e2e8f0;border-radius:12px;position:relative;overflow:hidden}.image-preview{object-fit:cover;width:100%;height:180px;display:block}.remove-image-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.remove-image-btn:hover{background:#dc2626cc;transform:scale(1.1)}.toggle-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.toggle-info h4{color:#0f172a;margin:0 0 4px;font-size:14px}.toggle-info p{color:#64748b;margin:0;font-size:13px}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0000001a}input:checked+.toggle-slider{background-color:#10b981}input:checked+.toggle-slider:before{transform:translate(20px)}.page-container{max-width:1400px;min-height:100%;margin:0 auto;padding:32px 40px}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.page-header h1{color:#0f172a;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:700}.page-header p{color:#64748b;margin:0;font-size:15px}.search-container{align-items:center;width:320px;display:flex;position:relative}.search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:16px}.search-input{color:#0f172a;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 16px 12px 44px;font-size:14px;transition:all .2s;box-shadow:0 1px 2px #0000000d}.search-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.data-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #00000006}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 24px;font-size:13px;font-weight:600}.data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:20px 24px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:all .2s}.data-table tbody tr:hover{background:#f8fafc}.status-badge{text-transform:capitalize;border-radius:20px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.approved{color:#166534;background:#dcfce7}.status-badge.pending{color:#854d0e;background:#fef9c3}.status-badge.rejected{color:#991b1b;background:#fee2e2}.status-badge.suspended{color:#4b5563;background:#f3f4f6}.action-buttons{align-items:center;gap:8px;display:flex}.btn-icon{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon:hover{color:#0f172a;background:#e2e8f0}.btn-icon.approve{color:#166534;background:#dcfce7}.btn-icon.approve:hover{background:#bbf7d0}.btn-icon.reject{color:#991b1b;background:#fee2e2}.btn-icon.reject:hover{background:#fecaca}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-header h2{color:#0f172a;margin:0;font-size:20px;font-weight:700}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:all .2s;display:flex}.close-btn:hover{color:#0f172a;background:#f1f5f9}.modal-body{padding:32px;overflow-y:auto}.kyc-section{margin-bottom:24px}.kyc-section h3{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.kyc-image{object-fit:cover;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%}.info-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.info-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:16px}.info-label{color:#64748b;margin-bottom:4px;font-size:12px;font-weight:500}.info-value{color:#0f172a;font-size:14px;font-weight:600}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.btn-secondary{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{color:#0f172a;background:#f1f5f9}.btn-primary{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.btn-danger{cursor:pointer;color:#991b1b;background:#fee2e2;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-danger:hover{background:#fecaca}