:root{color-scheme:dark;--bg:#040b21;--card:#0c1938;--line:#264473;--text:#f0f5ff;--muted:#b9c9e7;--blue:#66b6ff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#13386d 0,transparent 50%),var(--bg);color:var(--text);font:16px/1.5 'Inter Var',system-ui,sans-serif}main{max-width:1240px;margin:auto;padding:26px 24px 42px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:46px}a{color:#bbddff;text-underline-offset:4px}.marca{font-family:Sora,system-ui,sans-serif;font-weight:800;text-decoration:none;color:#fff;letter-spacing:.04em}.titulo{display:flex;align-items:center;justify-content:space-between;gap:16px}.sobretitulo{font-size:.72rem;font-weight:800;letter-spacing:.2em;color:var(--blue);margin:0}h1,h2{font-family:Sora,system-ui,sans-serif}h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2;margin:8px 0}.sub{color:var(--muted);margin:0}.privado{padding:7px 12px;border:1px solid var(--line);border-radius:99px;font-size:.8rem;white-space:nowrap}.controlo{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:30px 0 16px}.controlo label{display:flex;align-items:center;gap:12px;flex-wrap:wrap}select,button,.botao{min-height:44px;font:inherit;border-radius:10px;border:1px solid #46648e;padding:9px 14px;background:#142b51;color:white}button,.botao{cursor:pointer}button:hover,.botao:hover{background:#21457d}button:disabled{opacity:.6;cursor:wait}.botao{display:inline-block;text-decoration:none}select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #83cbff;outline-offset:4px}#atualizado{margin-left:auto;color:var(--muted);font-size:.8rem}#mensagem:not(:empty){padding:14px;background:#302610;border:1px solid #a67a21;border-radius:12px}#entrada{border:1px solid var(--line);padding:24px;border-radius:16px;background:var(--card)}#entrada h2{margin-top:0}#entrada button{margin-top:12px}.indicadores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.indicadores article{background:linear-gradient(145deg,#142b50,#0b1732);border:1px solid var(--line);border-radius:18px;padding:22px;min-width:0}.numero{font-size:.72rem;letter-spacing:.12em;color:var(--blue)}.indicadores h2{font-size:1rem;margin:10px 0;min-height:3em}.indicadores strong{font-family:Sora,system-ui,sans-serif;display:block;font-size:2.8rem;line-height:1.25;color:white;font-weight:700;font-variant-numeric:tabular-nums}.indicadores p{font-size:.82rem;color:var(--muted);margin:14px 0 0}.indicadores .pagamento{border-color:#4eac99;background:linear-gradient(145deg,#133f42,#0b2330)}.atividade{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:22px 0;padding:22px}.atividade h2{font-size:1.1rem;margin:0}.atividade p{color:var(--muted);font-size:.85rem}.horas{display:grid;gap:9px;max-height:360px;overflow:auto}.hora{display:grid;grid-template-columns:116px 1fr 50px;gap:10px;align-items:center;font-size:.78rem}.trilho{background:#142c51;border-radius:4px;height:12px;overflow:hidden}.barra{height:100%;min-width:0;background:linear-gradient(90deg,#2779f7,#77d8ff);border-radius:4px}.contagem{text-align:right;font-variant-numeric:tabular-nums}.nota,details{color:var(--muted);font-size:.85rem}details{border:1px solid var(--line);border-radius:12px;padding:16px}summary{cursor:pointer;color:#dbeaff;font-weight:700;min-height:24px}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.78rem;margin-top:30px}[hidden]{display:none!important}
@media(min-width:1100px){.indicadores{grid-template-columns:repeat(5,minmax(0,1fr))}.indicadores article{padding:18px}.indicadores h2{min-height:4.5em}}
@media(max-width:620px){main{padding:20px 16px 36px}header{margin-bottom:32px}.marca{font-size:.9rem}.titulo{align-items:flex-start}.privado{font-size:.65rem;padding:5px 8px}.controlo{gap:8px}.controlo label{font-size:.85rem;gap:8px}#atualizado{width:100%;margin:0}.indicadores{grid-template-columns:1fr 1fr;gap:10px}.indicadores article{padding:15px}.indicadores h2{font-size:.85rem;min-height:4.5em}.indicadores strong{font-size:2.25rem}.indicadores p{font-size:.74rem}.indicadores .pagamento{grid-column:1/-1}.indicadores .pagamento h2{min-height:0}.atividade{padding:16px}.hora{grid-template-columns:95px 1fr 34px;gap:7px;font-size:.72rem}}