:root{--ink:#20302d;--muted:#77827d;--green:#193d36;--accent:#d9ef9d;--bg:#f5f6f1;--line:#e6e9e1;--orange:#b77435;--white:#fff;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #93b564;outline-offset:3px}a{color:var(--green)}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:var(--green);color:#e6ede5;padding:34px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:white;font-size:24px;font-weight:750;letter-spacing:-1px;padding:0 12px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--accent);color:var(--green);border-radius:12px;font-weight:900;font-size:29px}.brand-store{font-size:11px;letter-spacing:4px;display:block;margin-top:1px;color:#bed0c3}.workspace{display:flex;align-items:center;gap:11px;border:1px solid #48655a;border-radius:12px;margin:35px 4px 25px;padding:13px 11px;font-weight:550;font-size:13px}.workspace small{display:block;color:#a6bdb1;font-size:10px;margin-top:5px}.workspace-avatar{background:#38574b;border-radius:8px;padding:10px;font-size:12px}.nav-caption{font-size:10px;letter-spacing:1.6px;color:#93afa0;padding:0 14px;margin:4px 0 13px}nav{display:flex;flex-direction:column;gap:5px}.nav-button{border:0;color:#b7c9bf;background:none;display:flex;align-items:center;gap:13px;text-align:left;padding:13px 16px;border-radius:10px;width:100%;font-size:13px}.nav-button.active{background:#d9ef9d;color:#1c3b32;font-weight:650}.nav-button:hover:not(.active){background:#2d4d41;color:white}.icon{width:19px;height:19px;display:inline-block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar-bottom{margin-top:auto;border-top:1px solid #426052;padding:24px 6px 0;display:flex;gap:9px;font-size:11px;color:#d0ddce}.sidebar-bottom small{display:block;font-size:10px;color:#95ae9e;margin-top:7px}.small-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;margin-top:4px}.page{margin-left:248px;width:calc(100% - 248px);min-width:0}.topbar{height:80px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line);padding:0 38px}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb span{margin:0 12px;color:#c6cdc6}.breadcrumb strong{font-weight:550;color:var(--ink)}.top-actions{display:flex;gap:20px;align-items:center}.pill{border-radius:100px;border:1px solid var(--line);padding:6px 10px;font-size:10px;color:var(--muted);white-space:nowrap;background:#fff}.user-button{background:none;border:0;display:flex;gap:9px;align-items:center;font-size:12px;color:var(--ink)}.user-avatar{width:31px;height:31px;border-radius:100%;background:#e9eddf;display:grid;place-items:center;font-size:10px;font-weight:700}.connection-notice{margin:0;padding:10px 38px;background:#edf1e6;font-size:11px;color:#596950;display:flex;align-items:center;justify-content:space-between;gap:12px}.connection-notice.online{background:#e5f2e9}.connection-notice.warning{background:#fff0dc;color:#82511e}.connection-notice button{border:0;background:none;color:inherit;text-decoration:underline;font-size:11px}main{max-width:1500px;margin:auto;padding:35px 38px 30px}.eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:650;margin:0 0 9px}h1{font-size:29px;letter-spacing:-1.1px;line-height:1.2;font-weight:650;margin:0 0 12px}h2{font-size:16px;letter-spacing:-.25px;font-weight:650;margin:0}h3{font-size:13px;margin:0;font-weight:650}p{line-height:1.65}.lead{color:var(--muted);font-size:13px;margin:0;max-width:660px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.button{border:1px solid #dfe5d9;padding:11px 15px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:white;color:var(--ink);font-weight:550;font-size:12px;text-decoration:none;white-space:nowrap}.button.primary{background:var(--green);color:white;border-color:var(--green)}.button.light{background:var(--accent);color:var(--green);border-color:var(--accent)}.button.subtle{background:transparent;border-color:transparent;color:var(--muted)}.button.small{padding:7px 10px;font-size:11px}.button:hover{filter:brightness(.96)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hero{background:#e8eddf;border:1px solid #dce5d1;min-height:193px;border-radius:var(--radius);padding:26px 30px;display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px;overflow:hidden}.hero h2{font-size:21px;max-width:420px;line-height:1.35;letter-spacing:-.7px;margin:8px 0 9px}.hero p{color:#65715e;max-width:470px;font-size:12px;margin:0 0 18px}.hero-illustration{position:relative;width:245px;height:150px;flex-shrink:0;display:grid;place-items:center}.hero-ring{position:absolute;width:145px;height:145px;border:1px solid #ced9c0;border-radius:50%}.hero-ring.second{width:210px;height:210px}.illustration-card{position:relative;transform:rotate(-5deg);background:white;border-radius:12px;box-shadow:0 8px 30px #34523413;width:162px;padding:17px;z-index:1}.illustration-card .icon{width:30px;height:30px;color:var(--green);margin-bottom:7px}.illustration-card strong{display:block;font-size:12px}.illustration-card span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.mini-check{position:absolute;right:7px;bottom:16px;background:var(--green);color:var(--accent);width:45px;height:45px;display:grid;place-items:center;border:5px solid #e8eddf;border-radius:50%;z-index:2}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:19px 20px;min-height:128px}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;align-items:center;gap:8px}.stat-top .icon{color:#87977b;width:17px;height:17px}.stat-value{font-size:28px;font-weight:650;letter-spacing:-1px;margin-top:17px;line-height:1.1}.stat-value.money-value{font-size:23px}.stat small{display:block;font-size:10px;color:var(--muted);margin-top:9px}.grid-two{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px;margin-bottom:22px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:23px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.card-head p{font-size:11px;color:var(--muted);margin:6px 0 0}.step-list{display:grid;gap:0}.step{display:flex;gap:13px;padding:17px 0;border-top:1px solid #eff1eb;align-items:center}.step:first-child{padding-top:0;border-top:0}.step:last-child{padding-bottom:0}.step-number{width:32px;height:32px;border-radius:9px;background:#f2f4eb;color:#829074;display:grid;place-items:center;flex-shrink:0;font-size:11px}.step-copy{flex:1}.step-copy p{font-size:11px;color:var(--muted);margin:5px 0 0}.step .icon{color:var(--muted);width:16px;height:16px}.badge{font-size:10px;display:inline-flex;padding:5px 8px;border-radius:6px;white-space:nowrap;line-height:1.25}.badge.green{background:#edf3e4;color:#5a744a}.badge.amber{background:#faf0df;color:#a37532}.badge.gray{background:#f1f3ee;color:#7a8374}.badge.blue{background:#edf2f8;color:#56748d}.channel-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #edf0e9;gap:12px}.channel-row:last-child{border-bottom:0;padding-bottom:0}.channel-brand{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:10px;flex-shrink:0}.channel-brand.ml{background:#fff1ad;color:#806b12}.channel-brand.shopee{background:#ffe9df;color:#d96331}.channel-main{display:flex;align-items:center;gap:11px}.channel-main strong{font-size:12px}.channel-main small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.callout{background:#f8f5ed;border:1px solid #ede4d0;border-radius:12px;padding:14px 17px;font-size:12px;color:#8a6b37;line-height:1.6;margin-bottom:20px}.callout.green{background:#f0f4e9;border-color:#e0e9d2;color:#60794c}.callout .icon{vertical-align:middle;margin-right:5px;width:16px;height:16px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.search-wrap{position:relative;flex:1;max-width:360px}.search-wrap .icon{position:absolute;left:13px;top:12px;color:#9ba495;width:16px;height:16px}.search-wrap input{padding-left:38px;width:100%}.input,input:not([type=checkbox]):not([type=file]),select,textarea{border:1px solid #dfe5d9;border-radius:8px;padding:11px 12px;color:var(--ink);background:#fff;min-width:0}.search-wrap input::placeholder{color:#9da694;font-size:12px}.table-card{padding:0;overflow:hidden}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#fbfcf8;color:#86917f;font-weight:550;font-size:10px;letter-spacing:.4px;padding:14px 20px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 20px;border-bottom:1px solid #eef1e9;vertical-align:middle}tr:last-child td{border-bottom:0}.product-cell{display:flex;align-items:center;gap:12px;min-width:220px}.product-graphic{width:37px;height:39px;display:grid;place-items:center;border-radius:9px;background:#edf1e4;color:#78945b;flex-shrink:0}.product-graphic.winter{background:#f0eaf3;color:#9c7ca8}.product-graphic .icon{width:23px;height:23px}.product-name{font-size:12px;font-weight:550;line-height:1.45}.subtext{display:block;font-size:10px;color:var(--muted);margin-top:5px;font-weight:400;line-height:1.5}.cost-button{border:0;background:none;text-align:left;padding:0;color:var(--ink);font-weight:550;cursor:pointer;white-space:nowrap}.cost-button:hover{text-decoration:underline}.sku{font-size:10px;letter-spacing:.2px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.table-footer{padding:14px 20px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.empty{text-align:center;padding:45px 25px;color:var(--muted);font-size:12px}.kit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.kit-card{padding:22px;border:1px solid var(--line);background:white;border-radius:15px;min-width:0}.kit-top{display:flex;gap:12px;align-items:center;margin-bottom:18px}.kit-top .product-graphic{width:43px;height:45px}.kit-top .badge{margin-left:auto}.recipe{padding:13px 15px;background:#f7f8f3;border-radius:9px;display:grid;gap:8px;font-size:11px;min-height:64px}.recipe-line{display:flex;gap:10px;align-items:center}.quantity-chip{display:inline-grid;place-items:center;background:#fff;border:1px solid #e7ebdf;width:27px;height:25px;border-radius:6px;font-size:10px;font-weight:650}.kit-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:10px}.kit-bottom small{color:var(--muted);font-size:10px;display:block;margin-bottom:5px}.kit-bottom strong{font-size:14px;font-weight:600}.kit-card .actions{margin-top:17px}.quantity-input{width:110px;text-align:center;font-size:13px;padding:9px!important}.quantity-input.invalid{border-color:#bc5f40}.count-subtotal{font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#55634d;min-width:0}.field small{font-size:10px;color:var(--muted);line-height:1.5}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%}.section-copy{font-size:12px;color:var(--muted);margin:12px 0 20px;line-height:1.75}.summary-list{display:grid;gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #edf0e8;padding-bottom:12px}.summary-item:last-child{border:0;padding-bottom:0}.summary-item span{font-size:12px}.summary-item strong{font-size:13px}.inline-code{background:#f1f3ed;padding:3px 7px;border-radius:4px;font-size:10px}.milestone{display:flex;gap:15px;padding:19px 0;border-bottom:1px solid #edf0e8}.milestone:last-child{border-bottom:0}.milestone p{font-size:12px;color:var(--muted);margin:7px 0 0}.milestone .step-number{margin-top:2px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-grid .card{align-self:start}.account-grid .field{margin:16px 0}.file-label{display:flex;flex-direction:column;gap:10px;font-size:12px;margin:20px 0}.file-label input{max-width:100%;font-size:11px}.dialog-card{padding:27px;width:100%;max-width:640px}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px}.dialog-head h2{font-size:20px}.close-button{background:none;border:0;color:#87937a;font-size:24px;line-height:20px;padding:0 3px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}dialog{padding:0;border:1px solid var(--line);border-radius:18px;max-width:min(680px,calc(100vw - 28px));width:640px;color:var(--ink);max-height:90vh;box-shadow:0 15px 70px #13241924}dialog::backdrop{background:#15281964;backdrop-filter:blur(3px)}.dialog-error{background:#fff1e9;color:#a34629;border-radius:8px;padding:12px;font-size:12px;margin-top:15px}.component-editor{display:grid;gap:10px}.component-row{display:grid;grid-template-columns:1fr 80px 32px;gap:8px}.component-row button{border:1px solid var(--line);background:#fff;border-radius:8px;font-size:18px}.checkbox-line{display:flex;align-items:center;gap:9px;font-size:12px;padding:12px 0}.checkbox-line input{accent-color:var(--green)}.history-entry{padding:12px 0;border-top:1px solid var(--line);font-size:12px}.history-entry small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.6}.history-title{margin-top:24px;font-size:12px}footer{padding:0 38px 26px;color:#98a18f;font-size:10px}footer span{padding:0 9px}#toast{position:fixed;bottom:26px;left:calc(50% + 124px);transform:translateX(-50%);background:#193d36;color:white;padding:15px 21px;border-radius:11px;box-shadow:0 8px 30px #193d3624;max-width:calc(100% - 30px);z-index:20;font-size:12px;line-height:1.6}#toast.error{background:#8c462f}.skip{position:fixed;top:-60px;left:12px;padding:12px;background:white;z-index:99}.skip:focus{top:12px}.save-state{font-size:10px;color:var(--muted)}.progress-line{height:5px;background:#f0f3e9;border-radius:8px;margin:10px 0 20px}.progress-line span{display:block;height:100%;background:#9bb967;border-radius:8px}.width-0{width:0}.width-25{width:25%}.width-50{width:50%}.width-75{width:75%}.width-100{width:100%}.subtle-link{color:var(--muted);font-size:11px;text-decoration:underline}.loading{opacity:.5;pointer-events:none}
@media(min-width:1700px){main{padding-top:45px}.hero{min-height:220px}.stat{min-height:145px}}
@media(max-width:1150px){.sidebar{width:215px;padding:30px 14px}.page{margin-left:215px;width:calc(100% - 215px)}main{padding:28px 26px}.topbar{padding:0 26px}.connection-notice{padding:10px 26px}.hero-illustration{width:175px}.grid-two{grid-template-columns:1.2fr 1fr}.stat{padding:16px}.stat-value.money-value{font-size:19px}.kit-grid{grid-template-columns:1fr}#toast{left:calc(50% + 107px)}}
@media(max-width:800px){.sidebar{position:static;width:100%;padding:15px 18px 10px;display:block}.shell{display:block}.brand{font-size:20px;padding:0}.brand-mark{width:34px;height:34px;font-size:23px}.brand-store{font-size:8px}.workspace,.nav-caption,.sidebar-bottom{display:none}nav{flex-direction:row;overflow:auto;margin-top:16px;gap:5px;padding-bottom:4px}.nav-button{width:auto;white-space:nowrap;padding:10px 12px;font-size:11px;gap:7px}.nav-button .icon{width:15px;height:15px}.page{width:100%;margin:0}.topbar{height:61px;padding:0 20px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 7px}.top-actions{gap:10px}.top-actions .pill{font-size:9px;padding:5px 8px}.user-button{font-size:10px;padding:0}.user-avatar{display:none}.connection-notice{padding:10px 20px;font-size:10px}main{padding:27px 20px}h1{font-size:25px}.hero{padding:23px;min-height:180px}.hero-illustration{width:135px}.hero-ring.second{width:150px;height:150px}.hero-ring{width:110px;height:110px}.illustration-card{width:122px;padding:14px}.illustration-card span{font-size:8px}.mini-check{right:-5px;width:35px;height:35px}.hero h2{font-size:19px}.grid-two{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-grid{grid-template-columns:1fr}.heading-row{align-items:start}.lead{font-size:12px}.card{padding:20px}.table-card{padding:0}.stat{min-height:120px}.stat-value.money-value{font-size:22px}footer{padding:0 20px 22px}#toast{left:50%;width:max-content;bottom:15px}.dialog-card{padding:22px}}
@media(max-width:480px){.hero-illustration{display:none}.hero{padding:22px}.heading-row{flex-direction:column;gap:17px}.heading-row .actions{width:100%}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.topbar{padding:0 18px}.breadcrumb{max-width:140px}.top-actions{gap:7px}.top-actions .pill{font-size:8px}.user-button{font-size:9px}.connection-notice{padding:10px 18px;align-items:start}main{padding:25px 18px}.stat{padding:16px 15px}.stat-value{font-size:25px}.stat-value.money-value{font-size:18px}.stat-top{font-size:10px}.kit-top{flex-wrap:wrap}.kit-top .badge{margin-left:0}.kit-top h3{font-size:12px}.table-footer{flex-direction:column}.dialog-card{padding:20px}.dialog-actions .button{flex:1}.card-head{align-items:start}.card-head .button{font-size:10px;padding:7px 8px}.product-cell{min-width:210px}.component-row{grid-template-columns:minmax(0,1fr) 60px 30px}.quantity-input{width:82px}.toolbar .search-wrap{max-width:none;min-width:190px}.step-copy p{font-size:10px}}

/* Entrada independente da área de trabalho. */
.login-screen .sidebar,.login-screen .topbar,.login-screen #connection-notice,.login-screen footer,.login-screen .skip{display:none}
.login-screen .shell{display:block;min-height:100vh}
.login-screen .page{margin:0;width:100%;min-width:0}
.login-screen #main{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;box-sizing:border-box}
.login-card{width:100%;max-width:420px;padding:36px;background:white;border:1px solid #e1e5dc;border-radius:24px;box-sizing:border-box}
.login-brand{display:flex;align-items:center;gap:14px;color:#193d36;font-weight:800;letter-spacing:2px;margin-bottom:32px}
.login-card h1{font-size:26px;margin:0 0 24px}
.login-card form{display:grid;gap:18px}
.login-card input{width:100%;min-width:0;box-sizing:border-box}
.login-card .button{width:100%}
@media(max-width:480px){.login-screen #main{padding:18px}.login-card{padding:26px}}

.nav-button.nav-submenu{padding-left:38px;font-size:12px}.product-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}

.sidebar{overflow-y:auto}.nav-group-title{font-size:10px;letter-spacing:1.7px;color:#a6bdb2;margin:24px 12px 10px}.planned-dot{width:6px;height:6px;background:#9cb5ab;border-radius:50%;margin-left:auto;flex-shrink:0}.planned-page{max-width:900px}.planned-page h2{margin-top:24px}.planned-page li{line-height:1.7;margin-bottom:14px}.planned-page ul{padding-left:22px}.planned-page .callout p{margin-bottom:0}.sidebar-bottom{flex-shrink:0}
@media(max-width:800px){.nav-group-title{display:none}.planned-dot{margin-left:6px}.sidebar{overflow-y:visible}#navigation .nav-button{flex-shrink:0}}
