*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#15171c;color:#f4f6fa}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5}.app{min-height:100vh;--bg:#15171c;--surface:#22252d;--ink:#f4f6fa;--muted:#aeb5c3;--line:#363b46;--blue:#4688ee;--green:#83dfa7;background:var(--bg);color:var(--ink)}.app.light{--bg:#fff;--surface:#f8f9fa;--ink:#202124;--muted:#5f6368;--line:#e5e7eb;--blue:#1a73e8;--green:#137333}.app header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{display:flex;gap:12px;align-items:center}.brandIcon{background:#244e89;color:#fff;font-size:22px;font-weight:800;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.brand strong{display:block;font-size:18px}.brand small{display:block;color:var(--muted);margin-top:3px}.headActions{display:flex;gap:10px}.iconBtn{background:transparent;border:0;color:var(--ink);padding:8px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.iconBtn:hover,.nav:hover{background:#788cb41f}.shell{display:flex;min-height:calc(100vh - 76px)}nav{width:220px;flex-shrink:0;border-right:1px solid var(--line);padding:25px 12px}.nav{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;color:var(--muted);border:0;background:none;text-align:left;border-radius:10px;margin-bottom:8px}.nav.active{background:#4688ee24;color:var(--blue);font-weight:700}.content{width:100%;max-width:1420px;padding:30px;margin:0 auto}.top,.between{display:flex;justify-content:space-between;align-items:center;gap:15px}.top{margin-bottom:24px}.top h1{margin:0;font-size:28px}.top p,.panel p{color:var(--muted);margin:6px 0 14px}.primary{background:#327ce5;color:#fff;border:0;border-radius:9px;padding:12px 16px;font-weight:650;display:inline-flex;align-items:center;gap:7px;justify-content:center}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}.panel h2{font-size:18px;margin:0}.panel small,.sub{color:var(--muted)}.big{font-size:31px;font-weight:750;margin:10px 0}.big .sub{font-size:19px;font-weight:450}.green{color:var(--green)!important}.yellow{color:#e7b447}.track{height:11px;background:var(--line);border-radius:50px;overflow:hidden;margin:10px 0 15px}.fill{height:100%;border-radius:50px}.greenBg{background:#3dbd75}.yellowBg{background:#e7b447}.textBtn{background:transparent;border:0;color:var(--blue);padding:6px 0}.sectionTitle{font-size:19px;margin:28px 0 16px}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{display:flex;flex-direction:column;gap:12px}.stat strong{font-size:28px}.dot{height:9px;width:9px;border-radius:50%;background:#aeb5c3}.dot.Pendiente{background:#e7b447}.dot.Aprobado{background:#39bc78}.dot.Colocada{background:#4288ed}.dot.Rechazada{background:#e96767}.dot.Cancelada{background:#9299a4}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 20px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1 1 150px}.field span{font-size:13px;color:var(--muted)}input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:11px;min-width:0;width:100%;color-scheme:dark}.light input,.light select,.light textarea{color-scheme:light}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rate{font-size:20px;font-weight:400;color:var(--ink);margin-top:15px}.agents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.agentName{display:flex;align-items:center;gap:10px;margin-bottom:18px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#343d50;color:#dce9ff;font-weight:700}.agent h3{font-size:22px;margin:6px 0 18px}.bottom{border-top:1px solid var(--line);padding-top:14px}.rateSmall{font-weight:400;font-size:14px}.agents .between{margin:12px 0}.tableWrap{padding:0;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:780px}td,th{padding:17px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-weight:550}td small{color:var(--muted)}tr:last-child td{border-bottom:0}.status{padding:6px 10px;border-radius:30px;font-size:12px;font-weight:650;background:#505968;color:#fff}.status.Pendiente{background:#604c21;color:#ffdb83}.status.Aprobado{background:#194e37;color:#a0f0bd}.status.Colocada{background:#183d74;color:#b0d2ff}.status.Rechazada{background:#632b31;color:#ffb2b8}.status.Cancelada{background:#444952;color:#e0e0e0}.empty{text-align:center;padding:30px;color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;padding:15px;z-index:10}.dialog{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;width:min(720px,100%);max-height:92vh;overflow:auto}.dialog h2{margin:0}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.dialog button:not(.primary),.inline button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;padding:10px}.inline{display:flex;gap:10px;margin-top:8px}.inline input{max-width:200px}.error{color:#ff8c8c}.error.panel{display:flex;justify-content:space-between;margin-bottom:15px}.center{min-height:100vh;display:grid;place-items:center;background:#15171c;color:#f4f6fa;padding:20px}.login{width:min(400px,100%);padding:28px;background:#22252d;border-radius:16px;display:grid;gap:15px}.login h1{margin:0}.login p{color:#aeb5c3}.login .primary{width:100%}@media(max-width:850px){.shell{display:block}nav{width:100%;display:flex;gap:4px;padding:10px;border-right:0;border-bottom:1px solid var(--line)}.nav{margin:0;justify-content:center;padding:11px 7px;font-size:13px}.content{padding:18px}.app header{padding:0 16px}.metrics{grid-template-columns:1fr 1fr}.metrics>.panel:last-child{grid-column:1/-1}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.top h1{font-size:24px}.top .primary{font-size:13px;padding:10px}.panel{padding:16px}}@media(max-width:520px){.agents,.formGrid{grid-template-columns:1fr}.big{font-size:25px}.big .sub{font-size:15px}.brand strong{font-size:16px}.content{padding:14px}.top{align-items:flex-start}.top p{font-size:12px}.kpis{gap:8px}.stat strong{font-size:23px}}.app{--bg:#15161b;--surface:#22252e;--ink:#f6f6f8;--muted:#aeb3c1;--line:#353946;--blue:#8eb6ff;--green:#78d6a1}.app.light{--bg:#f8f9fb;--surface:#fff;--ink:#20232b;--muted:#666e7d;--line:#e0e4eb;--blue:#2569c7;--green:#147c4a}.app header{border-bottom:0;max-width:1320px;margin:auto}.shell{display:block;min-height:calc(100vh - 76px);max-width:1320px;margin:auto}.shell nav{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;padding:10px 28px 4px}.nav{background:var(--surface);justify-content:center;flex-direction:column;gap:9px;min-height:76px;border-radius:14px;font-size:15px;margin:0;text-align:center}.nav.active{background:#263e65;color:#b4d0ff}.content{padding:20px 28px 40px;max-width:100%}.top{margin-bottom:20px}.top h1{font-size:28px}.top p{display:none}.registerBtn{background:#f5f5f6;color:#15171b;text-transform:uppercase;font-weight:800;letter-spacing:.025em;border-radius:100px;padding:15px 25px}.goalSection{margin-top:6px}.goalHeading{margin-bottom:18px}.goalHeading h2{font-size:20px;margin:0}.editGoalBtn{border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:9px;padding:8px 14px;white-space:nowrap}.monthPicker{display:block;margin:0 0 16px}.monthPicker span{display:block;color:var(--muted);font-size:15px;margin-bottom:9px}.monthPicker input{background:transparent;border-radius:30px;padding:14px 18px;min-height:54px}.goalCard{padding:20px;border-radius:18px}.goalCard small{font-size:14px}.goalAmount{font-size:39px;font-weight:800;line-height:1.15;margin:10px 0}.goalCard p{margin:4px 0 22px;font-size:16px}.goalProgressLabel{color:var(--muted);font-size:14px}.goalProgressLabel strong{font-size:18px}.track{height:13px;margin:14px 0 18px;background:#383d49}.yellowBg{background:#ffac12}.yellow{color:#ffb02c}.greenBg{background:#37c77b}.goalMessage{font-weight:750;margin:12px 0 18px}.goalRemaining{color:var(--muted)}.goalRemaining strong{font-size:22px}.goalEditor{margin-top:14px}.sectionTitle{font-size:20px;margin:26px 0 18px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{border:0;min-height:112px;gap:10px;padding:18px}.stat small{font-size:15px;color:inherit;opacity:.85}.stat strong{font-size:32px}.stat-neutral{background:#29446e;color:#bed7ff}.stat-Pendiente{background:#53401c;color:#ffd477}.stat-Aprobado{background:#174a34;color:#91e4b3}.stat-Colocada{background:#203f73;color:#a5caff}.stat-Rechazada{background:#602d34;color:#ffadb4}.stat-Cancelada{background:#373c48;color:#d4d8e2}.app.light .stat-neutral{background:#dce9ff;color:#214c8a}.app.light .stat-Pendiente{background:#fff0cb;color:#835200}.app.light .stat-Aprobado{background:#d6f5e4;color:#11693d}.app.light .stat-Colocada{background:#dce8ff;color:#214c91}.app.light .stat-Rechazada{background:#ffe0e3;color:#922f3d}.app.light .stat-Cancelada{background:#e9ebef;color:#555d6d}@media(max-width:850px){.shell nav{padding:10px 16px 4px}.content{padding:18px 16px 34px}.nav{min-height:72px}.top{display:flex;flex-wrap:wrap}.top .registerBtn{font-size:15px;padding:14px 20px}.goalCard{padding:18px}}@media(max-width:520px){.app header{height:78px;padding:0 18px}.brand strong{font-size:18px}.brand small{font-size:11px}.shell nav{gap:8px;padding:6px 16px 4px}.nav{font-size:13px;min-height:72px;padding:9px 5px}.content{padding:14px 16px 32px}.top{display:flex;flex-direction:column;align-items:stretch;gap:14px}.top h1{font-size:24px}.top .registerBtn{width:100%;font-size:15px;padding:16px 10px}.goalHeading h2{font-size:18px}.editGoalBtn{font-size:13px;padding:8px 11px}.goalAmount{font-size:35px}.goalRemaining strong{font-size:21px}.kpis{gap:10px}.stat{min-height:105px;padding:15px}.stat strong{font-size:30px}}.app .filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px}.app .filters .field{min-width:0;flex:none}.app .filters input,.app .filters select{height:46px;min-height:46px;width:100%;padding:9px 12px;line-height:1.25}.app .filters input[type=month]{display:block;max-width:100%;min-width:0}.app .agents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app .agent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:5px;align-content:start;min-width:0;padding:17px}.app .agent .agentName{grid-column:1/-1;margin:0 0 12px}.app .agent>small:nth-child(2){grid-column:1;grid-row:2}.app .agent>h3:nth-child(3){grid-column:1;grid-row:3}.app .agent>small:nth-child(4){grid-column:2;grid-row:2}.app .agent>h3:nth-child(5){grid-column:2;grid-row:3}.app .agent>h3{font-size:clamp(16px,2.6vw,25px);margin:0 0 14px;overflow-wrap:anywhere;min-width:0;letter-spacing:-.035em}.app .agent .bottom{grid-column:1/-1;margin-top:4px;padding-top:12px}.app .agent .bottom small{font-size:12px}.app .agents>.panel:not(.agent){min-width:0;padding:17px}.app .agents>.panel:not(.agent) h3{font-size:18px;margin:0 0 14px}.app .agents>.panel:not(.agent) .between{gap:8px;margin:10px 0;font-size:14px}.app .agents>.panel:not(.agent) .between strong{white-space:nowrap;font-size:clamp(13px,2.4vw,19px)}.app .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.app .metrics>.panel:last-child{grid-column:auto}.app .metrics .panel{min-width:0;padding:17px}.app .metrics .big{font-size:clamp(18px,3.1vw,30px);overflow-wrap:anywhere}.app .metrics .rate{font-size:clamp(18px,3vw,28px)}@media(max-width:700px){.app .filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app .filters .field{width:100%}.app .filters input,.app .filters select{height:45px;min-height:45px}.app .agents{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.app .agent{padding:12px;column-gap:7px}.app .agent .agentName{gap:7px;margin-bottom:9px}.app .agent .agentName strong{font-size:14px}.app .agent .avatar{width:30px;height:30px;flex-shrink:0}.app .agent>small{font-size:12px}.app .agent>h3{font-size:clamp(12px,3.15vw,18px);letter-spacing:-.04em}.app .agent .bottom{gap:6px}.app .agent .bottom small{font-size:11px}.app .agent .rateSmall{font-size:12px}.app .agents>.panel:not(.agent){padding:12px}.app .agents>.panel:not(.agent) h3{font-size:16px}.app .agents>.panel:not(.agent) .between{font-size:12px}.app .agents>.panel:not(.agent) .between strong{font-size:clamp(11px,3vw,16px)}.app .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.app .metrics>.panel:last-child{grid-column:auto}.app .metrics .panel{padding:11px}.app .metrics .panel small{font-size:11px}.app .metrics .big,.app .metrics .rate{font-size:clamp(15px,4vw,23px)}}@media(max-width:390px){.app .agent{padding:10px;column-gap:5px}.app .agent>h3{font-size:12px}.app .agents>.panel:not(.agent){padding:10px}.app .agents>.panel:not(.agent) .between{font-size:11px}.app .agents>.panel:not(.agent) .between strong{font-size:11px}}.app .filters{align-items:stretch}.app .filters .field{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;gap:7px}.app .filters .field>span{display:block;min-height:18px;line-height:18px;margin:0}.app .filters .field>input,.app .filters .field>select{box-sizing:border-box;display:block;width:100%;height:46px;min-height:46px;max-height:46px;margin:0;padding:0 12px;line-height:normal;vertical-align:middle;border-radius:8px}.app .filters input[type=month],.app .filters input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-items:center;text-align:center;text-align-last:center;padding:0 8px;overflow:hidden}.app .filters input[type=month]::-webkit-date-and-time-value,.app .filters input[type=date]::-webkit-date-and-time-value{min-height:0;line-height:44px;text-align:center;width:100%;margin:0}.app .filters input[type=month]::-webkit-datetime-edit,.app .filters input[type=date]::-webkit-datetime-edit{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:normal}.app .monthPicker input[type=month]{box-sizing:border-box;height:54px;min-height:54px;max-height:54px;display:flex;align-items:center;justify-content:center;text-align:center;text-align-last:center;padding:0 16px;line-height:normal}.app .monthPicker input[type=month]::-webkit-date-and-time-value{min-height:0;line-height:52px;text-align:center;width:100%;margin:0}.app .monthPicker input[type=month]::-webkit-datetime-edit{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:normal}.app .goalSection{margin-top:2px}.app .goalHeading{margin-bottom:10px}.app .goalCard{padding:12px 14px!important;border-radius:14px!important}.app .goalCard small{font-size:12px!important}.app .goalCard .goalAmount{font-size:27px!important;line-height:1.12!important;margin:6px 0!important}.app .goalCard p{font-size:12px!important;margin:2px 0 10px!important}.app .goalCard .goalProgressLabel{font-size:12px!important}.app .goalCard .goalProgressLabel strong{font-size:14px!important}.app .goalCard .track{height:7px!important;margin:7px 0 9px!important}.app .goalCard .goalMessage{font-size:12px!important;margin:7px 0 9px!important}.app .goalCard .goalRemaining{font-size:12px!important}.app .goalCard .goalRemaining strong{font-size:16px!important}.app .monthPicker{margin-bottom:10px}.app .monthPicker span{font-size:12px;margin-bottom:5px}.app .monthPicker input{min-height:42px;padding:9px 12px}.app .monthPicker .monthSelect select{height:42px;min-height:42px;font-size:13px}.app .saleCards{gap:9px!important}.app .saleCard{min-height:0!important;padding:12px 14px 14px!important;border-radius:14px!important}.app .saleTop h3{font-size:16px!important;line-height:1.2!important}.app .saleStatus{font-size:11px!important}.app .saleMeta,.app .saleProduct,.app .saleExtra,.app .saleNotes{font-size:12px!important;line-height:1.3!important;margin-top:5px!important}.app .saleAmount{font-size:21px!important;line-height:1.2!important;margin-top:8px!important}.app .saleNotes{padding-right:78px}.app .saleActions{right:10px!important;bottom:10px!important;gap:7px!important}.app .saleActions button{width:30px!important;height:30px!important}.app .saleActions svg{width:15px!important;height:15px!important}@media(max-width:520px){.app .goalCard{padding:12px 13px!important}.app .saleCard{padding:12px 13px 13px!important}.app .content{padding-bottom:24px}}.center{--surface:#22252d;--ink:#f4f6fa;--muted:#aeb5c3;--line:#444b58;min-height:100dvh;padding:18px}.center .login{width:min(360px,100%);padding:22px 20px;border:1px solid #353b47;border-radius:18px;gap:12px;box-shadow:0 12px 35px #0002}.center .login h1{font-size:25px;line-height:1.15;letter-spacing:-.025em}.center .login p{font-size:13px;line-height:1.4;margin:0 0 4px}.center .login .field{display:flex;flex-direction:column;gap:6px;min-width:0;flex:none}.center .login .field span{font-size:13px;color:#c7ccd5}.center .login input{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-height:44px!important;height:44px!important;padding:10px 12px!important;border:1px solid #4a5260!important;border-radius:11px!important;background:#171a20!important;color:#f5f7fa!important;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;color-scheme:dark}.center .login input:focus{border-color:#78a9f5!important;box-shadow:0 0 0 2px #78a9f526}.center .login .primary{min-height:44px;padding:10px 14px;font-size:14px;border-radius:11px;margin-top:4px}@media(max-width:520px){.center .login{padding:20px 18px}.center .login h1{font-size:24px}}.center.vbAuth{min-height:100dvh;background:#08090c;display:grid;place-items:center;padding:20px 16px;color:#f6f6f8}.center.vbAuth .login.vbLogin{box-sizing:border-box;width:min(420px,100%);display:flex;flex-direction:column;gap:0;padding:25px 22px 23px;border-radius:24px;border:0;background:#17181d;box-shadow:0 14px 44px #0005;color:#f6f6f8}.vbLoginTitle{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 0 19px}.vbLoginTitle svg{color:#82afff;flex-shrink:0}.center.vbAuth .vbLoginTitle h1{margin:0;font-size:clamp(23px,5vw,28px);font-weight:650;line-height:1.2;letter-spacing:-.035em;white-space:nowrap}.center.vbAuth .login .vbLoginSubtitle{color:#aeb3c0;text-align:center;font-size:16px;margin:0 0 21px;line-height:1.4}.center.vbAuth .login .field{display:flex;flex-direction:column;gap:9px;margin:0 0 17px;flex:none;width:100%}.center.vbAuth .login .field span{color:#e1e3eb;font-size:15px;line-height:1.35}.center.vbAuth .login input{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:52px!important;min-height:52px!important;border:1.5px solid #4b4e59!important;border-radius:100px!important;background:#17181d!important;color:#f6f6f8!important;padding:0 20px!important;font-size:16px!important;box-shadow:none!important;outline:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;color-scheme:dark}.center.vbAuth .login input::placeholder{color:#878892;opacity:1}.center.vbAuth .login input:focus{border-color:#8db6ff!important;box-shadow:0 0 0 3px #8db6ff20!important}.center.vbAuth .login .vbLoginButton{width:100%;height:48px;min-height:48px;border:0;border-radius:100px;background:#467cdd;color:#fff;font-size:16px;font-weight:650;margin:2px 0 16px;padding:0 14px}.center.vbAuth .login .vbLoginButton:disabled{background:#282a30;color:#777983;opacity:1;cursor:not-allowed}.center.vbAuth .login .vbForgot{align-self:center;background:none;border:0;color:#86b2ff;padding:7px 5px;font-size:14px;text-align:center;cursor:pointer}.center.vbAuth .login .vbForgot:disabled{opacity:.6;cursor:not-allowed}.center.vbAuth .login .error,.center.vbAuth .login .vbAuthMessage{font-size:13px;margin:0 0 12px;line-height:1.4}.center.vbAuth .login .vbAuthMessage{color:#8ddbb0}@media(max-width:420px){.center.vbAuth .login.vbLogin{padding:24px 20px 21px;border-radius:22px}.center.vbAuth .vbLoginTitle h1{font-size:24px}}.app .vbSaleOverlay{z-index:100;align-items:center;overflow-y:auto;padding:14px;background:#050609bd}.app .vbSaleDialog{width:min(510px,100%);max-height:min(94dvh,850px);overflow-y:auto;padding:0 0 14px;border:0;border-radius:22px;background:transparent;box-shadow:none;scrollbar-width:thin}.app .vbSaleHeader{padding:0 3px 16px;color:var(--ink)}.app .vbSaleHeader h2{font-size:23px;font-weight:700;letter-spacing:-.025em}.app .vbClose{background:transparent!important;border:0!important;color:var(--muted)!important;padding:5px!important;display:grid;place-items:center}.app .vbSaleBody{display:flex;flex-direction:column;gap:13px;padding:17px 16px 16px;background:var(--surface);border-radius:20px}.app .vbSaleBody .field{display:flex;flex-direction:column;gap:7px;flex:none;min-width:0;width:100%}.app .vbSaleBody .field span{font-size:13px;color:var(--muted);font-weight:550}.app .vbSaleRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.app .vbSaleBody input,.app .vbSaleBody select{display:block;box-sizing:border-box;width:100%;height:43px;min-height:43px;border:1px solid #525663;border-radius:26px;background:transparent;color:var(--ink);font-size:14px;padding:0 13px;outline:none}.app .vbSaleBody input::placeholder,.app .vbSaleBody textarea::placeholder{color:#8e929d}.app .vbSaleBody input:focus,.app .vbSaleBody select:focus,.app .vbSaleBody textarea:focus{border-color:#91b4f6}.app .vbSaleBody textarea{width:100%;min-height:76px;border:1px solid #525663;border-radius:12px;background:transparent;color:var(--ink);font-size:14px;padding:11px 13px;resize:vertical}.app .vbSaleBody .vbSaveSale{height:44px;min-height:44px;width:100%;border-radius:30px;background:#f3f3f4;color:#181a1e;font-weight:750;font-size:14px;margin-top:1px;display:flex;align-items:center;justify-content:center;gap:9px}.app.light .vbSaleBody input,.app.light .vbSaleBody select,.app.light .vbSaleBody textarea{border-color:#cbd0d9}@media(max-width:520px){.app .vbSaleOverlay{padding:10px}.app .vbSaleDialog{max-height:94dvh}.app .vbSaleHeader h2{font-size:21px}.app .vbSaleBody{gap:11px;padding:14px}.app .vbSaleBody .field span{font-size:12px}.app .vbSaleBody input,.app .vbSaleBody select{height:41px;min-height:41px;font-size:13px;padding:0 11px}.app .vbSaleRow{gap:9px}.app .vbSaleBody textarea{min-height:68px}}.app .brandIcon.vbBrandLogo{background:linear-gradient(145deg,#fff8e8,#efe3c8);border:1px solid #d9c9a7;border-radius:12px;width:43px;height:43px;display:grid;place-items:center;padding:5px;overflow:hidden;box-sizing:border-box}.app .brandIcon.vbBrandLogo img{display:block;width:100%;height:100%;object-fit:contain}.center.vbAuth{background:radial-gradient(ellipse at 12% 7%,#f5ead2 0%,transparent 46%),linear-gradient(135deg,#fffdfa,#f9f6ee 56%,#eee0c1);color:#161b23}.center.vbAuth .login.vbLogin{background:#ffffffec;color:#161b23;border:1px solid #e8dfd0;box-shadow:0 18px 52px #4b38251f;border-radius:24px;padding:27px 24px 23px}.center.vbAuth .vbLoginTitle{flex-direction:column;gap:5px;margin-bottom:11px}.center.vbAuth .vbLoginLogo{display:block;width:118px;height:78px;object-fit:contain}.center.vbAuth .vbLoginTitle h1{color:#171b22;font-size:clamp(22px,5vw,27px)}.center.vbAuth .login .vbLoginSubtitle{color:#727985;margin-bottom:21px}.center.vbAuth .login .field span{color:#3e444f}.center.vbAuth .login input{background:#fff!important;border-color:#d5d7dc!important;color:#20242c!important;color-scheme:light}.center.vbAuth .login input::placeholder{color:#858c98}.center.vbAuth .login input:focus{border-color:#c59a4d!important;box-shadow:0 0 0 3px #c59a4d25!important}.center.vbAuth .login .vbLoginButton{background:#141a24;color:#e9c478}.center.vbAuth .login .vbLoginButton:disabled{background:#e5e5e5;color:#9b9b9b}.center.vbAuth .login .vbForgot{color:#9d742e}@media(max-width:420px){.center.vbAuth .login.vbLogin{padding:23px 20px}.center.vbAuth .vbLoginLogo{height:65px;width:100px}}.center.vbAuth{background:radial-gradient(ellipse at 5% 3%,rgba(27,91,194,.25),transparent 48%),radial-gradient(ellipse at 95% 92%,rgba(20,92,210,.25),transparent 45%),linear-gradient(140deg,#060d19,#0a162b 55%,#06101f)!important;color:#f5f7ff!important}.center.vbAuth .login.vbLogin{background:linear-gradient(145deg,#141e30f7,#0b1423f7)!important;border:1px solid #28559b!important;box-shadow:0 18px 55px #00000061!important;color:#f5f7ff!important;padding:27px 24px 25px!important}.center.vbAuth .vbLoginTitle{gap:4px!important;margin-bottom:17px!important}.center.vbAuth .vbLoginLogo{width:112px!important;height:72px!important;object-fit:contain!important;filter:none!important}.center.vbAuth .vbLoginTitle h1{font-size:16px!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:500!important;color:#e7bc69!important;text-align:center!important;white-space:normal!important}.center.vbAuth .login .vbLoginSubtitle{color:#f2f5ff!important;font-size:18px!important;font-weight:650!important;margin:0 0 24px!important}.center.vbAuth .login .field span{color:#b8c5dc!important}.center.vbAuth .login input{background:#101c30!important;border:1px solid #364e73!important;color:#f5f7ff!important;color-scheme:dark!important}.center.vbAuth .login input::placeholder{color:#8a9ab2!important}.center.vbAuth .login input:focus{border-color:#388aff!important;box-shadow:0 0 0 3px #2e7ceb2e!important}.center.vbAuth .login .vbLoginButton{background:linear-gradient(90deg,#0872ed,#1761ee)!important;color:#fff!important;border-radius:14px!important;box-shadow:0 7px 22px #1060e140!important}.center.vbAuth .login .vbLoginButton:disabled{background:#28364d!important;color:#a6b3ca!important;box-shadow:none!important}.center.vbAuth .login .vbForgot{color:#4198ff!important}.app .brandIcon.vbBrandLogo{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;width:39px!important;height:34px!important;overflow:visible!important}.app .brandIcon.vbBrandLogo img{width:100%!important;height:100%!important;object-fit:contain!important}.app.light .registerBtn,.app.light .primary.registerBtn{background:#244b85!important;color:#fff!important;border:1px solid #244b85!important;box-shadow:0 3px 10px #1e417829}.app.light .registerBtn:hover{background:#183b70!important}.app.light .nav{background:#e9edf4!important;color:#46536a!important;border:1px solid #d8dfe9!important}.app.light .nav.active{background:#294a7b!important;color:#fff!important;border-color:#294a7b!important}.app.light .nav:hover:not(.active){background:#dce5f3!important;color:#1c4179!important}.app.light .primary:not(.registerBtn):not(.vbSaveSale){background:#2569c7!important;color:#fff!important;border:1px solid #2569c7!important}.app.light .editGoalBtn{background:#eaf1fc!important;border:1px solid #9bb8e4!important;color:#204d88!important;font-weight:650}.app.light .textBtn{color:#185db3!important;font-weight:650}.app.light .inline button,.app.light .dialog button:not(.primary):not(.vbClose){background:#eef3fa!important;border:1px solid #c0cde0!important;color:#213d66!important}.app.light .vbSaleBody .vbSaveSale{background:#244b85!important;color:#fff!important;border:1px solid #244b85!important}.app.light .iconBtn{color:#29476f!important}.app.light .iconBtn:hover{background:#e5edf9!important}.vbDesktopDashboard,.vbDNavBottom{display:none}@media screen and (min-width:851px){.app.dark{--bg:#031024;--surface:#081a33;--ink:#f7faff;--muted:#b3c7e4;--line:#1a426b;background:radial-gradient(ellipse at 50% -10%,#074b9c 0%,transparent 48%),radial-gradient(ellipse at 105% 100%,#082c6b 0%,transparent 42%),linear-gradient(135deg,#020a17,#061c39 65%,#010914);color:#f7faff}.app.dark header{background:linear-gradient(90deg,#031126,#051d3b);border-bottom:1px solid #194475;max-width:none}.app .shell{display:grid;grid-template-columns:215px minmax(0,1fr);max-width:none;margin:0;min-height:calc(100vh - 76px)}.app .shell>nav{display:flex;flex-direction:column;position:relative;width:215px;min-height:calc(100vh - 76px);padding:27px 13px;gap:9px;border-right:1px solid #21416b;border-bottom:0;background:linear-gradient(180deg,#04172e,#031124 70%,#071f41)}.app .shell>nav .nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:13px;min-height:51px;width:100%;margin:0;padding:13px 17px;border-radius:10px;background:transparent;color:#d4e2f8;font-size:15px;font-weight:500;text-align:left}.app .shell>nav .nav.active{background:linear-gradient(110deg,#0870f2,#05317c);color:#fff;box-shadow:0 3px 15px #006bfc55;border:1px solid #168eff}.app .shell>nav .vbDNavBottom{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:24px;border-top:1px solid #26496e}.app .shell>nav .vbDNavBottom button{display:flex;align-items:center;gap:13px;padding:12px 16px;border:0;border-radius:9px;background:transparent;color:#dce8fb;text-align:left}.app .content{max-width:none;min-width:0;padding:24px 25px 35px}.app .content:has(>.goalSection){display:block}.app .content:has(>.goalSection)>.top,.app .content:has(>.goalSection)>.goalSection,.app .content:has(>.goalSection)>.sectionTitle,.app .content:has(>.goalSection)>.kpis{display:none!important}.app .content:has(>.goalSection)>.vbDesktopDashboard{display:block!important;order:initial}.vbDesktopDashboard{color:#f7faff}.vbDesktopHeading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:20px}.vbDesktopHeading h1{font-size:32px;margin:0 0 4px;font-weight:760;letter-spacing:-.04em}.vbDesktopHeading p{font-size:14px;color:#c0d3ec;margin:0}.vbDesktopMonth{display:flex;align-items:center;gap:8px;border:1px solid #26568e;background:#05152d;border-radius:25px;padding:7px 14px;min-width:210px}.vbDesktopMonth .monthSelect{display:flex;gap:6px}.vbDesktopMonth select{background:transparent;border:0;color:#fff;padding:5px;font-size:13px;width:auto}.vbDesktopStatuses{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:15px}.vbDStatus{min-width:0;min-height:112px;display:flex;align-items:center;gap:12px;border-radius:11px;padding:15px 10px;border:1px solid #ffffff33;color:#fff;text-align:left;box-shadow:inset 0 1px #ffffff2a,0 8px 25px #0004;transition:transform .15s,filter .15s}.vbDStatus:hover{transform:translateY(-3px);filter:brightness(1.13)}.vbD-Aprobado{background:linear-gradient(130deg,#00552f,#00864d 65%,#00b66a)}.vbD-Sometida{background:linear-gradient(130deg,#1b2c45,#344c6b 75%,#637d9b)}.vbD-Pendiente{background:linear-gradient(130deg,#80500c,#a86d0b 70%,#dc9a16)}.vbD-Colocada{background:linear-gradient(130deg,#003d99,#0067e9 80%,#0083ff)}.vbD-Cancelada{background:linear-gradient(130deg,#1e3048,#364d68 75%,#59728e)}.vbD-Rechazada{background:linear-gradient(130deg,#7e1020,#bc1b2b 75%,#e12b38)}.vbDIcon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#ffffff50,#ffffff0c);box-shadow:inset 0 1px #fff6,0 4px 15px #0003}.vbDStatCopy{display:flex;flex-direction:column;gap:5px;min-width:0}.vbDStatCopy>span{font-size:13px;font-weight:600;white-space:nowrap}.vbDStatCopy strong{font-size:29px;line-height:1.1}.vbDGoal{display:grid;grid-template-columns:75px minmax(170px,1fr) minmax(160px,1.4fr) minmax(160px,.7fr);align-items:center;gap:14px;min-height:140px;padding:18px 23px;border:1px solid #1d5eac;border-radius:12px;background:radial-gradient(ellipse at 55% 130%,#114c94 0%,transparent 55%),linear-gradient(120deg,#06142a,#092657 70%,#06152e);box-shadow:0 9px 30px #0004}.vbDGoalIcon{display:grid;place-items:center;width:67px;height:67px;border-radius:50%;background:linear-gradient(145deg,#263e59,#071323);color:#ffbe35}.vbDGoalAmount{display:flex;flex-direction:column;gap:3px}.vbDGoalAmount h2{font-size:16px;margin:0;white-space:nowrap}.vbDGoalAmount strong{font-size:34px;line-height:1.15}.vbDGoalAmount>span{color:#c4d3eb;font-size:15px}.vbDGoalEdit{align-self:flex-start;border:0;background:transparent;color:#ffc75a;padding:3px 0;font-size:12px;text-decoration:underline}.vbDGoalProgress b{display:block;color:#ffc34b;font-size:19px;text-align:right;margin-bottom:8px}.vbDTrack{height:17px;border:1px solid #3b648e;border-radius:20px;background:#102a4b;overflow:hidden}.vbDTrack span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#ffd15b,#f6a900)}.vbDGoalLeft{border-left:1px solid #3e5b7b;padding-left:20px;display:flex;flex-direction:column;gap:5px}.vbDGoalLeft span{font-size:14px;color:#d2dded}.vbDGoalLeft strong{font-size:28px;color:#ffbf39}.vbDMetricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.vbDMetric{min-width:0;min-height:115px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;padding:14px;border-radius:11px;border:1px solid #1d5088;background:linear-gradient(135deg,#0b2342,#041327);box-shadow:0 7px 22px #0003}.vbDMetricIcon{display:grid;place-items:center;width:47px;height:47px;flex-shrink:0;border-radius:50%;background:linear-gradient(145deg,#294563,#091c35);color:#ffc344}.vbDMetric>div{display:flex;flex-direction:column;gap:7px;min-width:0;z-index:1}.vbDMetric>div>span{font-size:13px;color:#d0dcf0}.vbDMetric strong{font-size:23px;white-space:nowrap}.vbDSpark{position:absolute;right:9px;bottom:7px;opacity:.75}.vbDSparkGreen{color:#00f3a0}.vbDSparkGold{color:#ffc132}.vbDSparkBlue{color:#158aff}.vbDSparkPurple{color:#bb4cff}.vbDBottom{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(220px,1fr);gap:12px}.vbDChart,.vbDQuote{border:1px solid #20518a;border-radius:12px;background:linear-gradient(150deg,#071c38,#031024);min-height:260px;padding:20px}.vbDChart h2{font-size:19px;margin:0 0 17px}.vbDLegend{display:flex;flex-wrap:wrap;gap:9px 15px;font-size:11px;color:#d2dff0}.vbDLegend span{display:flex;align-items:center;gap:6px}.vbDLegend i{width:10px;height:10px;border-radius:3px}.vbDChartArea{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:7px;height:165px;margin-top:15px;border-bottom:1px solid #54718e;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#24415d 40px)}.vbDBarColumn{display:flex;align-items:center;justify-content:end;flex-direction:column;height:100%;min-width:0}.vbDBarStack{width:65%;max-width:28px;display:flex;flex-direction:column-reverse;justify-content:flex-start;overflow:hidden;max-height:135px;border-radius:3px 3px 0 0}.vbDBarStack span{display:block;width:100%}.vbDBarColumn small{font-size:11px;margin:8px 0 -20px;color:#e6eefb}.vbDQuote{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;color:#ffcf68;background:radial-gradient(ellipse at 80% 15%,#9c650d77,transparent 55%),linear-gradient(135deg,#061327,#122846 55%,#06101e)}.vbDQuote strong{font-size:22px;line-height:1.45;color:#ffe0a1}.app.light .vbDesktopDashboard{color:#f7faff}.app.light .shell>nav{background:linear-gradient(180deg,#07182e,#0c2a50)}.app.light .shell>nav .nav:not(.active){background:transparent!important;color:#d4e2f8!important;border:0!important}.app.light .shell>nav .nav.active{background:linear-gradient(110deg,#0870f2,#05317c)!important;color:#fff!important}}@media screen and (min-width:851px)and (max-width:1250px){.vbDesktopStatuses{grid-template-columns:repeat(3,minmax(0,1fr))}.vbDGoal{grid-template-columns:60px 1fr 1fr}.vbDGoalLeft{grid-column:2/4;border-left:0;padding-left:0;flex-direction:row;gap:12px;align-items:center}.vbDMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:851px){.app .shell>nav{isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 115% 23% at -34% 92%,rgba(249,176,48,.57) 0%,rgba(196,114,17,.21) 24%,transparent 57%),radial-gradient(ellipse 130% 29% at 115% 112%,rgba(0,104,255,.72) 0%,rgba(0,78,197,.3) 37%,transparent 70%),radial-gradient(ellipse 125% 48% at -40% -12%,rgba(10,62,132,.44),transparent 70%),linear-gradient(175deg,#041125,#06162c 52%,#041126)!important}.app .shell>nav:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:165%;height:33%;left:-52%;bottom:5%;border-bottom:2px solid rgba(255,197,79,.92);border-radius:0 0 75% 60%;transform:rotate(-13deg);box-shadow:0 12px 22px #ed9e2240}.app .shell>nav:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:160%;height:30%;left:19%;bottom:-17%;border-top:2px solid rgba(36,140,255,.85);border-radius:60% 80% 0 0;transform:rotate(-18deg);box-shadow:0 -10px 22px #0065ff30}.app .shell>nav>*{position:relative;z-index:1}}@media screen and (min-width:851px){.app.dark{background:radial-gradient(ellipse at 63% 0%,#10355b 0%,transparent 42%),linear-gradient(125deg,#031021,#061a31 58%,#030e1b)!important}.app.dark .vbDesktopDashboard{color:#f0f3f8}.app.dark .vbDStatus{box-shadow:inset 0 1px #ffffff13,0 4px 15px #0002;border-width:1px}.app.dark .vbD-Sometida{background:linear-gradient(140deg,#1a3048,#223b54);border-color:#46627e}.app.dark .vbD-Pendiente{background:linear-gradient(140deg,#3b3326,#493d2c);border-color:#80683f}.app.dark .vbD-Aprobado{background:linear-gradient(140deg,#123b38,#104740);border-color:#2a7668}.app.dark .vbD-Colocada{background:linear-gradient(140deg,#122d4f,#173e66);border-color:#32618f}.app.dark .vbD-Cancelada{background:linear-gradient(140deg,#1b2d40,#283c50);border-color:#50677c}.app.dark .vbD-Rechazada{background:linear-gradient(140deg,#422b36,#522f3c);border-color:#865362}.app.dark .vbDIcon{background:#ffffff13;box-shadow:none}.app.dark .vbDGoal{background:linear-gradient(135deg,#0a2039,#0b2848 70%,#0a1c32);border-color:#294a6a;box-shadow:0 6px 20px #0002}.app.dark .vbDMetric{background:linear-gradient(145deg,#0d243d,#091b30);border-color:#28445f;box-shadow:none}.app.dark .vbDChart,.app.dark .vbDQuote{background:linear-gradient(145deg,#0a2038,#07172b);border-color:#28445f}.app.dark .vbDQuote{background:radial-gradient(ellipse at 75% 90%,#66512b33,transparent 60%),linear-gradient(145deg,#0b2139,#08172b)}.app.dark .vbDSparkGreen{color:#65a88e}.app.dark .vbDSparkGold{color:#d4ad6b}.app.dark .vbDSparkBlue{color:#6c98c4}.app.dark .vbDSparkPurple{color:#9c8cb5}.app.dark .vbDTrack span{background:linear-gradient(90deg,#e7c483,#c89b48)}.app.dark .shell>nav .nav.active{background:linear-gradient(120deg,#173b68,#194c84);border-color:#3e6896;box-shadow:none}.app.light{background:linear-gradient(135deg,#f7f8fa,#f0f3f7 65%,#f8f9fb)!important;color:#1c2c43}.app.light header{background:#fff!important;border-bottom:1px solid #e4e8ee!important}.app.light .shell>nav{background:linear-gradient(160deg,#fff,#f7f8fa)!important;border-right:1px solid #e1e5ec!important}.app.light .shell>nav:before,.app.light .shell>nav:after{display:none!important}.app.light .shell>nav .nav:not(.active){color:#33445e!important;background:transparent!important}.app.light .shell>nav .nav.active{background:linear-gradient(110deg,#f2e8d7,#f7efe4)!important;color:#26364b!important;border:1px solid #e8d9bd!important;box-shadow:none!important}.app.light .shell>nav .vbDNavBottom{border-top-color:#e2e5ea}.app.light .shell>nav .vbDNavBottom button{color:#40516a}.app.light .vbDesktopDashboard{color:#182940!important}.app.light .vbDesktopHeading p{color:#68778d}.app.light .vbDesktopMonth{background:#fff;border-color:#dce3ed;color:#273b55}.app.light .vbDesktopMonth select{color:#26384e}.app.light .vbDStatus{color:#22334b;box-shadow:0 3px 12px #20355009,inset 0 1px #ffffffc9;border:1px solid #e2e6eb}.app.light .vbD-Sometida{background:linear-gradient(145deg,#f1f4f7,#e9eef3);border-color:#dce3eb}.app.light .vbD-Pendiente{background:linear-gradient(145deg,#fbf5ea,#f7eedf);border-color:#f0e4d0}.app.light .vbD-Aprobado{background:linear-gradient(145deg,#edf7f2,#e2f2e9);border-color:#d4e9dd}.app.light .vbD-Colocada{background:linear-gradient(145deg,#eff4fb,#e7effa);border-color:#dce6f4}.app.light .vbD-Cancelada{background:linear-gradient(145deg,#f5f6f8,#edf0f3);border-color:#e2e6ec}.app.light .vbD-Rechazada{background:linear-gradient(145deg,#fbf0f0,#f7e7e8);border-color:#f1dfe0}.app.light .vbDIcon{background:#ffffff9e;box-shadow:none}.app.light .vbD-Sometida .vbDIcon{color:#506780}.app.light .vbD-Pendiente .vbDIcon{color:#ae8544}.app.light .vbD-Aprobado .vbDIcon{color:#388d73}.app.light .vbD-Colocada .vbDIcon{color:#5486bd}.app.light .vbD-Cancelada .vbDIcon{color:#7c8999}.app.light .vbD-Rechazada .vbDIcon{color:#b76872}.app.light .vbDGoal{background:#fff;border-color:#e2e7ee;color:#1d2f48;box-shadow:0 4px 18px #2035500b}.app.light .vbDGoalIcon{background:#fbf5ea;color:#c69b56}.app.light .vbDGoalAmount>span,.app.light .vbDGoalLeft span{color:#66758b}.app.light .vbDGoalProgress b,.app.light .vbDGoalLeft strong,.app.light .vbDGoalEdit{color:#b98436}.app.light .vbDTrack{background:#e9edf2;border-color:#e2e7ee}.app.light .vbDTrack span{background:linear-gradient(90deg,#e4c48c,#c89b56)}.app.light .vbDGoalLeft{border-left-color:#e0e5ed}.app.light .vbDMetric{background:#fff;border-color:#e2e7ee;color:#1b2d45;box-shadow:0 4px 15px #2035500a}.app.light .vbDMetricIcon{background:#f8f2e7;color:#bf944e}.app.light .vbDMetric>div>span{color:#627188}.app.light .vbDSparkGreen{color:#69aa8c}.app.light .vbDSparkGold{color:#cba360}.app.light .vbDSparkBlue{color:#719ccc}.app.light .vbDSparkPurple{color:#a497c5}.app.light .vbDChart,.app.light .vbDQuote{background:#fff;border-color:#e1e6ed;color:#22334c;box-shadow:0 4px 15px #20355009}.app.light .vbDLegend,.app.light .vbDBarColumn small{color:#66758b}.app.light .vbDChartArea{border-bottom-color:#ccd5e0;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#e7ebf0 40px)}.app.light .vbDQuote{background:radial-gradient(ellipse at 90% 95%,#e8d5b555,transparent 55%),linear-gradient(135deg,#fff,#fbf7f0)}.app.light .vbDQuote strong,.app.light .vbDQuote svg{color:#a77d42}}@media screen and (max-width:850px){.app.dark{--bg:#071629;--surface:#10243b;--ink:#edf2f7;--muted:#afbed0;--line:#294057;--blue:#769ec8;--green:#83b7a0;background:radial-gradient(ellipse at 85% 0%,#17395a 0%,transparent 50%),linear-gradient(150deg,#071527,#0b2138 65%,#071729)}.app.dark header{background:#091a2e;border-bottom-color:#294057}.app.dark .panel,.app.dark .goalCard{background:linear-gradient(145deg,#112941,#102238);border-color:#304a63;box-shadow:0 4px 16px #00000016}.app.dark .stat-neutral{background:linear-gradient(145deg,#243a52,#2b435c);color:#edf3fa;border:1px solid #455d76}.app.dark .stat-Pendiente{background:linear-gradient(145deg,#463c2e,#504331);color:#f3d9aa;border:1px solid #786342}.app.dark .stat-Aprobado{background:linear-gradient(145deg,#193f3b,#204e45);color:#c1e8d6;border:1px solid #377463}.app.dark .stat-Colocada{background:linear-gradient(145deg,#193553,#234766);color:#d0e3f6;border:1px solid #42698a}.app.dark .stat-Cancelada{background:linear-gradient(145deg,#29394a,#354657);color:#e0e7ed;border:1px solid #566777}.app.dark .stat-Rechazada{background:linear-gradient(145deg,#4b323c,#563742);color:#f4d5da;border:1px solid #805663}.app.dark .yellow,.app.dark .goalRemaining strong{color:#dfbb7d}.app.dark .yellowBg{background:#d4aa68}.app.dark .greenBg{background:#79b39a}.app.dark .track{background:#34485d}.app.dark .nav.active{background:#1c3b5c;color:#dceafa}.app.dark .registerBtn{background:#f0e9de;color:#172a40}.app.light{--bg:#f6f7f8;--surface:#ffffff;--ink:#203047;--muted:#69788a;--line:#e1e6ed;--blue:#537eac;--green:#438b70;background:linear-gradient(145deg,#fbfaf8,#f3f5f7 65%,#f8f9fa)}.app.light header{background:#fff;border-bottom-color:#e5e9ee}.app.light .panel,.app.light .goalCard{background:#fff;border-color:#e3e7ed;box-shadow:0 4px 15px #2035500a}.app.light .stat-neutral{background:#edf1f5;color:#40566e;border:1px solid #dce3ea}.app.light .stat-Pendiente{background:#f9f1e4;color:#8e693b;border:1px solid #eddfca}.app.light .stat-Aprobado{background:#e7f3ec;color:#37745e;border:1px solid #d6e7dd}.app.light .stat-Colocada{background:#e9f0f8;color:#426d9b;border:1px solid #d8e3ef}.app.light .stat-Cancelada{background:#eff1f4;color:#657487;border:1px solid #e0e5eb}.app.light .stat-Rechazada{background:#f8eaec;color:#985966;border:1px solid #eedadd}.app.light .yellow,.app.light .goalRemaining strong{color:#b58747}.app.light .yellowBg{background:#d3aa69}.app.light .greenBg{background:#79b39a}.app.light .track{background:#e6ebf0}.app.light .nav.active{background:#f1e9dc!important;color:#4c5866!important;border-color:#e8dcc8!important}.app.light .nav:not(.active){background:#f5f6f8!important;color:#536176!important;border-color:#e4e8ee!important}.app.light .registerBtn{background:#284664!important;color:#fff!important}}.app .vbSaleBody .vbDatePicker{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important;border:1px solid #58687c!important;border-radius:24px!important;background:transparent!important;overflow:hidden!important}.app .vbSaleBody .vbDateText{display:block!important;position:relative!important;z-index:0!important;color:inherit!important;font-size:15px!important;line-height:1.2!important;pointer-events:none!important;text-align:center!important;white-space:nowrap!important}.app .vbSaleBody input.vbDateNative{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:block!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;opacity:0!important;color:transparent!important;background:transparent!important;border:0!important;box-shadow:none!important;cursor:pointer!important;z-index:2!important;box-sizing:border-box!important}.app .vbSaleBody .vbDatePicker:focus-within{border-color:#c8a66e!important}.app.light .vbSaleBody .vbDatePicker{border-color:#cbd4e0!important}@media(max-width:850px){.app .vbSaleBody .vbDatePicker{height:43px!important;min-height:43px!important}}.app .agents .agent .agentName strong{color:#d6ad67!important}.app.light .agents .agent .agentName strong{color:#a77931!important}@media screen and (min-width:851px){.app .content:has(>.goalSection){padding:clamp(10px,1.65vh,18px) clamp(13px,1.5vw,24px) 12px!important}.app .content:has(>.goalSection) .vbDesktopHeading{margin-bottom:clamp(7px,1vh,12px);gap:12px}.app .content:has(>.goalSection) .vbDesktopHeading h1{font-size:clamp(23px,3.6vh,29px);line-height:1.1;margin-bottom:2px}.app .content:has(>.goalSection) .vbDesktopHeading p{font-size:12px}.app .content:has(>.goalSection) .vbDesktopStatuses{gap:9px;margin-bottom:clamp(8px,1.2vh,12px)}.app .content:has(>.goalSection) .vbDStatus{min-height:clamp(65px,10.5vh,92px);padding:10px;gap:8px}.app .content:has(>.goalSection) .vbDStatus .vbDIcon{width:clamp(32px,5vh,42px);height:clamp(32px,5vh,42px);flex-shrink:0}.app .content:has(>.goalSection) .vbDGoal{min-height:clamp(85px,13vh,112px);padding:10px 16px;gap:10px;grid-template-columns:52px minmax(130px,1fr) minmax(140px,1.4fr) minmax(130px,.7fr)}.app .content:has(>.goalSection) .vbDGoalIcon{width:48px;height:48px}.app .content:has(>.goalSection) .vbDGoalAmount h2{font-size:14px}.app .content:has(>.goalSection) .vbDGoalAmount strong{font-size:clamp(24px,3.8vh,30px)}.app .content:has(>.goalSection) .vbDGoalLeft strong{font-size:clamp(21px,3.3vh,27px)}.app .content:has(>.goalSection) .vbDMetricGrid{margin:clamp(8px,1.1vh,12px) 0;gap:9px}.app .content:has(>.goalSection) .vbDMetric{min-height:clamp(70px,10.5vh,92px);padding:10px;gap:9px}.app .content:has(>.goalSection) .vbDMetricIcon{width:38px;height:38px}.app .content:has(>.goalSection) .vbDMetric strong{font-size:21px}.app .content:has(>.goalSection) .vbDBottom{gap:10px}.app .content:has(>.goalSection) .vbDChart,.app .content:has(>.goalSection) .vbDQuote{min-height:clamp(185px,29vh,240px);padding:clamp(10px,1.5vh,16px)}.app .content:has(>.goalSection) .vbDChart h2{font-size:16px;margin-bottom:9px}.app .content:has(>.goalSection) .vbDChartArea{height:clamp(92px,16vh,137px);margin-top:10px}.app .content:has(>.goalSection) .vbDBarStack{max-height:clamp(74px,12vh,112px)}.app .content:has(>.goalSection) .vbDQuote{gap:12px}.app .content:has(>.goalSection) .vbDQuote strong{font-size:clamp(16px,2.3vh,20px)}}@media screen and (min-width:1000px)and (max-width:1250px){.app .content:has(>.goalSection) .vbDesktopStatuses{grid-template-columns:repeat(6,minmax(0,1fr))}.app .content:has(>.goalSection) .vbDMetricGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.app .content:has(>.goalSection) .vbDGoal{grid-template-columns:46px minmax(110px,1fr) minmax(120px,1.2fr) minmax(100px,.7fr)}.app .content:has(>.goalSection) .vbDGoalLeft{grid-column:auto;border-left:1px solid #3e5b7b;padding-left:10px;flex-direction:column;gap:4px;align-items:flex-start}.app .content:has(>.goalSection) .vbDStatus{padding:8px;gap:6px}}@media screen and (min-width:851px){.app .content:has(>.goalSection) .vbDStatus{min-height:clamp(78px,12vh,106px);padding:12px 11px}.app .content:has(>.goalSection) .vbDGoal{min-height:clamp(98px,15vh,130px);padding:14px 17px}.app .content:has(>.goalSection) .vbDMetric{min-height:clamp(82px,12vh,108px);padding:12px}.app .content:has(>.goalSection) .vbDChart,.app .content:has(>.goalSection) .vbDQuote{min-height:clamp(205px,32vh,270px);padding:clamp(12px,1.8vh,18px)}.app .content:has(>.goalSection) .vbDChartArea{height:clamp(106px,18vh,154px)}.app .content:has(>.goalSection) .vbDBarStack{max-height:clamp(86px,14vh,128px)}}@media screen and (min-width:851px){.app .content:has(.saleCards){max-width:1100px;margin-inline:auto;padding:22px clamp(24px,3vw,42px) 38px}.app .content:has(.saleCards)>.top{margin-bottom:22px;align-items:center}.app .content:has(.saleCards)>.top h1{font-size:clamp(27px,2.5vw,35px);letter-spacing:-.035em}.app .content:has(.saleCards) .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;max-width:900px;margin:0 auto 20px;align-items:end}.app .content:has(.saleCards) .filters .field{min-width:0;width:100%}.app .content:has(.saleCards) .filters input,.app .content:has(.saleCards) .filters select{min-height:42px;height:42px;border-radius:11px;background:#102640;border:1px solid #3a5976;color:#eef4fb}.app .content:has(.saleCards) .saleCards{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%;max-width:900px;margin-inline:auto}.app .content:has(.saleCards) .saleCard{width:100%;min-width:0;min-height:128px!important;padding:18px 22px!important;border-radius:16px!important;border:1px solid #3a5671!important;box-shadow:0 5px 18px #00000016;background:linear-gradient(125deg,#142c45,#10263e)!important;position:relative;transition:border-color .18s,transform .18s}.app .content:has(.saleCards) .saleCard:hover{border-color:#7890a9!important;transform:translateY(-1px)}.app .content:has(.saleCards) .saleTop{display:flex;justify-content:space-between;align-items:center;gap:12px}.app .content:has(.saleCards) .saleTop h3{font-size:19px!important;letter-spacing:-.025em}.app .content:has(.saleCards) .saleAmount{font-size:25px!important;color:#e1bc79;font-weight:750;margin-top:9px!important}.app .content:has(.saleCards) .saleMeta,.app .content:has(.saleCards) .saleProduct,.app .content:has(.saleCards) .saleExtra{font-size:13px!important;line-height:1.45!important;color:#c0cee0}.app .content:has(.saleCards) .saleActions{right:16px!important;bottom:14px!important;gap:10px!important}.app .content:has(.saleCards) .saleActions button{width:34px!important;height:34px!important}.app .content:has(.saleCards) .saleNotes{max-width:calc(100% - 110px)}.app.light .content:has(.saleCards) .filters input,.app.light .content:has(.saleCards) .filters select{background:#fff!important;color:#24374e!important;border-color:#d9e1e9!important}.app.light .content:has(.saleCards) .saleCard{background:linear-gradient(120deg,#fff,#f7f9fc)!important;border-color:#dce4ec!important;box-shadow:0 5px 18px #1c34400b}.app.light .content:has(.saleCards) .saleAmount{color:#a67b3c!important}.app.light .content:has(.saleCards) .saleMeta,.app.light .content:has(.saleCards) .saleProduct,.app.light .content:has(.saleCards) .saleExtra{color:#617189!important}}@media screen and (min-width:851px){.app .content:has(>.metrics):has(>.agents){max-width:none!important;width:100%!important;padding:12px clamp(18px,2.2vw,32px) 18px!important;margin-inline:auto}.app .content:has(>.metrics):has(>.agents)>.top{margin-bottom:10px!important;min-height:42px}.app .content:has(>.metrics):has(>.agents)>.top h1{font-size:27px!important;line-height:1.1}.app .content:has(>.metrics):has(>.agents)>.top .registerBtn{padding:10px 18px!important;min-height:38px!important;font-size:12px!important}.app .content:has(>.metrics):has(>.agents)>.filters{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 0 11px!important}.app .content:has(>.metrics):has(>.agents)>.filters .field{min-width:0!important;gap:4px!important}.app .content:has(>.metrics):has(>.agents)>.filters .field>span{font-size:12px!important;min-height:15px!important;line-height:15px!important}.app .content:has(>.metrics):has(>.agents)>.filters input,.app .content:has(>.metrics):has(>.agents)>.filters select{height:36px!important;min-height:36px!important;max-height:36px!important;border-radius:9px!important;padding-inline:10px!important;font-size:13px!important}.app .content:has(>.metrics):has(>.agents)>.metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-bottom:0!important}.app .content:has(>.metrics):has(>.agents)>.metrics>.panel{min-height:91px!important;padding:12px 16px!important;border-radius:13px!important}.app .content:has(>.metrics):has(>.agents)>.metrics .big{font-size:clamp(21px,2.1vw,29px)!important;margin:6px 0 0!important;line-height:1.1!important}.app .content:has(>.metrics):has(>.agents)>.metrics .rate{font-size:clamp(21px,2.1vw,29px)!important;margin-top:6px!important}.app .content:has(>.metrics):has(>.agents)>.sectionTitle{font-size:19px!important;line-height:1.2!important;margin:14px 0 9px!important}.app .content:has(>.metrics):has(>.agents)>.agents{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.app .content:has(>.metrics):has(>.agents)>.agents>.panel{min-height:0!important;padding:12px 16px!important;border-radius:13px!important}.app .content:has(>.metrics):has(>.agents) .agent{row-gap:2px!important}.app .content:has(>.metrics):has(>.agents) .agent .agentName{margin-bottom:6px!important;gap:9px!important}.app .content:has(>.metrics):has(>.agents) .agent .avatar{width:31px!important;height:31px!important}.app .content:has(>.metrics):has(>.agents) .agent>h3{font-size:clamp(19px,2vw,26px)!important;margin:0 0 4px!important;line-height:1.2!important}.app .content:has(>.metrics):has(>.agents) .agent .bottom{margin-top:3px!important;padding-top:8px!important}.app .content:has(>.metrics):has(>.agents) .agent .bottom .between{margin:0!important}.app .content:has(>.metrics):has(>.agents)>.agents>.panel:not(.agent) h3{font-size:17px!important;margin:0 0 8px!important}.app .content:has(>.metrics):has(>.agents)>.agents>.panel:not(.agent) .between{margin:5px 0!important}}@media screen and (min-width:851px)and (max-height:760px){.app .content:has(>.metrics):has(>.agents){padding-top:8px!important;padding-bottom:12px!important}.app .content:has(>.metrics):has(>.agents)>.sectionTitle{margin:10px 0 7px!important}.app .content:has(>.metrics):has(>.agents)>.metrics>.panel{min-height:78px!important;padding-block:9px!important}.app .content:has(>.metrics):has(>.agents)>.agents>.panel{padding-block:9px!important}}@media screen and (min-width:851px){.app .content:has(>.salesView){width:100%!important;max-width:none!important;margin:0!important;padding:16px clamp(20px,2.4vw,34px) 22px!important}.app .content:has(>.salesView)>.top{margin:0 0 14px!important;align-items:center!important}.app .content:has(>.salesView)>.top h1{font-size:clamp(27px,2.3vw,34px)!important;line-height:1.1!important}.app .content:has(>.salesView) .salesView{display:grid!important;grid-template-columns:minmax(215px,27%) minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;column-gap:18px!important;row-gap:9px!important;width:100%!important;max-width:none!important;margin:0!important;align-items:start!important}.app .content:has(>.salesView) .salesFilters{grid-column:1!important;grid-row:1 / span 2!important;display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;padding:17px!important;margin:0!important;border:1px solid #315474!important;border-radius:17px!important;background:linear-gradient(155deg,#0e2844,#0b2038)!important;box-shadow:0 7px 24px #00000014!important;min-width:0!important}.app .content:has(>.salesView) .salesFilterRow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important}.app .content:has(>.salesView) .salesFilters .field{width:100%!important;min-width:0!important;flex:none!important;gap:5px!important;margin:0!important}.app .content:has(>.salesView) .salesFilters .field>span{color:#c1d0e0!important;font-size:12px!important;opacity:1!important}.app .content:has(>.salesView) .salesFilters select,.app .content:has(>.salesView) .salesFilters input,.app .content:has(>.salesView) .salesSearch input{width:100%!important;height:39px!important;min-height:39px!important;max-height:39px!important;padding:7px 11px!important;border:1px solid #3e607d!important;border-radius:10px!important;background:#122e4b!important;color:#f0f5fa!important;font-size:12px!important;box-shadow:none!important}.app .content:has(>.salesView) .salesSearch{width:100%!important}.app .content:has(>.salesView) .salesSearch input::placeholder{color:#aebfd2!important}.app .content:has(>.salesView) .periodSwitch{display:flex!important;gap:6px!important;margin:0!important}.app .content:has(>.salesView) .periodSwitch button{flex:1!important;padding:7px 9px!important;background:#142e49!important;color:#bccbdc!important;border:1px solid #365472!important;border-radius:10px!important;font-size:12px!important}.app .content:has(>.salesView) .periodSwitch button.chosen{background:#2c4c6b!important;color:#fff!important;border-color:#7793ae!important}.app .content:has(>.salesView) .salesCount{grid-column:2!important;grid-row:1!important;margin:0!important;padding:0 2px!important;align-self:center!important;font-size:13px!important;color:#bfd0e3!important}.app .content:has(>.salesView) .saleCards{grid-column:2!important;grid-row:2!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important;width:100%!important;max-width:none!important;margin:0!important;align-content:start!important}.app .content:has(>.salesView) .saleCard{min-height:0!important;width:100%!important;padding:15px 100px 16px 19px!important;border-radius:14px!important;border:1px solid #49627a!important;box-shadow:0 4px 14px #00000012!important;background:linear-gradient(110deg,#263e54,#1d344b)!important}.app .content:has(>.salesView) .saleCard.sale-Pendiente{background:linear-gradient(110deg,#473b2b,#3c352d)!important;border-color:#88704c!important}.app .content:has(>.salesView) .saleCard.sale-Aprobado{background:linear-gradient(110deg,#173d39,#1d4541)!important;border-color:#397b6c!important}.app .content:has(>.salesView) .saleCard.sale-Colocada{background:linear-gradient(110deg,#173755,#1d4162)!important;border-color:#46769c!important}.app .content:has(>.salesView) .saleCard.sale-Rechazada{background:linear-gradient(110deg,#4b303b,#412c36)!important;border-color:#8a5868!important}.app .content:has(>.salesView) .saleCard.sale-Cancelada{background:linear-gradient(110deg,#313e4c,#283746)!important;border-color:#627486!important}.app .content:has(>.salesView) .saleTop h3{font-size:18px!important;line-height:1.2!important;color:#f7f9fc!important}.app .content:has(>.salesView) .saleStatus{font-size:12px!important;color:#e3edf8!important}.app .content:has(>.salesView) .saleAmount{font-size:23px!important;margin-top:6px!important;color:#e6c188!important}.app .content:has(>.salesView) .saleCard.sale-Aprobado .saleAmount,.app .content:has(>.salesView) .saleCard.sale-Aprobado .saleStatus{color:#b1e3cb!important}.app .content:has(>.salesView) .saleCard.sale-Pendiente .saleAmount,.app .content:has(>.salesView) .saleCard.sale-Pendiente .saleStatus{color:#f0d09a!important}.app .content:has(>.salesView) .saleCard.sale-Colocada .saleAmount,.app .content:has(>.salesView) .saleCard.sale-Colocada .saleStatus{color:#bad6f3!important}.app .content:has(>.salesView) .saleCard.sale-Rechazada .saleAmount,.app .content:has(>.salesView) .saleCard.sale-Rechazada .saleStatus{color:#f2b9c1!important}.app .content:has(>.salesView) .saleMeta,.app .content:has(>.salesView) .saleProduct,.app .content:has(>.salesView) .saleExtra{font-size:12px!important;line-height:1.35!important;margin-top:4px!important;color:#d4deea!important}.app .content:has(>.salesView) .saleActions{right:16px!important;bottom:14px!important}.app .content:has(>.salesView) .saleActions button{width:33px!important;height:33px!important}.app.light .content:has(>.salesView) .salesFilters{background:linear-gradient(140deg,#fff,#f4f7fa)!important;border-color:#dce4ec!important}.app.light .content:has(>.salesView) .salesFilters .field>span,.app.light .content:has(>.salesView) .salesCount{color:#536781!important}.app.light .content:has(>.salesView) .salesFilters input,.app.light .content:has(>.salesView) .salesFilters select,.app.light .content:has(>.salesView) .salesSearch input{background:#fff!important;color:#273b51!important;border-color:#d5dfe9!important}.app.light .content:has(>.salesView) .periodSwitch button{background:#f1f4f7!important;color:#53677e!important;border-color:#d5dfe9!important}.app.light .content:has(>.salesView) .periodSwitch button.chosen{background:#e8eef5!important;color:#273e57!important;border-color:#b9cbdc!important}.app.light .content:has(>.salesView) .saleCard{background:#f0f3f7!important;border-color:#d8e1e9!important}.app.light .content:has(>.salesView) .saleCard.sale-Pendiente{background:#f8f0e5!important;border-color:#e9d9c1!important}.app.light .content:has(>.salesView) .saleCard.sale-Aprobado{background:#eaf5ef!important;border-color:#d2e6da!important}.app.light .content:has(>.salesView) .saleCard.sale-Colocada{background:#eaf2fa!important;border-color:#d4e3f0!important}.app.light .content:has(>.salesView) .saleCard.sale-Rechazada{background:#f9edef!important;border-color:#ead8dd!important}.app.light .content:has(>.salesView) .saleCard.sale-Cancelada{background:#f0f2f5!important;border-color:#dde2e9!important}.app.light .content:has(>.salesView) .saleTop h3{color:#24374e!important}.app.light .content:has(>.salesView) .saleMeta,.app.light .content:has(>.salesView) .saleProduct,.app.light .content:has(>.salesView) .saleExtra{color:#5e7084!important}.app.light .content:has(>.salesView) .saleAmount{color:#a77b40!important}.app.light .content:has(>.salesView) .saleStatus{color:#53677e!important}.app.light .content:has(>.salesView) .saleActions button{color:#42566d!important;border-color:#c6d2df!important}}@media screen and (min-width:851px)and (min-height:761px){.app .content:has(>.metrics):has(>.agents){padding-top:20px!important;padding-bottom:22px!important}.app .content:has(>.metrics):has(>.agents)>.top{margin-bottom:17px!important}.app .content:has(>.metrics):has(>.agents)>.filters{margin-bottom:17px!important}.app .content:has(>.metrics):has(>.agents)>.metrics>.panel{min-height:120px!important;padding:17px 19px!important}.app .content:has(>.metrics):has(>.agents)>.sectionTitle{margin:19px 0 12px!important}.app .content:has(>.metrics):has(>.agents)>.agents{gap:14px!important}.app .content:has(>.metrics):has(>.agents)>.agents>.panel{min-height:160px!important;padding:17px 19px!important}.app .content:has(>.metrics):has(>.agents)>.agents>.panel.agent{min-height:190px!important}}@media screen and (min-width:851px){.app .content:has(>.salesView) .salesView{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:stretch!important;width:100%!important}.app .content:has(>.salesView) .salesFilters{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:auto!important;align-items:end!important;gap:9px 12px!important;width:100%!important;padding:13px 16px!important;margin:0!important;border-radius:14px!important}.app .content:has(>.salesView) .salesFilterRow{display:contents!important}.app .content:has(>.salesView) .salesFilters .field{min-width:0!important;width:100%!important}.app .content:has(>.salesView) .salesSearch,.app .content:has(>.salesView) .periodSwitch{min-width:0!important;width:100%!important}.app .content:has(>.salesView) .salesCount{width:100%!important;margin:0!important;padding:0 2px!important;align-self:auto!important}.app .content:has(>.salesView) .saleCards{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;width:100%!important;max-width:none!important;margin:0!important;align-content:start!important}.app .content:has(>.salesView) .saleCard{display:block!important;position:relative!important;width:100%!important;min-height:0!important;height:auto!important;padding:11px 160px 11px 17px!important;border-radius:12px!important}.app .content:has(>.salesView) .saleTop{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:23px!important;margin:0!important}.app .content:has(>.salesView) .saleTop h3{font-size:16px!important;line-height:1.15!important;margin:0!important}.app .content:has(>.salesView) .saleStatus{position:absolute!important;right:78px!important;top:11px!important;width:105px!important;text-align:right!important;font-size:11px!important;line-height:1.2!important;white-space:nowrap!important}.app .content:has(>.salesView) .saleAmount{position:absolute!important;right:78px!important;top:29px!important;width:125px!important;margin:0!important;text-align:right!important;font-size:19px!important;line-height:1.2!important;font-weight:750!important}.app .content:has(>.salesView) .saleMeta,.app .content:has(>.salesView) .saleProduct,.app .content:has(>.salesView) .saleExtra{font-size:11px!important;line-height:1.25!important;margin:2px 0 0!important}.app .content:has(>.salesView) .saleActions{position:absolute!important;right:12px!important;bottom:11px!important;gap:5px!important}.app .content:has(>.salesView) .saleActions button{width:28px!important;height:28px!important;padding:5px!important}.app .content:has(>.salesView) .saleNotes{max-width:calc(100% - 10px)!important}}@media screen and (min-width:851px)and (max-width:1150px){.app .content:has(>.salesView) .salesFilters{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media screen and (min-width:851px){.app .content:has(>.salesView) .saleCard{padding-right:390px!important;min-height:70px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.app .content:has(>.salesView) .saleAmount{position:absolute!important;left:auto!important;right:205px!important;top:50%!important;transform:translateY(-50%)!important;width:130px!important;text-align:center!important;margin:0!important;font-size:19px!important}.app .content:has(>.salesView) .saleStatus{position:absolute!important;left:auto!important;right:94px!important;top:50%!important;transform:translateY(-50%)!important;width:105px!important;text-align:center!important;padding:0!important;font-size:12px!important}.app .content:has(>.salesView) .saleActions{position:absolute!important;right:14px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;gap:8px!important}}.saleDesktopFields{display:none}@media screen and (min-width:851px){.app .content:has(>.salesView) .salesFilters{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:end!important;gap:10px 14px!important;padding:16px 18px!important;border:1px solid rgba(176,205,242,.24)!important;border-radius:18px!important;background:linear-gradient(125deg,#142d4dc7,#1c467773)!important;margin:6px 0 10px!important;width:100%!important;box-sizing:border-box!important}.app .content:has(>.salesView) .salesFilterRow{display:contents!important}.app .content:has(>.salesView) .salesFilters>.salesFilterRow>.field:nth-child(1){grid-column:1;grid-row:1}.app .content:has(>.salesView) .salesFilters>.salesFilterRow>.field:nth-child(2){grid-column:2;grid-row:1}.app .content:has(>.salesView) .salesFilters>.field:last-child{grid-column:3;grid-row:1}.app .content:has(>.salesView) .salesFilters>.periodSwitch{grid-column:4;grid-row:1;align-self:end!important;justify-self:stretch!important;display:flex!important;gap:6px!important}.app .content:has(>.salesView) .salesFilters>.periodSwitch button{flex:1;min-height:36px}.app .content:has(>.salesView) .salesFilters>.field:not(:last-child){grid-column:1 / span 2;grid-row:2}.app .content:has(>.salesView) .salesFilters>.salesSearch{grid-column:3 / span 2;grid-row:2}.app .content:has(>.salesView) .salesFilters .field{width:100%!important;min-width:0!important;gap:5px!important}.app .content:has(>.salesView) .salesFilters .field>span{font-size:12px!important}.app .content:has(>.salesView) .salesFilters input,.app .content:has(>.salesView) .salesFilters select{height:38px!important;min-height:38px!important;padding:6px 11px!important;font-size:13px!important}.app .content:has(>.salesView) .saleCards{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important}.app .content:has(>.salesView) .saleCard{display:grid!important;grid-template-columns:minmax(115px,1.25fr) minmax(95px,.9fr) minmax(85px,.8fr) minmax(150px,1.45fr) minmax(95px,.8fr) minmax(90px,.8fr) 72px!important;align-items:center!important;column-gap:12px!important;min-height:66px!important;padding:10px 14px!important;position:relative!important}.app .content:has(>.salesView) .saleTop{display:contents!important}.app .content:has(>.salesView) .saleTop h3{grid-column:1;grid-row:1;font-size:15px!important;min-width:0}.app .content:has(>.salesView) .saleDesktopFields{display:contents!important}.app .content:has(>.salesView) .saleDesktopState{grid-column:2;grid-row:1}.app .content:has(>.salesView) .saleDesktopProduct{grid-column:3;grid-row:1}.app .content:has(>.salesView) .saleDesktopCarrier{grid-column:4;grid-row:1}.app .content:has(>.salesView) .saleDesktopFields>span{font-size:12px;line-height:1.25;overflow-wrap:anywhere}.app .content:has(>.salesView) .saleAmount{grid-column:5!important;grid-row:1!important;position:static!important;transform:none!important;width:auto!important;text-align:center!important;font-size:17px!important;margin:0!important}.app .content:has(>.salesView) .saleStatus{grid-column:6!important;grid-row:1!important;position:static!important;transform:none!important;width:auto!important;text-align:center!important;font-size:12px!important;white-space:normal!important}.app .content:has(>.salesView) .saleActions{grid-column:7!important;grid-row:1!important;position:static!important;transform:none!important;display:flex!important;justify-content:flex-end!important;gap:6px!important}.app .content:has(>.salesView) .saleMeta,.app .content:has(>.salesView) .saleProduct,.app .content:has(>.salesView) .saleExtra,.app .content:has(>.salesView) .saleNotes{display:none!important}.app .content:has(>.salesView) .salesCount{margin:8px 0!important}}@media screen and (min-width:851px)and (max-width:1100px){.app .content:has(>.salesView) .saleCard{column-gap:6px!important;grid-template-columns:minmax(90px,1.1fr) minmax(70px,.75fr) minmax(70px,.7fr) minmax(105px,1.2fr) 85px 80px 64px!important}}.app.light .content:has(>.salesView) .salesFilters{background:linear-gradient(125deg,#f5f8fc,#e9f0f8)!important;border-color:#d0dceb!important}@media screen and (max-width:850px){.app:has(.content>.goalSection) header{height:58px!important;min-height:58px!important;padding-block:0!important}.app:has(.content>.goalSection) .brandIcon{width:34px!important;height:34px!important}.app:has(.content>.goalSection) .brand strong{font-size:16px!important}.app:has(.content>.goalSection) .brand small{font-size:10px!important}.app:has(.content>.goalSection) .shell nav{padding:5px 12px 2px!important;gap:7px!important}.app:has(.content>.goalSection) .nav{min-height:51px!important;height:51px!important;gap:3px!important;padding:5px!important;font-size:12px!important;border-radius:12px!important}.app:has(.content>.goalSection) .nav svg{width:19px!important;height:19px!important}.app:has(.content>.goalSection) .content{padding:7px 14px 12px!important}.app:has(.content>.goalSection) .top{gap:6px!important;margin:0 0 9px!important}.app:has(.content>.goalSection) .top h1{font-size:20px!important;line-height:1.1!important}.app:has(.content>.goalSection) .top .registerBtn{min-height:37px!important;padding:8px 12px!important;font-size:12px!important;letter-spacing:.02em!important}.app:has(.content>.goalSection) .goalSection{margin-top:0!important}.app:has(.content>.goalSection) .goalHeading{margin:0 0 6px!important;gap:6px!important}.app:has(.content>.goalSection) .goalHeading h2{font-size:15px!important;line-height:1.15!important}.app:has(.content>.goalSection) .editGoalBtn{font-size:11px!important;padding:5px 9px!important;gap:4px!important}.app:has(.content>.goalSection) .editGoalBtn svg{width:13px!important;height:13px!important}.app:has(.content>.goalSection) .monthPicker{margin:0 0 7px!important}.app:has(.content>.goalSection) .monthPicker>span{font-size:11px!important;margin-bottom:3px!important}.app:has(.content>.goalSection) .monthPicker input,.app:has(.content>.goalSection) .monthPicker select{min-height:34px!important;height:34px!important;padding:5px 10px!important;font-size:12px!important}.app:has(.content>.goalSection) .goalCard{padding:11px 13px!important;border-radius:15px!important}.app:has(.content>.goalSection) .goalCard small{font-size:11px!important}.app:has(.content>.goalSection) .goalAmount{font-size:27px!important;margin:3px 0 0!important;line-height:1.05!important}.app:has(.content>.goalSection) .goalCard p{font-size:11px!important;margin:2px 0 5px!important}.app:has(.content>.goalSection) .goalProgressLabel{font-size:11px!important}.app:has(.content>.goalSection) .goalProgressLabel strong{font-size:12px!important}.app:has(.content>.goalSection) .track{height:6px!important;margin:5px 0!important}.app:has(.content>.goalSection) .goalMessage{font-size:11px!important;margin:3px 0 5px!important}.app:has(.content>.goalSection) .goalRemaining{font-size:11px!important}.app:has(.content>.goalSection) .goalRemaining strong{font-size:15px!important}.app:has(.content>.goalSection) .sectionTitle{font-size:17px!important;margin:12px 0 8px!important}.app:has(.content>.goalSection) .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.app:has(.content>.goalSection) .kpis .stat{min-height:66px!important;height:66px!important;padding:9px 13px!important;gap:4px!important;border-radius:13px!important}.app:has(.content>.goalSection) .kpis .stat small{font-size:13px!important;line-height:1.1!important}.app:has(.content>.goalSection) .kpis .stat strong{font-size:25px!important;line-height:1!important}}@media screen and (max-width:850px)and (max-height:740px){.app:has(.content>.goalSection) .kpis .stat{height:57px!important;min-height:57px!important}.app:has(.content>.goalSection) .goalCard{padding:8px 11px!important}}@media screen and (max-width:850px)and (min-height:780px){.app:has(.content>.goalSection) .content{padding:11px 17px 16px!important}.app:has(.content>.goalSection) .top{gap:9px!important;margin-bottom:12px!important}.app:has(.content>.goalSection) .top h1{font-size:23px!important}.app:has(.content>.goalSection) .top .registerBtn{min-height:44px!important;font-size:13px!important}.app:has(.content>.goalSection) .goalHeading{margin-bottom:9px!important}.app:has(.content>.goalSection) .goalHeading h2{font-size:17px!important}.app:has(.content>.goalSection) .monthPicker{margin-bottom:10px!important}.app:has(.content>.goalSection) .monthPicker>span{font-size:12px!important}.app:has(.content>.goalSection) .monthPicker input,.app:has(.content>.goalSection) .monthPicker select{height:39px!important;min-height:39px!important;font-size:13px!important}.app:has(.content>.goalSection) .goalCard{padding:15px 16px!important}.app:has(.content>.goalSection) .goalCard small{font-size:12px!important}.app:has(.content>.goalSection) .goalAmount{font-size:32px!important;margin:5px 0 2px!important}.app:has(.content>.goalSection) .goalCard p{font-size:12px!important;margin:4px 0 7px!important}.app:has(.content>.goalSection) .goalProgressLabel{font-size:12px!important}.app:has(.content>.goalSection) .track{height:7px!important;margin:7px 0!important}.app:has(.content>.goalSection) .goalMessage{font-size:12px!important;margin:5px 0 7px!important}.app:has(.content>.goalSection) .goalRemaining{font-size:12px!important}.app:has(.content>.goalSection) .goalRemaining strong{font-size:17px!important}.app:has(.content>.goalSection) .sectionTitle{font-size:19px!important;margin:16px 0 11px!important}.app:has(.content>.goalSection) .kpis{gap:10px!important}.app:has(.content>.goalSection) .kpis .stat{height:82px!important;min-height:82px!important;padding:12px 15px!important;gap:6px!important}.app:has(.content>.goalSection) .kpis .stat small{font-size:15px!important}.app:has(.content>.goalSection) .kpis .stat strong{font-size:31px!important}}@media screen and (max-width:850px){.app .content:has(>.metrics):has(>.agents)>.filters select,.app .content:has(>.metrics):has(>.agents)>.filters input{border-radius:999px!important;-webkit-border-radius:999px!important;padding-left:17px!important;padding-right:15px!important}.app .content:has(>.metrics):has(>.agents)>.filters .monthSelect select,.app .content:has(>.metrics):has(>.agents)>.filters .monthSelect input{border-radius:999px!important}}@media screen and (max-width:850px){.app .salesView .salesFilters{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-rows:max-content!important;row-gap:11px!important;margin:8px 0 10px!important;padding:0!important;background:transparent!important}.app .salesView .salesFilterRow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:end!important}.app .salesView .salesFilters .field{gap:5px!important;margin:0!important;min-width:0!important}.app .salesView .salesFilters .field>span{font-size:13px!important;color:#afc4df!important;opacity:1!important}.app .salesView .salesFilters input,.app .salesView .salesFilters select,.app .salesView .salesSearch input{background:#112c4c!important;border:1px solid #34577b!important;color:#eaf3ff!important;border-radius:999px!important;-webkit-border-radius:999px!important;min-height:45px!important;height:45px!important;padding:9px 17px!important;font-size:14px!important;box-shadow:inset 0 1px #ffffff09!important}.app .salesView .salesSearch input::placeholder{color:#a4b9d3!important;opacity:1!important}.app .salesView .salesFilters input:focus,.app .salesView .salesFilters select:focus{border-color:#7b9dc7!important;outline:none!important}.app .salesView .salesFilters .periodSwitch{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:max-content!important;max-width:100%!important;padding:3px!important;gap:3px!important;margin:0!important;background:#112c4c!important;border:1px solid #34577b!important;border-radius:999px!important}.app .salesView .periodSwitch button{color:#b4c8e0!important;padding:7px 19px!important;min-height:35px!important;border-radius:999px!important;background:transparent!important;font-size:14px!important}.app .salesView .periodSwitch button.chosen{background:#2e527a!important;color:#fff!important;box-shadow:0 1px 5px #00000029!important}.app .salesView .salesCount{margin:10px 0 12px!important;color:#afc4df!important}.app.light .salesView .salesFilters input,.app.light .salesView .salesFilters select,.app.light .salesView .salesSearch input{background:#eaf2fc!important;color:#213d60!important;border-color:#c3d5e9!important}.app.light .salesView .salesSearch input::placeholder{color:#6a829e!important}.app.light .salesView .salesFilters .field>span{color:#4b6686!important}.app.light .salesView .salesFilters .periodSwitch{background:#eaf2fc!important;border-color:#c3d5e9!important}.app.light .salesView .periodSwitch button{color:#506987!important}.app.light .salesView .periodSwitch button.chosen{background:#c7dcf5!important;color:#183c66!important}}@media screen and (max-width:850px){.app .content .top .registerBtn{min-height:42px!important;padding:9px 16px!important;font-size:12px!important;letter-spacing:.015em!important}.app .content .top .registerBtn svg{width:17px!important;height:17px!important}}