:root{--bg: #0f1115;--painel: #171a21;--borda: #262b36;--texto: #e7e9ee;--suave: #9aa3b2;--acento: #4c8dff;--erro: #ff6b6b}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh;font:15px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--texto)}main{flex:1;padding:32px}.sidebar{display:flex;flex-direction:column;gap:24px;width:220px;padding:24px 16px;background:var(--painel);border-right:1px solid var(--borda)}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar a{color:var(--suave);text-decoration:none;padding:8px 10px;border-radius:8px}.sidebar a:hover{background:#1f242e;color:var(--texto)}.sidebar .marca{color:var(--texto);font-weight:600}.sidebar .rodape{margin-top:auto}.card{max-width:380px;margin:64px auto;padding:28px;background:var(--painel);border:1px solid var(--borda);border-radius:12px}label{display:block;margin-bottom:14px;color:var(--suave)}input{width:100%;margin-top:6px;padding:10px;background:#0d1016;border:1px solid var(--borda);border-radius:8px;color:var(--texto)}button{padding:10px 16px;background:var(--acento);border:0;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.alerta{padding:10px 12px;border-radius:8px}.alerta.erro{background:#ff6b6b1f;color:var(--erro)}.grid-table{width:100%;border-collapse:collapse}.grid-table th,.grid-table td{padding:10px 12px;border-bottom:1px solid var(--borda);text-align:left}.grid-table th{color:var(--suave);font-weight:500}