*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}:root{--text-color:#515b66;--text-strong:#1f1f1f;--brand-red:#d52b30;--brand-red-dark:#a01e22;--soft-grey:#e2cfcf;--brand-blue:#5b8ad1;--brand-blue-dark:#154bb0;--brand-blue-soft:#e8f1ff;--brand-success:#22c55e;--brand-success-dark:#16a34a;--brand-success-soft:#dcfce7;--brand-warning:#f59e0b;--brand-warning-dark:#d97706;--brand-warning-soft:#fef3c7;--brand-info:#3b82f6;--brand-info-dark:#2563eb;--brand-info-soft:#dbeafe;--brand-error:#ef4444;--brand-error-dark:#dc2626;--brand-error-soft:#fee2e2}body{color:var(--text-color);font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,sans-serif}.topbar{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:50px;padding:0 12px;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,sans-serif;display:flex;position:relative;box-shadow:0 8px 20px #00000014}body.pdv-tela-grande .topbar{display:none!important}.left{flex:auto;align-items:center;gap:20px;min-width:0;display:flex}.logo{cursor:pointer;align-items:center;margin-right:20px;font-weight:700;display:flex}.logo-img{width:auto;height:44px;display:block}.menu{flex-wrap:wrap;flex:auto;align-items:center;gap:6px 12px;min-width:0;padding-bottom:2px;display:flex;overflow:visible}.menu-item{cursor:pointer;color:var(--text-strong);white-space:nowrap;border-radius:8px;flex:none;align-items:center;gap:4px;padding:10px;font-size:15px;transition:color .2s,box-shadow .2s,background-color .2s;display:inline-flex;position:relative}.menu-item:hover{color:#fff;background:#d52b30;box-shadow:0 0 0 4px #ffffff40}.menu-arrow{color:#6f7a86;font-size:18px;transition:color .2s}.menu-item:hover .menu-arrow{color:#fff}.dropdown{z-index:999;width:230px;color:var(--text-color);background:#fff;border-radius:8px;padding:8px 0;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 12px #0000001f}.dropdown-item{cursor:pointer;color:var(--text-color);white-space:normal;overflow-wrap:anywhere;padding:10px 12px;transition:background .25s}.dropdown-item-wrapper{position:relative}.dropdown-item.has-children{justify-content:space-between;align-items:center;gap:10px;display:flex}.dropdown-item-arrow{color:#8e0a0a;font-size:16px}.dropdown-submenu{z-index:1000;background:#fff;border-radius:8px;min-width:190px;padding:8px 0;display:none;position:absolute;top:0;left:calc(100% - 2px);box-shadow:0 4px 12px #0000001f}.dropdown-item-wrapper:hover>.dropdown-submenu{display:block}.dropdown--3col{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;width:720px;padding:12px;display:grid}.dropdown--3col .dropdown-item{white-space:nowrap;padding:10px 12px}.dropdown-item:hover{background:#f1cccc}.right{flex:none;align-items:center;gap:12px;margin-left:auto;display:flex}.icon{cursor:pointer;font-size:18px}.user{cursor:pointer;font-weight:700}@media (width<=1100px){.topbar{padding:8px 14px}.menu{gap:12px}.logo{margin-right:12px}}@media (width<=900px){.topbar{flex-wrap:nowrap;padding:8px}.left{flex:auto;min-width:0}.logo{margin-right:0;position:absolute;left:50%;transform:translate(-50%)}}.divLoading{flex-direction:column;justify-content:center;align-items:center;min-height:80vh;display:flex}.loading{width:100%;margin:0 auto;font-size:2rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body,#root{height:100%;margin:0}:root{--bg:#fff;--text:#111;--muted:#6b7280;--card:#f3f4f6;--border:#e5e7eb;--link:#2563eb;--shadow:0 8px 24px #00000014}body{background-color:var(--bg);color:var(--text);transition:background-color .2s,color .2s}#root{background-color:var(--bg);min-height:100%;color:var(--text)}a{color:var(--link)}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:2em}.read-the-docs{color:var(--muted)}.logo{will-change:filter;height:5em;padding:.8em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.page{animation:.4s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}