.tela-login{min-height:100vh;display:grid;place-items:center;padding:24px;
  background:radial-gradient(ellipse at 70% 10%,rgba(255,184,0,.16),transparent 55%),
  repeating-linear-gradient(115deg,transparent 0 60px,rgba(255,255,255,.015) 60px 61px),linear-gradient(180deg,#141418,#070708)}
.login-caixa{width:min(420px,100%);text-align:center}
.login-logo{width:100%;max-width:360px;filter:drop-shadow(0 10px 30px rgba(255,184,0,.15))}
.slogan{font-family:'Saira Condensed','Arial Narrow',Impact,sans-serif;font-style:italic;font-weight:800;font-size:30px;line-height:1.05;margin:18px 0 26px;transform:rotate(-3deg)}
.slogan b{color:var(--am)}
.login-caixa form{display:grid;gap:12px}
.login-caixa input{padding:15px 16px;border-radius:14px;background:rgba(30,31,36,.85)}
.grande{padding:15px;font-size:17px}
.clube-faixa{margin-top:30px;padding:14px;border-radius:14px;background:linear-gradient(100deg,#2a2208,#111 70%);border:1px solid #3a2e08;font-size:20px}
.clube-faixa i{display:block;color:var(--am);font-family:'Saira Condensed','Arial Narrow',Impact,sans-serif;font-weight:600;font-size:17px}

#app{display:flex;min-height:100vh}
#lateral{width:240px;background:var(--bg2);border-right:1px solid var(--linha);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}
.lat-topo{padding:16px 18px 6px}.lat-topo img{width:100%}
#menu{flex:1;overflow:auto;padding:8px 12px}
#menu .grupo{font-size:10.5px;letter-spacing:.09em;color:#6b6c74;font-weight:700;margin:16px 10px 6px;text-transform:uppercase}
#menu a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:11px;color:#c4c5cc;font-weight:500;margin-bottom:2px}
#menu a:hover{background:var(--card)}
#menu a.on{background:linear-gradient(90deg,rgba(255,184,0,.18),rgba(255,184,0,.04));color:var(--am);font-weight:700}
#menu a .n{margin-left:auto;background:var(--verm);color:#fff;font-size:10.5px;border-radius:99px;padding:1px 7px}
.lat-usuario{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid var(--linha)}
main{flex:1;min-width:0}
#topo{display:flex;align-items:center;gap:14px;padding:14px 26px;border-bottom:1px solid var(--linha);position:sticky;top:0;background:rgba(9,9,11,.92);backdrop-filter:blur(8px);z-index:10}
#topo h2{font-size:18px;margin-right:auto}
.busca-topo{position:relative;width:min(340px,40vw)}.busca-topo span{position:absolute;left:12px;top:10px;color:var(--sub)}
.busca-topo input{padding-left:38px;border-radius:99px;background:var(--card)}
#conteudo{padding:24px 26px 60px;max-width:1400px}
.so-cel{display:none}
.cab{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.cab h1{font-size:24px}
.ola{font-size:26px;font-weight:800}.ola small{display:block;font-size:13.5px;color:var(--sub);font-weight:500}
.atalhos{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.atalhos a{background:var(--card);border:1px solid var(--linha);border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--txt);font-weight:600;font-size:13px}
.atalhos a span{color:var(--am)}
.atalhos a:hover{border-color:var(--am)}
.kpi-cor{border-left:3px solid var(--am)}
.grafico svg{width:100%;height:190px;display:block}
.item-lista{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--linha)}
.item-lista:last-child{border:0}
.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#3a3b42,#24252b);display:grid;place-items:center;font-weight:800;color:var(--am);flex-shrink:0}
.pdv-itens td input{padding:6px 8px;width:80px}
.os-topo{display:flex;gap:16px;flex-wrap:wrap}
.os-num{font-size:34px;font-weight:800;letter-spacing:-.02em}
@media(max-width:900px){
  #lateral{position:fixed;left:-260px;z-index:40;transition:left .2s;box-shadow:var(--sombra)}
  #lateral.aberto{left:0}
  .so-cel{display:inline-flex}
  #topo{padding:10px 14px}.busca-topo{display:none}
  #conteudo{padding:16px 14px 80px}
  .atalhos{grid-template-columns:repeat(3,1fr)}
}
@media print{#lateral,#topo,.nao-imprimir{display:none!important}#conteudo{padding:0}body{background:#fff;color:#000}.card{border-color:#ccc;background:#fff}}