:root{--ink:#193433;--muted:#74827e;--green:#176b50;--lime:#d9edb3;--line:#e2e8e1;--bg:#f5f6f2;--red:#a44837}*{box-sizing:border-box}body{margin:0;font:14px 'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{border:0}aside{width:224px;position:fixed;inset:0 auto 0 0;background:#153d34;color:#b4c9bc;padding:30px 18px;display:flex;flex-direction:column;z-index:5}.brand{font-size:29px;font-weight:750;letter-spacing:-1.6px;color:white;padding:0 12px}.brand span{color:#d0e7a6}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;color:#a2bcb0;margin-top:7px}.nav-label{font-size:10px;letter-spacing:1.8px;margin:38px 14px 14px;color:#85a395}nav{display:grid;gap:5px}nav button{background:none;color:#bdd0c4;padding:13px 14px;text-align:left;border-radius:7px;display:flex;gap:13px;align-items:center}nav button:hover{background:#214b40}nav button.active{background:#d9edb3;color:#224536;font-weight:650}nav .icon{width:17px;display:inline-grid;place-items:center}svg{width:18px;height:18px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.side-end{margin-top:auto;border-top:1px solid #34564b;padding:20px 12px 0;font-size:12px;line-height:1.8}.side-end small{color:#88a99a}main{margin-left:224px}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;border-bottom:1px solid var(--line);background:#fcfdf9}.crumb{color:var(--muted);font-size:12px}.crumb b{color:var(--ink);font-weight:500}.top-right{display:flex;align-items:center;gap:20px}.mode{font-size:11px;border:1px solid #dfe6d9;padding:6px 10px;border-radius:99px;color:#65745d}.dot{height:6px;width:6px;display:inline-block;background:#729e49;border-radius:50%;margin-right:6px}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e5eadb;font-size:11px;font-weight:700}.content{padding:32px 38px;max-width:1560px;margin:auto}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.8px;color:#809080;margin-bottom:10px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:0 0 10px;font-weight:650}p{line-height:1.6;margin:5px 0}.muted{color:var(--muted)}.small{font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:white;padding:11px 16px;border-radius:6px;font-weight:600;font-size:12px;white-space:nowrap}.button:hover{filter:brightness(.94)}.button.secondary{background:white;border:1px solid #dce3d8;color:var(--ink)}.button.danger{background:#f8e6df;color:var(--red)}.button.text{background:transparent;color:var(--green);padding:7px 4px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric,.card{background:#fff;border:1px solid var(--line);border-radius:10px}.metric{padding:22px;position:relative}.metric-icon{position:absolute;right:18px;top:19px;color:#8f9d88}.metric-title{font-size:12px;color:#6b7b71}.metric-value{font-size:29px;letter-spacing:-.8px;font-weight:650;margin:17px 0 8px}.metric-foot{font-size:11px;color:#8b968c}.metric.featured{background:#eaf1de;border-color:#dce7cd}.card{padding:23px;margin-bottom:20px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}h2{font-size:16px;font-weight:650;margin:0 0 5px;letter-spacing:-.2px}h3{font-size:13px;margin:0 0 14px}.columns{display:grid;grid-template-columns:1.8fr 1fr;gap:20px}.badge{display:inline-flex;align-items:center;font-size:10px;padding:5px 8px;border-radius:5px;background:#f0f3ed;color:#728069;font-weight:600;white-space:nowrap}.badge.amber{background:#fbf1db;color:#9c7630}.badge.green{background:#e8f3e8;color:#37734e}.badge.red{background:#faeae5;color:#aa5d46}.badge.blue{background:#e9f0f7;color:#597692}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#8b978c;font-weight:500;border-bottom:1px solid var(--line);padding:12px 12px;background:#fcfdfb}td{padding:17px 12px;border-bottom:1px solid #edf0e9}tr:last-child td{border-bottom:0}td strong{font-weight:600}td small{display:block;color:#899487;margin-top:5px;font-size:10px}.row-link{color:var(--ink);background:none;text-align:left;font-weight:600;padding:0}.row-link:hover{text-decoration:underline}.initial{width:35px;height:35px;background:#eaf0e3;color:#567149;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:650;flex-shrink:0}.person{display:flex;gap:11px;align-items:center}.progress{height:6px;background:#eef1e9;border-radius:10px;margin-top:10px;overflow:hidden}.progress span{display:block;height:100%;background:#88a761;border-radius:10px}.product-row{padding:14px 0}.product-row+.product-row{border-top:1px solid #edf0e9}.spread{display:flex;justify-content:space-between;gap:15px;align-items:center}.banner{background:#edf2e4;border:1px solid #dee7d1;padding:17px 20px;border-radius:8px;display:flex;align-items:center;gap:15px;margin-bottom:22px;font-size:12px}.banner .icon{color:#759150}.banner p{margin:0}.empty{padding:35px 18px;text-align:center;color:#899487;font-size:12px}.empty strong{display:block;color:#53654e;font-size:14px;margin-bottom:9px}.toolbar{display:flex;gap:12px;margin-bottom:18px;align-items:center;flex-wrap:wrap}.search{min-width:240px;flex:1}.toolbar input,.toolbar select{background:white;border:1px solid var(--line);padding:11px 13px;border-radius:6px;color:var(--ink)}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:22px 0}.tabs button{background:none;padding:0 0 14px;color:#81907d;font-size:12px}.tabs button.active{color:var(--green);border-bottom:2px solid var(--green);font-weight:650}.details{display:grid;grid-template-columns:1fr 1fr;gap:24px}.details label{display:block;font-size:11px;color:#84917d;margin-bottom:7px}.details strong{font-size:13px;font-weight:600}.note{font-size:12px;padding:15px;background:#f6f8f2;border-radius:6px;color:#72836a;margin-top:20px;line-height:1.6}.products{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.product-card{padding:25px}.product-card .initial{margin-bottom:20px;width:42px;height:42px}.product-card p{font-size:12px;color:#83907b;margin:10px 0 20px}.integration{display:flex;gap:18px;align-items:flex-start}.logo{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;font-size:22px;font-weight:750;background:#edf1f8;color:#3057a8;flex-shrink:0}.logo.whatsapp{background:#e6f5eb;color:#359e62}.integration .badge{margin-left:auto}.step{display:flex;gap:15px;margin:20px 0;font-size:12px}.step-num{height:25px;width:25px;flex-shrink:0;display:grid;place-items:center;border:1px solid #d9e2d0;border-radius:50%;color:#84956e;font-size:11px}.footer{color:#99a28f;font-size:10px;display:flex;justify-content:space-between;margin:12px 0 0;gap:20px}.tag{font-size:11px;color:#687b5a;background:#f2f6eb;border-radius:5px;padding:6px 9px;display:inline-block;margin:3px}dialog{border:1px solid var(--line);border-radius:13px;width:min(600px,calc(100% - 30px));max-height:90vh;padding:0;color:var(--ink);box-shadow:0 30px 100px #163a3440}dialog::backdrop{background:#18342f70;backdrop-filter:blur(3px)}.modal-head{padding:24px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.close{background:#f4f6ef;border-radius:50%;width:28px;height:28px;color:#687b5a}.form-body{padding:23px 26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field.full{grid-column:1/-1}.field label{display:block;font-size:11px;font-weight:600;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:1px solid #dce4d6;padding:11px;border-radius:6px;background:white;color:var(--ink)}.field textarea{resize:vertical;min-height:70px}.field small{display:block;margin-top:6px;color:#8a9780;font-size:10px}.form-foot{padding:17px 26px;background:#f8faf4;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.error{color:#a34c35;font-size:12px;margin-top:12px}.toast{position:fixed;bottom:28px;right:30px;background:#173f33;color:white;border-radius:8px;padding:15px 22px;box-shadow:0 8px 30px #173f3330;z-index:20;max-width:90vw}.hidden{display:none}.timeline{padding:12px 0;border-bottom:1px solid #edf0e9;font-size:12px}.timeline small{color:#8b9883;display:block;margin-top:6px}.mobile-menu{display:none}.schedule{max-height:380px;overflow:auto}.danger-note{color:#9e5947;background:#fbf0eb}.route-in{animation:appear .2s ease-out}@keyframes appear{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.route-in{animation:none}}@media(min-width:1600px){.content{padding-top:44px}}@media(max-width:1100px){aside{width:190px}main{margin-left:190px}.content{padding:26px}.topbar{padding:0 26px}.metrics{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.metric-value{font-size:26px}}@media(max-width:700px){aside{transform:translateX(-100%);transition:transform .2s}body.menu-open aside{transform:translateX(0)}main{margin:0}.mobile-menu{display:inline-flex;background:none;color:var(--green);padding:6px}.content{padding:22px 16px}.topbar{height:60px;padding:0 16px}.top-right{gap:8px}.mode{font-size:9px}h1{font-size:25px}.page-head{align-items:flex-start;gap:12px}.metrics{gap:10px}.metric{padding:16px}.metric-value{font-size:22px}.metric-icon{display:none}.metric-title{font-size:11px}.metric-foot{line-height:1.5}.card{padding:17px}.products{grid-template-columns:1fr}.tabs{gap:17px;overflow:auto}.tabs button{white-space:nowrap}.details,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer{flex-direction:column;gap:6px}.banner{align-items:flex-start}.page-head .button{padding:10px;font-size:11px}.search{min-width:0;width:100%}.integration{flex-wrap:wrap}.integration .badge{margin-left:0}}
.columns>*{min-width:0}.table-wrap{max-width:100%}.metrics>*{min-width:0}@media(max-width:700px){.card-head{flex-wrap:wrap}.topbar .crumb{font-size:10px}.top-right{gap:6px}.topbar{gap:6px}.topbar .actions{gap:4px}.page-head>div{min-width:0}.banner{flex-wrap:wrap}}