*{box-sizing:border-box}:root{--blue-deep:#0b2b4a;--blue:#1f5c99;--mist:#eef3f8;--white:#fff;--graphite:#16212e;--graphite-soft:#55677a;--steel-soft:#d8e0e8;--red:#b3261e;--green:#1e7a3c;--radius:4px}body{color:var(--graphite);background:var(--mist);margin:0;font-family:Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--blue)}.shell{max-width:960px;margin:0 auto;padding:0 20px 60px}.topbar{background:var(--white);border-bottom:1px solid var(--steel-soft);justify-content:space-between;align-items:center;margin-bottom:28px;padding:18px 20px;display:flex}.topbar nav{gap:20px;display:flex}.topbar nav a{color:var(--graphite-soft);border-bottom:2px solid #0000;padding-bottom:4px;font-size:.9rem;font-weight:600;text-decoration:none}.topbar nav a.ativo{color:var(--blue-deep);border-bottom-color:var(--blue-deep)}.topbar .sair{color:var(--graphite-soft);cursor:pointer;background:0 0;border:none;font-size:.85rem}.topbar .sair:hover{color:var(--red)}h1{color:var(--blue-deep);margin:0 0 20px;font-size:1.4rem}.cartao{background:var(--white);border:1px solid var(--steel-soft);border-radius:var(--radius);margin-bottom:14px;padding:20px}.campo{margin-bottom:16px}.campo label{color:var(--graphite-soft);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.campo input,.campo select{border:1px solid var(--steel-soft);border-radius:var(--radius);background:var(--white);width:100%;padding:10px 12px}.btn{background:var(--blue-deep);color:var(--white);border-radius:var(--radius);cursor:pointer;border:none;padding:10px 18px;font-size:.9rem;font-weight:600;display:inline-block}.btn:hover:not(:disabled){background:var(--blue)}.btn:disabled{opacity:.5;cursor:not-allowed}.erro{color:var(--red);margin-top:8px;font-size:.85rem}.estado-vazio{text-align:center;color:var(--graphite-soft);padding:60px 20px}.centro-tela{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-caixa{background:var(--white);border:1px solid var(--steel-soft);border-radius:var(--radius);width:100%;max-width:360px;padding:32px}