* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: Arial, sans-serif; background:#f8f8f8; color:#333; display:flex; flex-direction:column; min-height:100vh; }
.top-nav { background:#fff; padding:10px 20px; display:flex; align-items:center; border-bottom:1px solid #ddd; }
.top-nav .logo { height:64px; margin-right:30px; }
.top-nav a.nav-link { color:#005faf; text-decoration:none; font-size:0.9rem; margin-right:20px; }
.top-nav .actions { margin-left:auto; display:flex; align-items:center; gap:15px; }
.top-nav .actions div { font-size: 1.5rem; }
.top-nav a.enter-btn img { height:64px; }
.sub-nav { display:flex; align-items:center; background:#f1f1f1; padding:8px 20px; text-decoration:none; color: #333; }
.sub-nav:hover { background:#e0e0e0; }
.banner img { width:100%; max-width:700px; margin:20px auto; display:block; border-radius:8px; }
.container { background:#fff; max-width:700px; margin: 20px auto; border-radius:12px; padding:40px 30px; box-shadow:0 0 10px rgba(0,0,0,0.1); }
input, button, textarea { width:100%; margin:12px 0; padding:12px; font-size:1rem; border-radius: 4px; border: 1px solid #ccc; }
button { background:#005faf; color:#fff; border:none; cursor:pointer; font-weight: bold; padding: 14px; }
button:hover { background: #004a8c; }
textarea { min-height: 100px; font-family: monospace; resize: vertical; }
.gru-slip { text-align:center; margin-bottom:20px; }
.gru-slip img { max-height:100px; margin-bottom:10px; }
.gru-slip table { width:100%; border-collapse:collapse; text-align: left; }
.gru-slip th, .gru-slip td { border:1px solid #000; padding:6px; }
.pix-section-content { text-align: center; }
.pix-section-content img { width:200px; height:200px; margin-bottom:10px; border: 1px solid #ccc; padding: 5px; }
footer { margin-top: auto; }
footer img { width:100%; display:block; }
input[readonly] { background-color: #e9ecef; cursor: default; }