@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Roboto+Condensed:wght@600;700&display=swap";
:root{--yellow:#f5c400;--red:#d6001c;--ink:#181b1f;--muted:#6c7177;--line:#e2e3df;--bg:#f5f5f2;--green:#17834d;--sidebar:#121416}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#fff;z-index:30;flex-direction:column;width:244px;display:flex;position:fixed;inset:0 auto 0 0}.logo-wrap{border-bottom:1px solid #2a2d30;align-items:center;height:112px;padding:0 26px;display:flex}.brand{grid-template-columns:auto auto;align-items:center;gap:0 8px;display:grid}.brand-mark{background:var(--yellow);color:var(--red);letter-spacing:-1px;grid-row:1/3;padding:5px 10px 4px;font:italic 700 15px Arial}.brand-name{letter-spacing:.5px;font:700 16px/15px Roboto Condensed}.sidebar nav{flex:1;padding:26px 14px}.nav-label{color:#777d82;letter-spacing:1.4px;margin:0 14px 10px;font-size:10px;font-weight:800;display:block}.sidebar nav button{color:#aeb2b6;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:13px;width:100%;height:46px;margin-bottom:5px;padding:0 14px;font-weight:600;display:flex}.sidebar nav button svg{width:20px}.sidebar nav button.active{color:#fff;background:#292b2d}.sidebar nav button.active svg{color:var(--yellow)}.nav-plus{background:var(--yellow);color:#111;text-align:center;border-radius:50%;width:18px;height:18px;margin-left:auto}.count{background:var(--red);color:#fff;border-radius:12px;margin-left:auto;padding:2px 7px;font-size:11px}.sidebar-bottom{border-top:1px solid #2a2d30;padding:14px}.demo-pill{letter-spacing:1px;color:#92979b;padding:0 8px 12px;font-size:9px}.demo-pill span{background:#38ad6b;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.role-switch{color:#777;text-transform:uppercase;letter-spacing:1px;margin:0 7px 12px;font-size:9px;display:block}.role-switch select{color:#ddd;background:#1d2022;border:1px solid #393d40;border-radius:5px;width:100%;margin-top:5px;padding:6px;display:block}.profile{align-items:center;gap:10px;padding:10px 7px;display:flex}.avatar,.mini-avatar{background:var(--yellow);color:#181818;border-radius:50%;place-items:center;font-weight:800;display:grid}.avatar{width:36px;height:36px;font-size:11px}.profile div:nth-child(2){flex:1;min-width:0}.profile strong,.profile small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.profile strong{font-size:11px}.profile small{color:#858b8f;margin-top:3px;font-size:9px}.profile svg{color:#777;width:14px}.main{width:calc(100% - 244px);min-width:0;margin-left:244px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fafaf8;justify-content:flex-end;align-items:center;height:64px;padding:0 5%;display:flex;position:sticky;top:0}.launch{align-items:center;gap:12px;display:flex}.launch span{color:#fff;letter-spacing:1px;background:#24272a;padding:5px 9px;font-size:9px;font-weight:800}.launch strong{font-size:11px}.help{background:#fff;border:1px solid #caccc9;border-radius:50%;width:27px;height:27px;margin-left:28px;font-weight:700}.menu,.mobile-logo{display:none}.page{max-width:1180px;margin:0 auto;padding:52px 48px 80px}.eyebrow{letter-spacing:1.7px;color:#777d80;font-size:10px;font-weight:800}.welcome,.section-title{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.welcome h1,.page>h1{margin:9px 0;font:700 37px/1.1 Roboto Condensed,sans-serif}.welcome h1 span{font-size:27px}.welcome p,.intro{color:var(--muted);margin:0;font-size:13px}.primary,.secondary{border:0;border-radius:4px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 19px;font-size:12px;font-weight:800;display:inline-flex}.primary{background:var(--yellow);color:#111}.primary svg,.secondary svg{width:18px}.secondary{background:#fff;border:1px solid #cfd1ce}.hero-grid{grid-template-columns:1.35fr 1fr .75fr;gap:16px;margin:37px 0 52px;display:grid}.hero-grid article,.wizard-card,.rank-card,.table-card,.admin-kpis article,.review-card,.readiness{border:1px solid var(--line);background:#fff;border-radius:6px;padding:24px}.balance-card{color:#fff!important;background:#171a1d!important;border:0!important}.card-top{letter-spacing:1.3px;color:#92989d;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;display:flex}.card-top svg{width:18px;color:var(--yellow)}.big-number{margin-top:24px;font:700 50px/1 Roboto Condensed}.balance-card>small{color:#aeb1b3;font-size:10px}.progress-label{justify-content:space-between;margin:24px 0 8px;font-size:9px;display:flex}.progress{background:#393c3f;border-radius:9px;height:5px;overflow:hidden}.progress i{background:var(--yellow);border-radius:9px;height:100%;display:block}.goal-note{color:#bfc2c4;align-items:center;gap:7px;margin-top:18px;font-size:10px;display:flex}.goal-note svg{width:15px;color:var(--yellow)}.position-main{justify-content:space-between;align-items:center;padding:17px 0 14px;display:flex}.position-main b{font:700 47px Roboto Condensed;display:block}.position-main small,.position-row small,.stats-card small{color:#8a8f93;font-size:9px;display:block}.medal{font-size:34px}.position-row{border-top:1px solid var(--line);padding:13px 0;display:flex}.position-row>div{width:50%}.position-row>div+div{border-left:1px solid var(--line);padding-left:18px}.position-row b{font:700 21px Roboto Condensed}.green{color:var(--green)!important}.red{color:var(--red)}.muted{color:#aaa}.text-button{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;font-size:10px;font-weight:700;display:flex}.text-button svg{width:14px}.stats-card{flex-direction:column;justify-content:center;display:flex}.stats-card span,.stats-card>div>span{letter-spacing:1px;color:#7b8084;font-size:8px;font-weight:800}.stats-card b{margin:7px 0 3px;font:700 36px Roboto Condensed;display:block}.stats-card hr{border:0;border-top:1px solid var(--line);width:100%;margin:21px 0}.section-title h2{margin:6px 0 0;font:700 24px Roboto Condensed}.live{font-size:9px;font-weight:700}.live i{background:#26a663;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.accelerators{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.accelerator{border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px;display:grid;position:relative;overflow:hidden}.accelerator.yellow{background:var(--yellow)}.accelerator.dark{color:#fff;background:#202326}.acc-icon{background:#ffffff80;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.dark .acc-icon{background:#33373a}.acc-icon svg{width:23px}.acc-tag{letter-spacing:1px;font-size:8px;font-weight:900}.accelerator h3{margin:4px 0;font:700 20px Roboto Condensed}.accelerator p{margin:0;font-size:10px}.accelerator small{opacity:.75;align-items:center;gap:5px;margin-top:8px;font-size:9px;display:flex}.accelerator small svg{width:12px}.accelerator button{color:inherit;background:0 0;border:0;align-self:end;gap:5px;font-size:9px;font-weight:800;display:flex}.accelerator button svg{width:12px}.activity{margin-top:45px}.activity-list{border:1px solid var(--line);background:#fff;border-radius:6px;margin-top:17px}.activity-row{align-items:center;gap:14px;padding:15px 18px;display:flex}.activity-row+.activity-row{border-top:1px solid var(--line)}.movement-icon{width:32px;height:32px;color:var(--green);background:#e6f5ec;border-radius:50%;place-items:center;display:grid}.movement-icon.training{color:#a57800;background:#fff6d1}.movement-icon svg{width:17px}.activity-label{flex:1}.activity-label strong,.activity-label small{display:block}.activity-label strong{font-size:11px}.activity-label small{color:#8b8f92;margin-top:3px;font-size:9px}.points{font-size:12px}.back{background:0 0;border:0;align-items:center;gap:7px;margin-bottom:37px;font-size:11px;font-weight:700;display:flex}.back svg{width:15px}.wizard{max-width:850px}.steps{margin:35px 0 25px;display:flex}.steps div{color:#9a9da0;text-align:center;flex:1;font-size:9px;font-weight:700;position:relative}.steps div:before{content:"";background:#d9dbd8;height:2px;position:absolute;top:13px;left:-50%;right:50%}.steps div:first-child:before{display:none}.steps i{z-index:1;background:#e6e7e4;border-radius:50%;place-items:center;width:27px;height:27px;margin:0 auto 7px;font-style:normal;display:grid;position:relative}.steps .done{color:#1d2022}.steps .done:before,.steps .done i{background:var(--yellow)}.wizard-card{padding:34px}.upload{text-align:center;border:1.5px dashed #c8cac6;border-radius:6px;padding:44px}.upload>svg{color:#8a8f92;width:46px}.upload h2{margin:14px 0 7px;font:700 24px Roboto Condensed}.upload p{color:#7b8084;max-width:400px;margin:0 auto 24px;font-size:11px}.upload label{width:max-content;margin:0 auto 10px}.upload input{display:none}.upload .secondary{margin:auto;display:flex}.privacy{background:#f4f5f2;gap:12px;margin-top:20px;padding:14px;display:flex}.privacy svg{width:21px;color:var(--green)}.privacy p{margin:0;font-size:9px;line-height:1.5}.form-head{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.form-head h2{margin:5px 0;font:700 25px Roboto Condensed}.scan,.demo-source{letter-spacing:.8px;color:var(--green);background:#edf7f1;padding:7px 9px;font-size:8px;font-weight:800}.scan svg{vertical-align:middle;width:12px}.demo-source{color:#806200;background:#fff3bf}.field-grid{grid-template-columns:2fr 1fr 1fr;gap:18px;display:grid}.field-grid .span-2{grid-column:span 2}.form label{color:#555;font-size:9px;font-weight:800;display:block}.form input,.form select,.wizard-card>label select{background:#fff;border:1px solid #d0d2cf;border-radius:3px;width:100%;height:44px;margin-top:7px;padding:0 12px;font-size:11px;display:block}.form-actions{justify-content:flex-end;margin-top:28px;display:flex}.product-preview{background:#f5f5f2;align-items:center;gap:15px;margin-top:20px;padding:18px;display:flex}.tire{color:#555;background:#24272a;border-radius:50%;place-items:center;width:58px;height:58px;font-size:42px;display:grid}.product-preview>div:nth-child(2){flex:1}.product-preview span{font-size:9px;font-weight:800}.product-preview h3{margin:4px 0;font:700 18px Roboto Condensed}.product-preview p{color:#777;margin:0;font-size:9px}.quantity{font-size:8px!important}.quantity>div{align-items:center;margin-top:7px;display:flex}.quantity button{background:#fff;border:1px solid #ccc;width:29px;height:29px}.quantity b{text-align:center;width:32px}.add-line{background:0 0;border:0;gap:5px;margin-top:16px;font-size:9px;font-weight:800;display:flex}.add-line svg{width:13px}.estimate{border-top:1px solid var(--line);grid-template-columns:1fr auto;margin-top:20px;padding-top:20px;display:grid}.estimate span{font-size:10px}.estimate strong{font:700 25px Roboto Condensed}.estimate small{color:#888;grid-column:1/3;font-size:8px}.confirm-check{width:34px;color:var(--green)}.summary-block{background:#f5f5f2;padding:18px}.summary-block span,.summary-block strong,.summary-block small{display:block}.summary-block span{letter-spacing:1px;font-size:8px}.summary-block strong{margin:5px 0;font-size:13px}.summary-block small{color:#777;font-size:9px}.summary-product{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:20px 5px;display:flex}.summary-product>div{flex:1}.summary-product strong,.summary-product small{font-size:10px;display:block}.summary-product small{color:#888;margin-top:4px}.validation{color:#174d33;background:#eef7f2;gap:12px;margin-top:20px;padding:14px;display:flex}.validation svg{width:24px}.validation strong{font-size:10px}.validation p{margin:3px 0;font-size:8px}.terms{align-items:flex-start;gap:8px;margin-top:18px;font-size:9px!important;display:flex!important}.terms input{width:auto!important;height:auto!important;margin:0!important}.success{text-align:center;max-width:600px;padding-top:100px}.success-mark{width:75px;height:75px;color:var(--green);background:#e7f5ed;border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.success-mark svg{width:43px}.success p{color:#777;font-size:12px;line-height:1.6}.receipt{border:1px solid var(--line);text-align:left;background:#fff;grid-template-columns:1fr auto;margin:30px 0;padding:22px;display:grid}.receipt strong{font:700 24px Roboto Condensed}.receipt small{color:#888;grid-column:1/3;font-size:8px}.success .primary,.success .secondary{width:100%;margin-bottom:10px}.tabs{border-bottom:1px solid #d4d6d3;margin:32px 0 15px;display:flex}.tabs button{background:0 0;border:0;border-bottom:3px solid #0000;padding:12px 22px;font-size:10px;font-weight:800}.tabs button.active{border-color:var(--yellow)}.rank-card{padding:0}.rank-header,.rank-row{grid-template-columns:70px 1fr 120px 100px;align-items:center;padding:14px 22px;display:grid}.rank-header{color:#888;font-size:8px;font-weight:800}.rank-row{border-top:1px solid var(--line);min-height:65px}.rank-row.me{border-left:3px solid var(--yellow);background:#fff9dd}.rank-pos{font-size:16px}.rank-user{align-items:center;gap:11px;display:flex}.mini-avatar{background:#e7e8e5;width:31px;height:31px;font-size:9px}.rank-user strong,.rank-user small{display:block}.rank-user strong{font-size:11px}.rank-user small{color:#888;font-size:8px}.rank-user em{background:var(--yellow);margin-left:7px;padding:2px 4px;font-size:7px;font-style:normal}.rank-row>b:nth-child(3){font:700 17px Roboto Condensed}.rank-row>span{font-size:10px;font-weight:800}.rank-note{background:#eef4f0;gap:12px;margin-top:18px;padding:14px;display:flex}.rank-note svg{width:20px;color:var(--green)}.rank-note p{margin:0;font-size:9px;line-height:1.5}.filters{justify-content:space-between;margin:30px 0 14px;display:flex}.filters>div{border:1px solid var(--line);background:#fff;align-items:center;width:320px;padding:0 12px;display:flex}.filters svg{width:16px}.filters input,.filters select,.filters>select{background:0 0;border:0;height:40px;padding:0 8px;font-size:10px}.filters>select{border:1px solid var(--line);background:#fff}.table-card{padding:0}.sale-row{border-top:1px solid var(--line);grid-template-columns:1.5fr 1fr 1fr .7fr;align-items:center;padding:17px 22px;font-size:10px;display:grid}.sale-row.header{color:#888;border:0;font-size:8px;font-weight:800}.status{border-radius:12px;width:max-content;padding:5px 8px;font-size:8px;font-weight:800}.status.ok{color:var(--green);background:#e6f5ec}.status.review{color:#866400;background:#fff3ce}.admin-kpis{grid-template-columns:repeat(4,1fr);gap:15px;margin:35px 0;display:grid}.admin-kpis span,.admin-kpis b,.admin-kpis small{display:block}.admin-kpis span{color:#777;font-size:8px;font-weight:800}.admin-kpis b{margin:11px 0 5px;font:700 32px Roboto Condensed}.admin-kpis small{font-size:8px}.amber{color:#9a6d00}.admin-grid{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.count-big{font:700 30px Roboto Condensed}.evidence{grid-template-columns:1fr 1fr;gap:20px;margin-top:23px;display:grid}.invoice-paper{background:#f1efe9;border:1px solid #ddd8cd;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:25px;display:flex}.invoice-paper span{font-size:9px}.invoice-paper b{margin:12px 0;font-size:13px}.invoice-paper i{color:#777;font-size:8px}.risk{color:#846100;background:#fff0cc;align-items:center;gap:5px;padding:6px 8px;font-size:8px;font-weight:800;display:inline-flex}.risk svg{width:13px}.evidence h3{margin:17px 0 3px;font:700 20px Roboto Condensed}.evidence p{color:#777;font-size:9px}.evidence dl{display:flex}.evidence dl div{width:50%}.evidence dt{color:#888;font-size:8px}.evidence dd{margin:4px 0;font:700 19px Roboto Condensed}.review-actions{gap:7px;display:flex}.review-actions button{border:0;padding:9px 13px;font-size:9px;font-weight:800}.approve{color:#fff;background:#1e7e4c}.reject{background:#fff;border:1px solid #d2d3d0!important}.readiness>.progress{background:#e5e6e3;margin:20px 0}.readiness-row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:11px 0;display:flex}.readiness-row>span{border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:grid}.readiness-row span.ready{color:var(--green);background:#e0f2e8}.readiness-row span.blocked{color:#846100;background:#fff0cc}.readiness-row span.pending{color:#888;background:#eceeeb}.readiness-row strong{flex:1;font-size:9px}.readiness-row small{color:#9a6d00;font-size:8px}footer{border-top:1px solid var(--line);color:#8b8f91;justify-content:space-between;align-items:center;min-height:65px;padding:0 5%;font-size:8px;display:flex}.close-mobile{display:none}@media (max-width:900px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 40px #0008}.close-mobile{color:#fff;background:0 0;border:0;display:block;position:absolute;top:12px;right:12px}.close-mobile svg{width:20px}.main{width:100%;margin:0}.topbar{justify-content:space-between;padding:0 18px}.menu{background:0 0;border:0;display:block}.menu svg{width:24px}.mobile-logo{display:block}.mobile-logo .brand-mark{font-size:12px}.launch span{display:none}.page{padding:35px 20px 60px}.hero-grid{grid-template-columns:1fr 1fr}.stats-card{flex-direction:row;grid-column:1/3;justify-content:space-around}.stats-card hr{border:0;border-left:1px solid var(--line);width:1px;height:50px;margin:0}.admin-kpis{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}}@media (max-width:620px){.welcome{flex-direction:column;align-items:flex-start}.welcome .primary{width:100%}.hero-grid{grid-template-columns:1fr}.stats-card{grid-column:auto}.accelerators{grid-template-columns:1fr}.accelerator{grid-template-columns:auto 1fr}.accelerator button{grid-column:2}.field-grid{grid-template-columns:1fr 1fr}.field-grid label:first-child,.field-grid .span-2{grid-column:span 2}.wizard-card{padding:22px}.upload{padding:28px 15px}.rank-header,.rank-row{grid-template-columns:45px 1fr 70px}.rank-header span:last-child,.rank-row>span:last-child{display:none}.tabs{overflow:auto}.tabs button{white-space:nowrap;padding:12px}.sale-row{grid-template-columns:1.3fr .8fr 1fr}.sale-row span:nth-child(2),.sale-row.header span:nth-child(2){display:none}.admin-kpis{grid-template-columns:1fr 1fr}.evidence{grid-template-columns:1fr}.invoice-paper{min-height:140px}.section-title{align-items:flex-start}.page h1,.welcome h1{font-size:32px}footer{flex-direction:column;align-items:flex-start;gap:10px;padding:18px}.steps span{display:none}}