:root{--ink:#17212b;--muted:#687784;--line:#dfe6e9;--bg:#f4f7f6;--green:#087f5b;--green2:#0ca678;--nav:#102a2e;--red:#c92a2a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}body>aside{position:fixed;inset:0 auto 0 0;width:254px;background:linear-gradient(180deg,var(--nav),#0b2023);color:#dceae7;padding:24px 16px;display:flex;flex-direction:column}.brand-area{padding:0 5px 17px;border-bottom:1px solid #ffffff14;margin-bottom:12px}.brand-area .brand{font-size:18px;font-weight:750;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px}.brand img{width:38px;height:38px;object-fit:contain;border-radius:7px;background:#fff}.brand span,.logo{display:grid;place-items:center;background:var(--green2);color:#fff;border-radius:10px;width:38px;height:38px;font-size:23px;font-weight:900}.brand-area>small{display:block;margin-top:12px;color:#94aaa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-logo{display:block;max-width:130px;max-height:50px;object-fit:contain;margin-top:14px;background:#fff;border-radius:6px;padding:5px}nav{display:grid;gap:3px;flex:1;align-content:start;overflow:auto}nav a{color:#c6d7d4;text-decoration:none;padding:9px 12px;border-radius:7px}nav a:hover{color:#fff;background:#ffffff0d}.nav-group{margin-top:8px}.nav-heading{color:#71928d;padding:8px 12px 3px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.nav-group a{display:block;padding-left:18px}.logout{width:100%;background:transparent;border:1px solid #41605f;color:#cbd9d7}main{margin-left:254px;padding:30px 36px;max-width:1500px}main.public{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#d5f5e9,transparent 30%),#f3f7f5}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1,h2,h3,p{margin-top:0}header h1{margin:0;font-size:26px}header p,.panel-title p{color:var(--muted);margin:4px 0 0}.user{text-align:right;font-weight:650}.user small,td small{display:block;color:var(--muted);font-weight:400}.login-card{width:min(420px,calc(100vw - 32px));background:#fff;padding:38px;border-radius:18px;box-shadow:0 20px 60px #18392d1c}.login-card h1{font-size:27px;margin:0 0 4px}.login-card>p{color:var(--muted);margin-bottom:25px}.login-card form{display:grid;gap:16px}.login-brands{min-height:52px;display:flex;align-items:center;gap:16px;margin-bottom:21px}.login-brands img{max-width:120px;max-height:54px;object-fit:contain}.login-brands span{height:36px;width:1px;background:var(--line)}.tenant{display:flex;justify-content:space-between;border:1px solid var(--line);padding:14px;margin-top:10px;border-radius:8px;color:var(--ink);text-decoration:none}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:18px;box-shadow:0 2px 8px #15251f08;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:20px 22px}.panel-title h2,.section-heading h2{font-size:17px;margin:0}.section-heading{padding:20px 22px 4px}.section-heading p{color:var(--muted);margin:4px 0 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stats article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.stats small{color:var(--muted)}.stats strong{font-size:30px;display:block;margin-top:5px}.form-panel summary{padding:17px 21px;font-size:16px;font-weight:700;cursor:pointer}.form-panel[open] summary{border-bottom:1px solid var(--line)}.grid-form{padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.grid-form .wide{grid-column:span 2}label{display:grid;gap:6px;color:#40505a;font-weight:600}input,select,textarea{width:100%;border:1px solid #cad5d8;border-radius:8px;padding:10px 11px;background:#fff;color:var(--ink);font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid #96dfc6;border-color:var(--green)}button,.button{border:0;background:var(--green);color:#fff;padding:10px 15px;border-radius:8px;font:600 14px inherit;text-decoration:none;cursor:pointer;display:inline-block}.secondary{background:#e6f1ed;color:#086a4e}.small{padding:6px 10px;font-size:12px}.actions{padding-top:10px}.actions.wide{grid-column:1/-1}.toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.inline{padding:17px 21px;max-width:300px}.check,.switch{display:flex;align-items:center;gap:8px}.check input,.switch input,.pick input,td input[type=checkbox]{width:auto}.search{display:flex;gap:8px;margin-bottom:15px;max-width:500px}table{width:100%;border-collapse:collapse}th{color:#677780;font-size:11px;text-transform:uppercase;letter-spacing:.06em;text-align:left;background:#f8faf9}th,td{padding:13px 17px;border-bottom:1px solid #edf0f1;vertical-align:middle}tr:last-child td{border:0}.empty{text-align:center;color:var(--muted);padding:34px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e7f5ef;color:#087f5b;font-size:10px;font-weight:800}.badge.pendente{background:#fff3bf;color:#8f5b00}.badge.bloqueado,.flash.error{background:#ffe3e3;color:var(--red)}.promo{color:#e03131}.flash{padding:12px 16px;border-radius:8px;margin-bottom:16px}.flash.success{background:#dff6e9;color:#08734f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px}.preview{aspect-ratio:2.3;background:#f9faf7;border:2px solid #263238;border-radius:5px;padding:12px;display:grid;align-content:center}.product-picker{padding:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pick{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px}.menu-parent{border-top:1px solid var(--line)}.menu-row{display:grid;grid-template-columns:24px minmax(180px,1fr) 110px 110px 90px 65px;gap:10px;align-items:center;padding:10px 18px}.menu-row.child{padding-left:42px;background:#fafcfb}.menu-row label{font-size:10px;text-transform:uppercase}.brand-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:20px}.brand-preview{position:static;width:auto;background:linear-gradient(145deg,#102a2e,#173e42);color:#fff;padding:22px;border-radius:12px;height:max-content}.brand-preview>small{color:#8dacaa;font-weight:800;letter-spacing:.1em}.preview-login{background:#fff;color:var(--ink);border-radius:12px;padding:27px;margin-top:15px}.preview-login p{color:var(--muted)}.fake-input{height:35px;border:1px solid var(--line);border-radius:6px;margin:9px 0}.fake-button{height:36px;border-radius:6px;margin-top:14px}@media(max-width:900px){body>aside{position:static;width:auto}body>aside nav{grid-template-columns:repeat(3,1fr)}main{margin:0;padding:20px}.stats,.cards{grid-template-columns:repeat(2,1fr)}.grid-form{grid-template-columns:1fr 1fr}.brand-layout{grid-template-columns:1fr}.menu-row{grid-template-columns:20px 1fr 75px 75px}table{display:block;overflow-x:auto}}@media(max-width:580px){body>aside nav{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start}.user{display:none}.stats,.cards,.product-picker,.grid-form{grid-template-columns:1fr}.grid-form .wide{grid-column:auto}main{padding:16px}.menu-row{grid-template-columns:20px 1fr}.menu-row label,.menu-row button{grid-column:2}}