:root{--vr-orange: #E58736;--vr-orange-light: #F0A05C;--vr-orange-dark: #C46D1F;--vr-orange-glow: rgba(229,135,54,.15);--vr-yellow: #F2C53D;--vr-yellow-light: #F7D76B;--vr-yellow-dark: #D4A520;--vr-cyan: #2DB5E0;--vr-cyan-light: #5ECBEE;--vr-cyan-dark: #1A8DB4;--vr-cyan-glow: rgba(45,181,224,.12);--vr-green: #2E8B47;--vr-green-light: #4DA864;--vr-green-dark: #1D6B33;--vr-dark: #1A1D23;--vr-dark-2: #22262E;--vr-dark-3: #2A2F38;--vr-white: #FFFFFF;--vr-gray-50: #F7F8FA;--vr-gray-100: #EEF0F4;--vr-gray-200: #DFE2E8;--vr-gray-300: #C5CAD4;--vr-gray-400: #9BA2B0;--vr-gray-500: #6E7787;--vr-gray-600: #4E5668;--vr-gray-700: #363E50;--vr-gray-800: #242A36;--vr-red: #E5483D;--sidebar-w: 210px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Montserrat,sans-serif;background:var(--vr-gray-50);color:var(--vr-gray-800);overflow-y:auto}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--vr-dark);position:relative;overflow:hidden}.login-bg{position:absolute;inset:0;overflow:hidden}.login-bg .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orbFloat 12s ease-in-out infinite alternate}.login-bg .orb-1{width:500px;height:500px;background:var(--vr-orange);top:-15%;right:-10%}.login-bg .orb-2{width:400px;height:400px;background:var(--vr-cyan);bottom:-20%;left:-5%;animation-delay:-4s}.login-bg .orb-3{width:300px;height:300px;background:var(--vr-green);top:50%;left:40%;animation-delay:-8s;opacity:.2}@keyframes orbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.login-card{background:#22262ed9;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:48px 42px;width:440px;max-width:92vw;box-shadow:0 30px 80px #00000080;position:relative;z-index:1;animation:slideUp .6s ease}.login-logo{text-align:center;margin-bottom:36px}.login-logo img{height:90px;margin-bottom:16px}.login-logo h2{font-family:Sora,sans-serif;font-weight:700;font-size:20px;color:var(--vr-white)}.login-logo p{font-size:13px;color:var(--vr-gray-400);margin-top:4px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--vr-gray-400);margin-bottom:6px;letter-spacing:.8px;text-transform:uppercase}.input-wrapper{position:relative}.input-wrapper input,.modal .form-group input,.modal .form-group select,.modal .form-group textarea{width:100%;padding:12px 16px;border:1.5px solid var(--vr-gray-200);border-radius:10px;font-size:14px;font-family:Montserrat,sans-serif;transition:all .25s;background:var(--vr-gray-50);color:var(--vr-gray-800)}.login-card .input-wrapper input{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);color:var(--vr-white)}.login-card .input-wrapper input::placeholder{color:var(--vr-gray-500)}.input-wrapper input:focus,.modal .form-group input:focus,.modal .form-group select:focus,.modal .form-group textarea:focus{outline:none;border-color:var(--vr-cyan);box-shadow:0 0 0 3px var(--vr-cyan-glow);background:#fff}.login-card .input-wrapper input:focus{background:#ffffff1a;border-color:var(--vr-orange);box-shadow:0 0 0 3px var(--vr-orange-glow)}.input-wrapper .toggle-pw{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--vr-gray-400);display:flex;align-items:center}.btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,var(--vr-orange-dark),var(--vr-orange),var(--vr-orange-light));color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s;letter-spacing:.8px;text-transform:uppercase;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);background-size:200% 100%;animation:shimmer 3s infinite}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #e5873673}.btn-secondary{padding:9px 18px;background:var(--vr-cyan);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background:var(--vr-cyan-dark);transform:translateY(-1px);box-shadow:0 4px 14px #2db5e04d}.btn-outline{padding:9px 18px;background:transparent;color:var(--vr-gray-600);border:1.5px solid var(--vr-gray-200);border-radius:10px;font-size:13px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-outline:hover{background:var(--vr-gray-100);border-color:var(--vr-gray-300)}.btn-orange{padding:9px 18px;background:var(--vr-orange);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-orange:hover{background:var(--vr-orange-dark);box-shadow:0 4px 14px #e587364d}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--vr-dark);color:#fff;position:fixed;top:0;left:0;height:100vh;z-index:100;display:flex;flex-direction:column;transition:transform .3s ease,width .25s ease;overflow-y:auto;overflow-x:hidden;border-right:1px solid rgba(255,255,255,.06)}.sidebar.collapsed{width:64px}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-section-title,.sidebar.collapsed .nav-item span:not(.tooltip-text),.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .sidebar-logo{padding:18px 12px;justify-content:center}.sidebar.collapsed .sidebar-logo img{height:32px}.sidebar.collapsed .nav-item{justify-content:center;padding:12px 0;position:relative}.sidebar.collapsed .nav-item:hover:after{content:attr(data-label);position:absolute;left:70px;background:var(--vr-dark);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #0000004d;pointer-events:none}.sidebar.collapsed .user-badge{padding:8px;justify-content:center}.sidebar.collapsed .user-badge button{display:none}.sidebar.collapsed .sidebar-section{padding:4px 0}.sidebar-toggle-btn{position:absolute;top:12px;right:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;width:24px;height:24px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .15s}.sidebar-toggle-btn:hover{background:#ffffff26}.sidebar-close-mobile{display:none;position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;align-items:center;justify-content:center;font-size:18px;line-height:1;cursor:pointer;z-index:11}.sidebar.collapsed .sidebar-toggle-btn{right:50%;transform:translate(50%);top:78px}.main-content.sidebar-collapsed{margin-left:64px}.sidebar-logo{padding:22px 20px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:14px}.sidebar-logo img{height:44px}.sidebar-logo-text{display:flex;flex-direction:column}.sidebar-logo-text .brand{font-family:Sora,sans-serif;font-size:16px;font-weight:700;background:linear-gradient(135deg,var(--vr-orange-light),var(--vr-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-logo-text .sub{font-size:10px;font-weight:500;color:var(--vr-gray-500);letter-spacing:1px;text-transform:uppercase}.sidebar-nav{padding:16px 12px;flex:1}.sidebar-section{margin-bottom:22px}.sidebar-section-title{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--vr-gray-500);padding:0 12px;margin-bottom:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;color:var(--vr-gray-400);transition:all .2s;margin-bottom:2px;position:relative}.nav-item:hover{background:#ffffff0d;color:var(--vr-white)}.nav-item.active{background:var(--vr-orange-glow);color:var(--vr-orange-light);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--vr-orange)}.nav-item.active svg{stroke:var(--vr-orange-light)}.sidebar-footer{padding:16px 12px;border-top:1px solid rgba(255,255,255,.06)}.user-badge{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--vr-orange),var(--vr-yellow));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-info .name{font-size:13px;font-weight:600;color:var(--vr-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info .role{font-size:11px;color:var(--vr-cyan);font-weight:500}.main-content{flex:1;margin-left:var(--sidebar-w);min-height:100vh}.topbar{background:#fff;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--vr-gray-200);position:sticky;top:0;z-index:50}.topbar-left{display:flex;align-items:center;gap:16px}.mobile-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--vr-gray-600)}.topbar-search{position:relative}.topbar-search input{padding:9px 14px 9px 36px;border:1.5px solid var(--vr-gray-200);border-radius:10px;font-size:13px;width:300px;font-family:Montserrat,sans-serif;background:var(--vr-gray-50);font-weight:500}.topbar-search input:focus{outline:none;border-color:var(--vr-cyan);background:#fff;box-shadow:0 0 0 3px var(--vr-cyan-glow)}.topbar-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--vr-gray-400)}.topbar-right{display:flex;align-items:center;gap:10px}.notif-btn{position:relative;background:none;border:none;cursor:pointer;color:var(--vr-gray-400);padding:8px;border-radius:10px;transition:all .2s}.notif-btn:hover{background:var(--vr-gray-100)}.notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--vr-red);border-radius:50%;border:2px solid white}.page-content{padding:28px 32px;animation:fadeIn .3s ease}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h1{font-family:Sora,sans-serif;font-size:26px;font-weight:800;color:var(--vr-dark);letter-spacing:-.5px}.page-header p{font-size:13px;color:var(--vr-gray-500);margin-top:3px;font-weight:500}.page-actions{display:flex;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;padding:22px;border:1px solid var(--vr-gray-200);transition:all .25s;animation:slideRight .4s ease backwards;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--vr-orange),var(--vr-yellow),var(--vr-cyan));opacity:0;transition:opacity .25s}.stat-card:hover:before{opacity:1}.stat-card:nth-child(2){animation-delay:.05s}.stat-card:nth-child(3){animation-delay:.1s}.stat-card:nth-child(4){animation-delay:.15s}.stat-card:hover{border-color:var(--vr-orange-light);box-shadow:0 8px 24px #e5873614;transform:translateY(-2px)}.stat-card .label{font-size:11px;color:var(--vr-gray-500);font-weight:700;text-transform:uppercase;letter-spacing:.8px}.stat-card .value{font-family:Sora,sans-serif;font-size:30px;font-weight:800;color:var(--vr-dark);margin:6px 0;letter-spacing:-1px}.stat-card .change{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.stat-card .change.up{color:var(--vr-green)}.stat-card .change.down{color:var(--vr-red)}.table-container{background:#fff;border-radius:16px;border:1px solid var(--vr-gray-200);overflow:hidden;margin-bottom:24px}.table-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--vr-gray-100)}.table-header h3{font-family:Sora,sans-serif;font-size:16px;font-weight:700;color:var(--vr-dark)}.table-filters{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid var(--vr-gray-200);background:#fff;color:var(--vr-gray-500);transition:all .2s;font-family:Montserrat,sans-serif}.filter-chip:hover{border-color:var(--vr-cyan);color:var(--vr-cyan)}.filter-chip.active{background:var(--vr-cyan);color:#fff;border-color:var(--vr-cyan)}table{width:100%;border-collapse:collapse}thead th{padding:12px 18px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--vr-gray-400);background:var(--vr-gray-50);border-bottom:1px solid var(--vr-gray-200)}tbody td{padding:13px 18px;font-size:13px;border-bottom:1px solid var(--vr-gray-100);color:var(--vr-gray-700);font-weight:500}tbody tr{transition:background .15s}tbody tr:hover{background:var(--vr-cyan-glow)}tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700}.badge-green{background:#e6f7ed;color:#1d6b33}.badge-red{background:#fde8e6;color:#b91c1c}.badge-yellow{background:#fef6dc;color:#92400e}.badge-blue{background:#e2f3fa;color:#1a6e8e}.badge-gray{background:var(--vr-gray-100);color:var(--vr-gray-600)}.badge-orange{background:#fef0e2;color:#9a4d12}.badge-purple{background:#f0e6fa;color:#6b21a8}.badge-cyan{background:#e0f5fb;color:#0e7490}.chart-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px}.chart-card{background:#fff;border-radius:16px;border:1px solid var(--vr-gray-200);padding:22px}.chart-card h3{font-family:Sora,sans-serif;font-size:15px;font-weight:700;color:var(--vr-dark);margin-bottom:16px}.bar-chart{display:flex;align-items:flex-end;gap:14px;height:170px;padding-top:10px}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.bar{width:100%;max-width:36px;border-radius:8px 8px 3px 3px;transition:height .8s cubic-bezier(.34,1.56,.64,1)}.bar.orange{background:linear-gradient(to top,var(--vr-orange-dark),var(--vr-orange-light))}.bar.cyan{background:linear-gradient(to top,var(--vr-cyan-dark),var(--vr-cyan-light))}.bar-label{font-size:11px;color:var(--vr-gray-400);font-weight:600}.funnel{display:flex;flex-direction:column;gap:8px;padding:8px 0}.funnel-step{display:flex;align-items:center;gap:12px}.funnel-bar{height:34px;border-radius:8px;display:flex;align-items:center;padding:0 14px;color:#fff;font-size:12px;font-weight:700}.funnel-label{font-size:12px;color:var(--vr-gray-500);white-space:nowrap;min-width:80px;font-weight:600}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--vr-gray-500);font-weight:500}.legend-dot{width:10px;height:10px;border-radius:4px;flex-shrink:0}.commission-rule{background:#fff;border-radius:14px;padding:18px 22px;margin-bottom:12px;border:1px solid var(--vr-gray-200);border-left:4px solid var(--vr-orange);transition:all .2s}.commission-rule:hover{border-left-color:var(--vr-cyan);box-shadow:0 4px 16px #2db5e014}.commission-rule h4{font-family:Sora,sans-serif;font-size:14px;font-weight:700;color:var(--vr-dark);margin-bottom:6px}.commission-rule p{font-size:13px;color:var(--vr-gray-500);margin-bottom:3px;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.modal{background:#fff;border-radius:20px;padding:36px;width:540px;max-width:92vw;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 25px 60px #0003}.modal h2{font-family:Sora,sans-serif;font-size:22px;font-weight:800;color:var(--vr-dark);margin-bottom:24px}.modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal .form-group select{cursor:pointer}.modal .form-group textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.tab-nav{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid var(--vr-gray-200)}.tab-btn{padding:11px 20px;font-size:13px;font-weight:600;color:var(--vr-gray-400);background:none;border:none;cursor:pointer;font-family:Montserrat,sans-serif;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.tab-btn:hover{color:var(--vr-gray-700)}.tab-btn.active{color:var(--vr-orange);border-bottom-color:var(--vr-orange);font-weight:700}.highlight-card{background:linear-gradient(135deg,var(--vr-dark) 0%,var(--vr-dark-3) 100%);color:#fff;border-radius:16px;padding:22px;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.highlight-card:after{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:var(--vr-orange-glow);border-radius:50%;filter:blur(30px)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.chart-row{grid-template-columns:1fr}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content,.main-content.sidebar-collapsed{margin-left:0}.sidebar-close-mobile{display:flex}.sidebar-toggle-btn{right:48px}.mobile-toggle{display:flex}.topbar-search input{width:180px}.stats-grid{grid-template-columns:1fr}.page-content{padding:20px 16px}.topbar{padding:0 16px}.modal .form-row{grid-template-columns:1fr}}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}@media(max-width:768px){.modal{width:100%!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important;padding:18px!important;max-height:100vh!important;height:100vh!important;border-radius:0!important}.modal-overlay{padding:0!important;align-items:flex-start!important}.form-row,.modal .form-row{grid-template-columns:1fr!important;gap:12px!important}.modal input,.modal select,.modal textarea,input[type=text],input[type=email],input[type=number],input[type=date],input[type=password],input[type=tel],select,textarea{font-size:16px!important;padding:12px!important;min-height:44px!important}.btn-orange,.btn-secondary,.btn-outline,button.btn-orange,button.btn-secondary,button.btn-outline{min-height:44px!important;padding:12px 18px!important;font-size:14px!important}.modal-actions{flex-wrap:wrap!important;gap:8px!important}.table-container,table{overflow-x:auto!important;display:block!important;white-space:nowrap!important}table{font-size:12px!important;min-width:100%!important;display:table!important}.stats-grid{gap:12px!important}.stat-card{padding:14px!important}.page-content h1{font-size:22px!important}.page-content h2{font-size:18px!important}.modal [style*="position: sticky"]{bottom:-18px!important}}@media(max-width:1024px)and (min-width:769px){.modal{width:90%!important;max-width:720px!important}}@media(max-width:768px){.modal [style*=grid-template-columns]{grid-template-columns:1fr!important}.modal select,select{text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important}.modal>div[style*="position: sticky"],.modal div[style*='position: "sticky"']{background:#fff!important;box-shadow:0 -4px 8px #0000000f!important;margin-left:-18px!important;margin-right:-18px!important;padding:14px 18px 8px!important}.modal>div[style*="position: sticky"] button,.modal div[style*='position: "sticky"'] button{white-space:nowrap!important;font-size:13px!important;padding:12px 10px!important}.modal [style*="border: 2px solid"] strong,.modal [style*="border:2px solid"] strong{font-size:13px!important;word-break:break-word!important}}@media(max-width:768px){html,body,#root{overflow-x:hidden!important;max-width:100vw!important}}.vr-tooltip-host:hover .vr-tooltip-body{opacity:1!important}.nav-item{white-space:nowrap}