*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--hoad-bg:#f5f5f2;--hoad-black:#070707;--hoad-green:#101010;--hoad-green-text:#101010;--hoad-accent-fg:#fff;--hoad-charcoal:#5f5f5f;--hoad-gray:#d2d1c9;--hoad-offwhite:#17181a;--hoad-card:#fff;--hoad-card2:#f1f1ee;--hoad-border:#e4e3dc;--viz-serie-1:#2a78d6;--hoad-danger:#ff5252;--hoad-danger-bg:#ffecec;--hoad-warning:#c77700;--hoad-warning-bg:#fff4e0;--hoad-success:var(--hoad-green-text);--hoad-success-bg:#efefec;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-full:20px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--duration-fast:.12s;--duration-base:.18s;--duration-modal:.24s;--hoad-shadow-md:0 6px 20px #00000014;--hoad-shadow-sm:0 4px 14px #0000000f;--hoad-scrollbar-thumb:#0000002e}[data-theme=dark]{--hoad-bg:#0f0f10;--hoad-black:#070707;--hoad-green:#f2f2f0;--hoad-green-text:#f2f2f0;--hoad-accent-fg:var(--hoad-black);--hoad-charcoal:#a0a0a0;--hoad-gray:#3a3a38;--hoad-offwhite:#f2f2f0;--hoad-card:#1a1b1d;--hoad-card2:#232426;--hoad-border:#2e2f31;--viz-serie-1:#3987e5;--hoad-danger:#ff6b6b;--hoad-danger-bg:#3a1616;--hoad-warning:#ffa726;--hoad-warning-bg:#3a2a0f;--hoad-success:var(--hoad-green-text);--hoad-success-bg:#232426;--hoad-shadow-md:0 6px 20px #0006;--hoad-shadow-sm:0 4px 14px #00000052;--hoad-scrollbar-thumb:#ffffff2e}body{background:var(--hoad-bg);color:var(--hoad-offwhite);min-height:100vh;font-family:Inter,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3{letter-spacing:.5px;color:var(--hoad-offwhite);font-family:Anton,sans-serif}button{cursor:pointer;font-family:Inter,sans-serif;transition:background-color .15s,border-color .15s,color .15s,opacity .15s,transform .1s}button:active{transform:scale(.97)}button:disabled{cursor:default}button:disabled:active{transform:none}input,textarea,select{font-family:Inter,sans-serif;transition:border-color .15s,box-shadow .15s}@keyframes dropdown-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-pop{transform-origin:100% 0;animation:.14s ease-out dropdown-pop}.sidebar-item{background:0 0}@media (hover:hover) and (pointer:fine){.sidebar-item:not(.ativo):hover{background:var(--hoad-card2)}}@keyframes sidebar-submenu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-submenu-in{animation:sidebar-submenu-in var(--duration-base) var(--ease-out)}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-panel-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-overlay{animation:modal-overlay-in var(--duration-modal) var(--ease-out)}.modal-panel{animation:modal-panel-in var(--duration-modal) var(--ease-out);transform-origin:50%}@keyframes modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes modal-panel-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.modal-overlay.saindo{animation:modal-overlay-out var(--duration-base) var(--ease-out)}.modal-panel.saindo{animation:modal-panel-out var(--duration-base) var(--ease-out)}@keyframes drawer-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-panel-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes drawer-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes drawer-panel-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}.drawer-overlay{animation:drawer-overlay-in var(--duration-modal) var(--ease-drawer)}.drawer-panel{animation:drawer-panel-in var(--duration-modal) var(--ease-drawer)}.drawer-overlay.saindo{animation:drawer-overlay-out var(--duration-base) var(--ease-drawer)}.drawer-panel.saindo{animation:drawer-panel-out var(--duration-base) var(--ease-drawer)}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.95)}}@media (prefers-reduced-motion:reduce){button,input,textarea,select{transition:none}.dropdown-pop,.modal-overlay,.modal-panel,.toast-anim,.sidebar-submenu-in,.drawer-overlay,.drawer-panel{animation:none}}.produto-card{border:1px solid var(--hoad-border);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out)}.produto-card-img{transition:transform var(--duration-base) var(--ease-out)}@media (hover:hover) and (pointer:fine){.produto-card:hover{border-color:var(--hoad-green);box-shadow:var(--hoad-shadow-md)}.produto-card:hover .produto-card-img{transform:scale(1.05)}}.card-hover{border:1px solid var(--hoad-border);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out)}@media (hover:hover) and (pointer:fine){.card-hover:hover{border-color:var(--hoad-green);box-shadow:var(--hoad-shadow-sm)}}.row-hover{transition:background-color var(--duration-base) var(--ease-out)}@media (hover:hover) and (pointer:fine){.row-hover:hover{background:var(--hoad-card2)}}.tab-btn{border:1px solid var(--hoad-border);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);background:0 0}.tab-btn.ativo{background:var(--hoad-green);border-color:var(--hoad-green);color:var(--hoad-accent-fg)}@media (hover:hover) and (pointer:fine){.tab-btn:not(.ativo):hover{background:var(--hoad-card2)}}.pill{background:var(--hoad-card2);color:var(--hoad-charcoal);border:1px solid var(--hoad-border);transition:background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);border-radius:20px;padding:7px 16px;font-size:12px;font-weight:600}.pill.active{background:var(--hoad-green);color:var(--hoad-accent-fg);border-color:var(--hoad-green)}@media (hover:hover) and (pointer:fine){.pill:not(.active):hover{background:var(--hoad-border)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--hoad-bg)}::-webkit-scrollbar-thumb{background:var(--hoad-scrollbar-thumb);border-radius:2px}.layout{height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden auto}.calendario-grid{grid-template-columns:1fr;gap:20px;display:grid}.calendario-grid.com-painel{grid-template-columns:minmax(560px,1fr) 320px}.calendario-painel{min-width:0}.mobile-topbar,.sidebar-backdrop,.sidebar-close-btn{display:none}.grid-2col{grid-template-columns:2fr 1fr;gap:14px;display:grid}.row-actions{grid-template-columns:1fr auto;align-items:start;gap:16px;display:grid}@media (width<=860px){.mobile-topbar{border-bottom:1px solid var(--hoad-border);flex-shrink:0;align-items:center;gap:14px;padding:14px 16px;display:flex}.mobile-topbar button{border:1px solid var(--hoad-border);color:var(--hoad-offwhite);background:0 0;border-radius:8px;padding:8px 10px;font-size:18px;line-height:1}aside.sidebar{transition:transform var(--duration-modal) var(--ease-drawer);z-index:900;top:0;left:0;transform:translate(-100%);height:100vh!important;position:fixed!important}aside.sidebar.mobile-open{transform:translate(0);width:220px!important;min-width:220px!important}.sidebar-close-btn{display:block!important}.sidebar-backdrop{z-index:890;opacity:0;pointer-events:none;transition:opacity var(--duration-modal) var(--ease-out);background:#00000080;display:block;position:fixed;inset:0}.sidebar-backdrop.mobile-open{opacity:1;pointer-events:auto}.form-grid,.grid-2col,.row-actions{grid-template-columns:1fr!important}.row-actions>:last-child{flex-wrap:wrap;flex-direction:row!important;min-width:0!important}.page-padding{padding:16px!important}.calendario-grid.com-painel{grid-template-columns:1fr!important}}@media (width<=860px) and (prefers-reduced-motion:reduce){aside.sidebar,.sidebar-backdrop{transition:none}}@media (width<=640px){.pcp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pcp-form-grid>label{grid-column:span 2!important}}.pcp-quadro{scroll-snap-type:x proximity;align-items:flex-start;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.pcp-coluna{scroll-snap-align:start;flex:0 0 272px}.pcp-tabela{border-collapse:collapse;width:100%;font-size:13px}.pcp-tabela th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--hoad-charcoal);border-bottom:1px solid var(--hoad-border);white-space:nowrap;padding:8px 10px;font-size:10.5px;font-weight:600}.pcp-tabela td{border-bottom:1px solid var(--hoad-border);vertical-align:middle;color:var(--hoad-offwhite);padding:10px}.pcp-tabela tbody tr{cursor:pointer}@media (hover:hover) and (pointer:fine){.pcp-tabela tbody tr:hover{background:var(--hoad-card2)}}
