:root{--papel:#fff;--elev:#f7f8fa;--linha:#e4e7ec;--grafite:#0d0f12;--cinza-2:#4b5563;--azul:#2563eb;--azul-escuro:#1d4ed8;--azul-aberto:#eff6ff;--raio-sm:8px;--raio-md:12px;--sombra:0 8px 24px #0d0f120f}.conversation-actions{gap:8px;min-width:220px;display:grid}*{box-sizing:border-box}html{background:var(--elev);color:var(--grafite);font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--grafite);color:#fff;height:100vh;padding:24px 16px;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:10px;padding:0 8px 24px;font-weight:750;display:flex}.brand__mark{border-radius:var(--raio-sm);background:var(--azul);place-items:center;width:34px;height:34px;display:grid}.nav{gap:4px;display:grid}.nav__item{border-radius:var(--raio-sm);color:#cbd5e1;align-items:center;gap:10px;min-height:42px;padding:10px 12px;font-size:14px;display:flex}.nav__item:hover,.nav__item[data-active=true]{color:#fff;background:#ffffff17}.main{min-width:0}.topbar{border-bottom:1px solid var(--linha);background:#fffffff0;justify-content:space-between;align-items:center;min-height:72px;padding:0 32px;display:flex}.topbar__eyebrow{color:var(--cinza-2);font-size:13px}.page{width:min(1280px,100%);margin:0 auto;padding:32px}.page__header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page__header h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(26px,3vw,36px)}.page__header p{color:var(--cinza-2);max-width:720px;margin:0;line-height:1.55}.grid{gap:16px;display:grid}.grid--metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio-md);box-shadow:var(--sombra);padding:20px}.metric__label{color:var(--cinza-2);align-items:center;gap:8px;font-size:13px;display:flex}.metric__value{letter-spacing:-.04em;margin-top:12px;font-size:30px;font-weight:750}.metric__note{color:var(--cinza-2);margin-top:8px;font-size:12px}.section{margin-top:24px}.section__title{letter-spacing:-.02em;margin:0 0 14px;font-size:18px}.empty{text-align:center;min-height:240px;color:var(--cinza-2);place-items:center;padding:32px;display:grid}.empty svg{color:var(--azul);margin-bottom:12px}.chart{width:100%;height:320px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{color:var(--cinza-2);text-align:left;border-bottom:1px solid var(--linha);padding:12px;font-weight:600}.table td{border-bottom:1px solid var(--linha);vertical-align:top;padding:14px 12px}.status{background:var(--elev);border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:inline-flex}.status--ok{color:var(--azul-escuro);background:var(--azul-aberto)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{gap:7px;display:grid}.field label{font-size:13px;font-weight:650}.field input,.field textarea,.field select{border:1px solid var(--linha);border-radius:var(--raio-sm);width:100%;color:var(--grafite);background:#fff;padding:11px 12px}.field textarea{resize:vertical;min-height:108px}.field__error{color:#b42318;font-size:12px}.span-2{grid-column:span 2}.mobile-nav{display:none}@media (max-width:1023px){.app-shell{grid-template-columns:80px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand span:last-child,.nav__item span{display:none}.brand{justify-content:center;padding-inline:0}.nav__item{justify-content:center}.grid--metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.app-shell{padding-bottom:68px;display:block}.sidebar{display:none}.mobile-nav{z-index:30;background:var(--grafite);color:#fff;justify-content:space-around;min-height:64px;padding:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#cbd5e1;place-items:center;gap:3px;min-width:52px;font-size:10px;display:grid}.topbar{min-height:60px;padding:0 18px}.page{padding:22px 16px}.page__header{display:grid}.grid--metrics,.grid--two,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}