*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:#000;color:#eee;font-family:Arial,sans-serif;overflow:hidden}button{cursor:pointer}.screen{display:none;width:100vw;height:100vh}.screen.active{display:flex}.full-art{position:relative;width:min(100vw,calc(100vh * 1.734615));height:100vh;margin:auto}.full-art img{width:100%;height:100%;object-fit:contain}.hotspot,.nav-hit{position:absolute;border:0;background:transparent}.dashboard-clients{left:.5%;top:40.4%;width:14.4%;height:5.4%}.dashboard-clients:hover{box-shadow:inset 0 0 0 2px #b67521}.fixed-nav{position:relative;flex:0 0 15%;height:100vh;overflow:hidden;background:#030708}.fixed-nav>img{height:100vh;width:calc(100vh * 1.734615);max-width:none;object-fit:fill;object-position:left top}.nav-hit{z-index:3;left:4%;width:91%;height:5%;border-radius:7px}.dashboard-hit{top:36.5%;background:#071014;color:#ddd}.dashboard-hit:after{content:"⌂  Dashboard";font-size:clamp(8px,.9vw,15px)}.clients-hit{top:42.1%}.active-hit{background:linear-gradient(90deg,#805019,#a5681d);box-shadow:inset 0 0 0 1px #c0832b}.active-hit:after{content:"♙  Meus Clientes";color:white;font-size:clamp(8px,.9vw,15px)}.clients-content{position:relative;flex:1;height:100vh;overflow:hidden;background:#04090c}.clients-content>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.stage-rail{position:absolute;z-index:3;left:1.1%;right:11.5%;top:9.8%;height:13%;display:flex;gap:4px}.stage-button{flex:1;border:1px solid #8a5c22;background:linear-gradient(145deg,#0b1317,#050a0d);color:#dedbd4;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%,8% 50%);padding:6px;text-align:center}.stage-button:first-child{clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%)}.stage-button.active{background:linear-gradient(145deg,#efbd57,#9b621f);color:#090705}.stage-button strong{display:block;font-size:clamp(7px,.82vw,13px);text-transform:uppercase;line-height:1.15}.stage-button b{display:block;margin-top:8px;color:#d89b35;font-size:clamp(10px,1.2vw,20px)}.stage-button.active b{color:#0b0804}.list-overlay{position:absolute;z-index:3;left:1%;right:1%;top:27%;bottom:2.2%;border:1px solid #5c401e;border-radius:7px;background:#050b0f;overflow:hidden}.list-overlay header{height:15%;display:flex;align-items:center;gap:15px;padding:0 2%;border-bottom:1px solid #263137}.list-overlay h2{margin:0;color:#dfa039;font-size:clamp(12px,1.35vw,22px)}#listCount{color:#8e9592;font-size:11px}.table-head,.client-row{display:grid;grid-template-columns:1.25fr 1fr 1fr .78fr 1fr;align-items:center;gap:1%;padding:0 2%}.table-head{height:11%;background:#10181c;color:#c0c1bd;font-size:clamp(7px,.7vw,11px)}.client-row{height:14.8%;border-top:1px solid #253036;font-size:clamp(8px,.85vw,14px)}.client-row>div:first-child{display:flex;align-items:center;gap:10px}.avatar{width:clamp(30px,3vw,48px);height:clamp(30px,3vw,48px);border-radius:50%;border:1px solid #a7762e;display:grid;place-items:center;background:#1d1710;color:#e0a746;font-weight:bold}.client-row small{display:block;color:#939997;margin-top:4px}.stage-label{color:#e0a13b}.hot{color:#ef4732}.warm{color:#e5a136}.cold{color:#39badd}.empty{padding:8%;text-align:center;color:#858c8b}@media(max-width:800px){.fixed-nav{flex-basis:19%}.clients-content>img{object-fit:cover;object-position:left}.stage-rail{right:2%;overflow-x:auto}.stage-button{flex:0 0 130px}.table-head,.client-row{grid-template-columns:1.3fr 1fr 1fr}.table-head span:nth-child(4),.table-head span:nth-child(5),.client-row>span:nth-child(4),.client-row>span:nth-child(5){display:none}}