:root{--midnight-100: #0F1E3F;--midnight-80: #374461;--violet-60: #7F3EDA;--violet-50: #A172E3;--violet-10: #F4EDFC;--green-70: #1F8754;--green-10: #E4F5ED;--orange-70: #B4590B;--orange-50: #E07B24;--orange-10: #FCF1E4;--red-70: #B72D4A;--red-10: #FBEAEE;--gray-10: #F4F6F9;--gray-20: #E6EBF2;--gray-40: #B6BFC9;--gray-50: #8690A0;--gray-60: #6B7483;--white: #FFFFFF}*{box-sizing:border-box}body{margin:0;font-family:Poppins,system-ui,sans-serif;background:var(--gray-10);color:var(--midnight-100);font-size:13px;line-height:1.5}a{color:inherit}button{font-family:inherit}.app{max-width:1400px;margin:0 auto;padding:20px}.app-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.app-title{font-size:20px;font-weight:600}.app-subtitle{font-size:12px;color:var(--gray-60);margin-top:2px}.card{background:var(--white);border-radius:12px;border:1px solid var(--gray-20);margin-bottom:14px}.btn-primary{background:var(--violet-60);color:var(--white);border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s}.btn-primary:hover:not(:disabled){background:#6b30c0}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--white);color:var(--violet-60);border:1px solid var(--violet-60);border-radius:8px;padding:10px 18px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background:var(--violet-10)}.filters{display:flex;gap:10px;align-items:center;padding:14px 16px;flex-wrap:wrap}.filters input[type=date]{padding:10px 12px;border:1px solid var(--gray-20);border-radius:8px;font-size:13px;outline:none;color:var(--midnight-100);font-family:inherit}.filters input[type=date]:focus{border-color:var(--violet-60)}.combo{position:relative;min-width:260px}.combo-input{width:100%;padding:10px 12px;border:1px solid var(--gray-20);border-radius:8px;font-size:13px;outline:none;color:var(--midnight-100);background:var(--white);font-family:inherit}.combo-input:focus{border-color:var(--violet-60)}.combo-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1px solid var(--gray-20);border-radius:8px;max-height:240px;overflow-y:auto;z-index:50;box-shadow:0 8px 20px #0f1e3f14}.combo-option{padding:9px 12px;font-size:13px;cursor:pointer;color:var(--midnight-100);border-bottom:1px solid var(--gray-10)}.combo-option:last-child{border-bottom:none}.combo-option:hover{background:var(--gray-10)}.combo-option.empty{color:var(--gray-40);cursor:default}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}@media (max-width: 700px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--white);border:1px solid var(--gray-20);border-radius:10px;padding:14px 16px}.kpi-label{font-size:10px;font-weight:600;color:var(--gray-60);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.kpi-value{font-size:24px;font-weight:600;color:var(--midnight-100)}.table-wrap{overflow-x:auto}.activity-table{width:100%;border-collapse:collapse;font-size:12.5px}.activity-table thead th{background:var(--gray-10);color:var(--gray-60);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:12px;text-align:left;border-bottom:1px solid var(--gray-20)}.activity-table tbody td{padding:12px;border-bottom:1px solid var(--gray-20);color:var(--midnight-100)}.activity-table tbody tr.rep-row:hover{background:var(--gray-10)}.activity-table .total-row td{font-weight:600;background:var(--violet-10);color:var(--midnight-100);border-bottom:none}.badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:100px}.badge-green{background:var(--green-10);color:var(--green-70)}.badge-gray{background:var(--gray-10);color:var(--gray-60)}.rate-bar-wrap{display:flex;align-items:center;gap:6px}.rate-bar{width:60px;height:5px;background:var(--gray-10);border-radius:100px;overflow:hidden}.rate-fill{height:100%;border-radius:100px;transition:width .3s}.rate-label{font-size:11px;font-weight:600}.empty-state{padding:48px 24px;text-align:center;color:var(--gray-50);font-size:13px}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:100%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:24px;right:24px;background:var(--midnight-100);color:var(--white);padding:10px 16px;border-radius:8px;font-size:13px;transform:translateY(100px);opacity:0;transition:transform .2s,opacity .2s;z-index:100}.toast.show{transform:translateY(0);opacity:1}.toast.error{background:var(--red-70)}.animate-in{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chev{transition:transform .15s;color:var(--gray-50);display:inline-block}.chev.open{transform:rotate(90deg)}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--gray-10);display:flex;align-items:center;justify-content:center;z-index:200}.login-card{background:var(--white);border:1px solid var(--gray-20);border-radius:14px;padding:36px 32px;text-align:center;max-width:360px;width:100%;box-shadow:0 8px 24px #0f1e3f0f}.login-icon{width:44px;height:44px;margin:0 auto 14px;color:var(--violet-60);display:block}.login-title{font-size:20px;font-weight:600;color:var(--midnight-100);margin-bottom:6px}.login-sub{font-size:13px;color:var(--gray-60);margin-bottom:24px}.login-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 18px;border:1px solid var(--gray-20);background:var(--white);color:var(--midnight-100);border-radius:8px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.login-btn:hover:not(:disabled){background:var(--gray-10);border-color:var(--gray-40)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{margin-top:14px;padding:10px 12px;background:var(--red-10);color:var(--red-70);border-radius:8px;font-size:12px}.user-menu{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.user-avatar{width:28px;height:28px;border-radius:100px;border:1px solid var(--gray-20)}.user-name{font-size:12px;color:var(--midnight-80);font-weight:500}.logout-btn{background:none;border:none;font-size:11px;color:var(--gray-60);cursor:pointer;padding:4px 8px;border-radius:6px;font-family:inherit}.logout-btn:hover{background:var(--gray-10);color:var(--midnight-100)}