:root{color:#eaf7fb;font-synthesis:none;--bg:#061018;--panel:#0b1821;--panel2:#0e202b;--line:#183b49;--petrol:#0a6070;--cyan:#12b9f2;--cyan2:#078ebd;--green:#29d98a;--amber:#f5b63b;--muted:#7e98a5;--danger:#ef5f64;background:#061018;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:#eef9fc;background:radial-gradient(circle at 55% -20%,#10384a 0,#07151f 34%,#041018 70%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(#071721 0%,#061119 60%,#040d13 100%);border-right:1px solid #10313e;flex-direction:column;height:100vh;padding:20px 15px;display:flex;position:sticky;top:0;box-shadow:18px 0 50px #00000038}.brand-lockup{border-bottom:1px solid #12313d;margin-bottom:15px;padding:3px 5px 24px}.vollo-logo{align-items:center;gap:9px;display:flex}.vollo-v{color:#fff;background:linear-gradient(145deg,#1fe3dc,#167fd5 56%,#6046de);border-radius:13px 13px 18px 18px;place-items:center;width:42px;height:42px;font-size:25px;font-weight:1000;display:grid;transform:skew(-7deg);box-shadow:0 9px 26px #1398c04d,inset 0 1px #ffffff59}.vollo-logo strong{letter-spacing:-1.1px;font-size:24px}.vollo-logo small{color:#7894a1;letter-spacing:.05em;font-size:8px;display:block}.by-markt{color:#607b87;align-items:center;gap:6px;margin:6px 0 0 51px;font-size:9px;display:flex}.by-markt img,.sidebar-foot img{opacity:.95;width:auto;height:18px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#9eb3bd;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:28px 1fr auto 14px;align-items:center;gap:6px;width:100%;padding:10px;transition:all .18s;display:grid}.nav-item:hover{color:#effaff;background:#0a1e29}.nav-item.active{color:#fff;background:linear-gradient(135deg,#0d6282,#0b3a50);border-color:#109dcc;box-shadow:0 12px 25px #04608040,inset 0 0 0 1px #0fa9db14}.nav-icon svg{width:17px;height:17px}.nav-item b{color:#8fe4ff;background:#0a3141;border-radius:10px;padding:3px 6px;font-size:9px}.nav-item.active b{color:#fff;background:#0b789d}.nav-chevron{opacity:.35}.sidebar-foot{background:#081b25;border:1px solid #12313e;border-radius:12px;flex-direction:column;gap:8px;margin-top:auto;padding:15px 8px;display:flex}.sidebar-foot span{color:#55717e;font-size:8px}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:4;background:#051017c2;border-bottom:1px solid #12313d;justify-content:space-between;align-items:center;height:88px;padding:20px 28px;display:flex;position:sticky;top:0}.eyebrow,.panel-kicker{letter-spacing:.17em;color:#35a8cf;font-size:8px;font-weight:900}.topbar h1{margin:4px 0 0;font-size:24px}.top-actions{align-items:center;gap:12px;display:flex}.connection{color:#8ba3ae;background:#0a1a23;border:1px solid #183a47;border-radius:10px;padding:8px 11px;font-size:10px}.connection span{background:#20dc87;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #20dc87}.user-chip{background:linear-gradient(145deg,#173a49,#0b202b);border:1px solid #245367;border-radius:50%;place-items:center;width:35px;height:35px;font-size:11px;font-weight:900;display:grid}.content{padding:24px 28px 40px}.depth{background:linear-gradient(145deg,#0d202b,#09151e);border:1px solid #1a4859;border-radius:15px;box-shadow:0 18px 35px #00000057,0 14px 26px #034f5f33,inset 0 1px #6bd8f214}.depth-lite,.panel,.table-card,.campaign-row,.art-card{background:linear-gradient(145deg,#0b1c26,#08141c);border:1px solid #173b49;border-radius:14px;box-shadow:0 13px 28px #00000042,0 10px 20px #034c5b1f,inset 0 1px #62d0eb0d}.kpi-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.kpi{min-width:0;padding:16px}.kpi-top{justify-content:space-between;align-items:center;display:flex}.kpi-top b{color:#24d88a;font-size:10px}.kpi-icon{color:#18c5fb;background:linear-gradient(145deg,#113c50,#0a2532);border-radius:9px;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 16px #11a8d51f}.kpi-icon svg{width:18px}.kpi>span{color:#8ca2ad;margin-top:12px;font-size:10px;display:block}.kpi>strong{margin:3px 0;font-size:23px;display:block}.kpi>small{color:#58717d;font-size:8px}.dash-grid{grid-template-columns:1.25fr 1.25fr 1fr;gap:15px;margin-top:15px;display:grid}.span-2{grid-column:span 2}.panel{min-height:180px;padding:17px}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.panel-head h3{margin:3px 0 0;font-size:15px}.panel-head button,.panel-head>span{color:#a9c5d0;background:#0b2632;border:1px solid #1b4655;border-radius:8px;padding:6px 9px;font-size:9px}.mini-product-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mini-product{background:#091820;border:1px solid #173846;border-radius:12px;padding:8px}.mini-img{background:#d9dcde;border-radius:9px;place-items:center;height:105px;display:grid;overflow:hidden}.mini-img img{object-fit:cover;width:100%;height:100%}.mini-product>strong{white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:10px;display:block;overflow:hidden}.mini-product>small{color:#65808c;margin:2px 0 8px;font-size:7px;display:block}.mini-product>div:not(.mini-img){justify-content:space-between;padding:2px 0;font-size:8px;display:flex}.mini-product .accent{color:#f4c052}.activity-row{border-bottom:1px solid #12303b;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;padding:9px 0;display:grid}.activity-row .dot{background:#667b84;border-radius:50%;width:7px;height:7px}.activity-row .dot.enviada{background:#23d68b;box-shadow:0 0 8px #23d68b}.activity-row .dot.pronta{background:#14baf0}.activity-row strong{font-size:10px}.activity-row small{color:#66818d;font-size:8px;display:block}.activity-row>b{color:#7e9aa6;font-size:7px}.fake-chart{background:linear-gradient(#09516814,#0000);border-bottom:1px solid #153742;border-left:1px solid #153742;align-items:flex-end;gap:7px;height:170px;padding:18px 8px 0;display:flex}.fake-chart i{background:linear-gradient(#19c5fa,#0877b9);border-radius:4px 4px 0 0;flex:1;min-width:5px;box-shadow:0 0 14px #16b2e440}.chart-axis{color:#526d79;justify-content:space-between;margin-top:7px;font-size:7px;display:flex}.rep-summary{gap:9px;display:grid}.rep-summary div{background:#0a1a23;border:1px solid #173744;border-radius:10px;padding:10px 12px}.rep-summary span{color:#72909b;font-size:8px}.rep-summary strong{margin-top:2px;display:block}.product-toolbar{justify-content:space-between;gap:15px;margin-bottom:16px;padding:10px;display:flex}.filters{flex-wrap:wrap;gap:4px;display:flex}.filters button{color:#698692;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:900}.filters button.active{color:#fff;background:#0b5c79;box-shadow:0 6px 16px #026f9333}.search{color:#67838f;background:#081821;border:1px solid #1b4351;border-radius:9px;align-items:center;gap:7px;width:min(420px,42vw);padding:0 10px;display:flex}.search input{color:#eaf7fb;background:0 0;border:0;outline:0;width:100%;height:35px;font-size:10px}.product-grid{grid-template-columns:repeat(auto-fit,minmax(560px,1fr));gap:16px;display:grid}.product-card{grid-template-columns:180px 1fr;min-height:375px;display:grid;overflow:hidden}.product-card.is-inactive{opacity:.56}.product-media{background:#cfd2d4;min-height:100%;position:relative}.product-media img{object-fit:cover;width:100%;height:100%}.media-placeholder{color:#516069;place-content:center;place-items:center;height:100%;display:grid}.price-badge{color:#fff;letter-spacing:.08em;background:#12445a;border-radius:20px;padding:5px 8px;font-size:7px;font-weight:1000;position:absolute;top:10px;left:10px}.price-badge.queima{background:#b06a15}.price-badge.extraordinario{background:#7252d0}.product-body{flex-direction:column;padding:15px 16px;display:flex}.product-title-row{justify-content:space-between;gap:10px;display:flex}.product-title-row small{letter-spacing:.1em;color:#65818d;font-size:7px}.product-title-row h3{margin:4px 0;font-size:16px}.product-title-row>strong{color:#fff;font-size:20px}.meta{color:#69838f;margin:5px 0 11px;font-size:9px}.metrics{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.metrics div{background:#091820;border:1px solid #153746;border-radius:8px;padding:7px}.metrics span{color:#607985;text-transform:uppercase;font-size:6.5px;display:block}.metrics strong{margin-top:3px;font-size:9px;display:block}.switches{flex-wrap:wrap;align-items:center;gap:12px;margin:11px 0;display:flex}.switch-row{color:#93aab4;align-items:center;gap:6px;display:flex}.switch-row b{font-size:8px}.switch{width:29px;height:17px;position:relative}.switch input{opacity:0;width:0;height:0}.switch i{cursor:pointer;background:#27404a;border-radius:20px;position:absolute;inset:0}.switch i:after{content:"";background:#8ca0a8;border-radius:50%;width:11px;height:11px;transition:all .16s;position:absolute;top:3px;left:3px}.switch.on i{background:#0da4dc;box-shadow:0 0 10px #0cade24d}.switch.on i:after{background:#fff;transform:translate(12px)}.extra-price{background:#0a1a23;border:1px solid #1c4050;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:9px;padding:7px 10px;display:flex}.extra-price>span{color:#73909b;font-size:8px}.extra-price input{color:#fff;text-align:right;background:0 0;border:0;border-bottom:1px solid #2c5a6b;outline:0;width:80px}.art-strip{border-top:1px solid #153642;margin-top:3px;padding-top:10px}.art-strip-head{color:#78939e;justify-content:space-between;font-size:8px;display:flex}.art-strip-head small{color:#506c78}.thumbs{gap:6px;margin-top:7px;display:flex}.thumb{background:#0c1b23;border:1px solid #1d5263;border-radius:8px;width:46px;height:46px;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb.add{color:#16bff5;cursor:pointer;background:#0a2632;place-items:center;display:grid}.thumb.add svg{width:17px}.card-footer{justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:12px;display:flex}.card-footer>span{color:#59727d;font-size:7px}.campaign-btn,.primary,.send-campaign,.confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(#11aeea,#087db4);border:1px solid #18a8db;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:9px;font-weight:900;display:flex;box-shadow:0 8px 18px #0484b12e}.campaign-btn:hover,.primary:hover,.send-campaign:hover,.confirm-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.section-actions{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-actions p{color:#78949f;font-size:10px}.campaign-list{gap:10px;display:grid}.campaign-row{grid-template-columns:84px 1fr 130px 140px 100px;align-items:center;gap:13px;padding:10px;display:grid}.campaign-thumb{background:#0c2632;border-radius:9px;place-items:center;width:84px;height:64px;display:grid;overflow:hidden}.campaign-thumb img{object-fit:cover;width:100%;height:100%}.campaign-row small{color:#607c88;font-size:7px}.campaign-row h3{margin:3px 0;font-size:12px}.campaign-row p{color:#79949f;margin:0;font-size:8px}.campaign-price span{color:#68838e;font-size:7px;display:block}.campaign-price strong{font-size:16px}.campaign-status{gap:4px;display:grid}.status{color:#a5bbc4;background:#1d3440;border-radius:12px;width:max-content;padding:4px 7px;font-size:7px;font-weight:900;display:inline-flex}.status.enviada,.status.pago,.status.entregue{color:#70eab3;background:#123e30}.status.pronta{color:#7bdcff;background:#0c4260}.send-campaign:disabled{opacity:.45;cursor:default}.art-gallery{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;display:grid}.art-card{overflow:hidden}.art-card>img{object-fit:cover;width:100%;height:190px}.art-card>div{padding:12px}.art-card small{color:#607b87;font-size:7px}.art-card h3{margin:4px 0;font-size:13px}.art-card p{color:#79939e;font-size:9px}.art-card>div>strong{margin-bottom:10px;display:block}.art-card button{color:#b9e7f5;cursor:pointer;background:#0c3141;border:1px solid #1a637b;border-radius:8px;padding:7px 9px;font-size:8px}.table-card{overflow:auto}.table-card table{border-collapse:collapse;width:100%;min-width:850px}.table-card th,.table-card td{text-align:left;border-bottom:1px solid #12313c;padding:11px 13px;font-size:9px}.table-card th{letter-spacing:.08em;text-transform:uppercase;color:#6f8a95;background:#0b1d27;font-size:7px}.table-card td{color:#aec1c9}.id-inline{color:#58727e;font-size:7px;display:block}.payout-pill{color:#f1cd67;background:#2f2b19;border-radius:12px;align-items:center;gap:5px;padding:4px 7px;font-size:7px;font-weight:900;display:inline-flex}.payout-pill.pagamento_informado{color:#75d6fb;background:#0e3a51}.payout-pill.recebido{color:#72eab3;background:#123d30}.financial-banner{justify-content:space-between;align-items:center;margin-bottom:15px;padding:17px 20px;display:flex}.financial-banner h2{margin:3px 0;font-size:19px}.financial-banner p{color:#74909c;margin:0;font-size:9px}.financial-banner>svg{color:#18c4f5}.payout-grid{grid-template-columns:1fr 1.25fr;gap:15px;display:grid}.pay-order{cursor:pointer;border-bottom:1px solid #12323d;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 0;display:grid}.pay-order strong{font-size:9px}.pay-order small{color:#607b87;font-size:7px;display:block}.pay-order>b{font-size:10px}.wide{width:100%;margin-top:12px}.primary:disabled{opacity:.45;cursor:default}.payout-row{border-bottom:1px solid #12323d;grid-template-columns:1fr 90px 135px 150px;align-items:center;gap:10px;padding:9px 0;display:grid}.payout-row strong{font-size:9px}.payout-row small{color:#607b87;font-size:7px;display:block}.confirm-btn{padding:7px 9px;font-size:8px}.received-date{color:#5d7883;font-size:7px}.toast{z-index:50;color:#061018;background:#eaf9fc;border-radius:10px;align-items:center;gap:8px;max-width:500px;padding:12px 15px;font-size:10px;font-weight:900;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 45px #00000061}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#01070bc7;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.composer{width:min(980px,96vw);max-height:92vh;padding:20px;position:relative;overflow:auto}.modal-close{color:#9eb8c3;cursor:pointer;background:#0b222c;border:1px solid #204654;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:14px;right:14px}.modal-close svg{width:17px}.composer-head h2{margin:4px 0;font-size:20px}.composer-head p{color:#718d98;font-size:9px}.composer-grid{grid-template-columns:1.4fr .8fr;gap:18px;margin-top:17px;display:grid}.composer h4{color:#8da5af;margin:14px 0 8px;font-size:9px}.strategy-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.strategy-grid button{color:#92aab4;cursor:pointer;background:#0a1d27;border:1px solid #1c4655;border-radius:8px;padding:9px 8px;font-size:8px}.strategy-grid button.active{color:#fff;background:#0b4e69;border-color:#0eb7ee;box-shadow:0 0 16px #0faedf33}.art-selector{flex-wrap:wrap;gap:7px;display:flex}.art-selector button{color:#78949f;cursor:pointer;background:#091820;border:1px solid #1a4150;border-radius:9px;width:94px;padding:5px;font-size:7px}.art-selector button.active{border-color:#12bced;box-shadow:inset 0 0 0 1px #12bced}.art-selector img{object-fit:cover;border-radius:6px;width:100%;height:64px;margin-bottom:4px;display:block}.art-selector .generate-art{color:#24c9f8;background:#0a2632;align-content:center;place-items:center;gap:4px;display:grid}.manual-price{background:#091a23;border:1px solid #1f4a5a;border-radius:8px;width:190px;padding:7px 9px}.manual-price input{color:#fff;text-align:right;background:0 0;border:0;outline:0;width:130px}.campaign-preview{background:linear-gradient(145deg,#0e2632,#07141c);border:1px solid #1c4d5e;border-radius:13px;align-self:start;padding:12px;box-shadow:0 16px 30px #00000040,0 8px 22px #02526533}.preview-tag{color:#4dbfe7;font-size:7px}.preview-art{background:#0a1a23;border-radius:10px;place-items:center;height:190px;margin:7px 0 11px;display:grid;overflow:hidden}.preview-art img{object-fit:cover;width:100%;height:100%}.campaign-preview>strong{color:#ffc04b;font-size:12px}.campaign-preview h3{margin:3px 0;font-size:14px}.campaign-preview p{color:#85a0aa;font-size:8px}.preview-price{color:#21c6fb;margin:10px 0;font-size:26px;font-weight:1000}.campaign-preview>small{color:#708c98;font-size:7px}.composer>.wide{margin-top:18px;padding:11px}.primary{width:max-content}.primary svg{width:15px}@media (width<=1150px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dash-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.mini-product-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}.campaign-row{grid-template-columns:70px 1fr 100px 110px}.campaign-row .send-campaign{grid-column:4}.payout-grid,.composer-grid{grid-template-columns:1fr}}@media (width<=800px){.app-shell{grid-template-columns:72px 1fr}.sidebar{padding:14px 8px}.brand-lockup .vollo-logo>div,.by-markt,.nav-item>span:not(.nav-icon),.nav-item b,.nav-chevron,.sidebar-foot{display:none}.vollo-logo{justify-content:center}.nav-item{grid-template-columns:1fr;place-items:center}.topbar,.content{padding:18px}.kpi-grid{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.product-card{grid-template-columns:150px 1fr}.metrics{grid-template-columns:1fr 1fr}.campaign-row{grid-template-columns:70px 1fr}.campaign-price,.campaign-status,.campaign-row .send-campaign{grid-column:2}.payout-row{grid-template-columns:1fr 80px}.payout-row>:nth-child(n+3){grid-column:span 1}.top-actions .connection{display:none}}.campaign-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:12px 14px;display:flex}.campaign-toolbar .search{flex:1;max-width:620px}.campaign-toolbar .primary{margin-left:auto}.strategy-price-hint{background:#081922;border:1px solid #1f4a5a;border-radius:9px;align-items:center;gap:10px;margin:10px 0 2px;padding:9px 11px;display:flex}.strategy-price-hint span{color:#76939e;font-size:8px}.strategy-price-hint strong{color:#21c6fb;margin-left:auto;font-size:14px}.strategy-price-hint small{color:#7ca0ad;font-size:7px}.empty-state{text-align:center;color:#6f8d98;border:1px dashed #214858;border-radius:12px;place-items:center;gap:7px;padding:34px;display:grid}.empty-state svg{color:#21c6fb}.empty-state strong{color:#d4e2e7}.product-picker{width:min(760px,94vw);max-height:88vh;padding:22px;position:relative;overflow:auto}.product-picker h2{margin:5px 0;font-size:22px}.product-picker>p{color:#78939e;margin:0 0 14px;font-size:9px}.picker-search{width:100%;margin:10px 0 14px}.picker-list{gap:8px;display:grid}.picker-list>button{text-align:left;color:#eaf4f7;cursor:pointer;background:#091b24;border:1px solid #173d4c;border-radius:10px;grid-template-columns:68px 1fr auto;align-items:center;gap:12px;padding:9px;display:grid}.picker-list>button:hover{background:#0b2632;border-color:#12bced;box-shadow:0 0 16px #0b809f29}.picker-image{background:#07141b;border-radius:8px;place-items:center;width:68px;height:54px;display:grid;overflow:hidden}.picker-image img{object-fit:cover;width:100%;height:100%}.picker-list small{color:#5f7d89;font-size:7px;display:block}.picker-list strong{margin:3px 0;font-size:11px;display:block}.picker-list span{color:#83a0aa;font-size:8px}.picker-list svg{color:#28c8f4}.payout-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.by-markt img,.sidebar-foot img{object-fit:contain}.brand-lockup .by-markt img{max-width:105px;max-height:34px}.sidebar-foot img{max-width:150px;max-height:42px}@media (width<=1150px){.payout-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.campaign-toolbar{flex-direction:column;align-items:stretch}.campaign-toolbar .search{max-width:none}.campaign-toolbar .primary{width:100%}.payout-summary-grid{grid-template-columns:1fr 1fr}}.campaign-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.edit-campaign{color:#bff7fb;cursor:pointer;background:#0c48504d;border:1px solid #2394a06b;border-radius:10px;align-items:center;gap:7px;padding:10px 12px;font-weight:700;display:inline-flex}.edit-campaign:hover{transform:translateY(-1px);box-shadow:0 8px 22px #0456623d}