/* Premium Variables */
:root {
    --green: #004d40;
    --gold: #d4af37;
    --white: #ffffff;
    --light: #f4f7f6;
    --shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* Global Styles */
body { font-family: 'Segoe UI', Tahoma, sans-serif; background: var(--light); margin: 0; }
.navbar { background: var(--green); color: white; padding: 15px; border-bottom: 4px solid var(--gold); display: flex; justify-content: space-between; align-items: center; }
.card { background: white; border-radius: 12px; padding: 25px; box-shadow: var(--shadow); border-top: 5px solid var(--gold); margin-bottom: 20px; }

/* Mobile First Responsive Logic */
@media (max-width: 768px) {
    .container { width: 95%; }
    .grid-menu { grid-template-columns: 1fr !important; }
    .hero h1 { font-size: 1.8rem; }
    table { font-size: 14px; overflow-x: auto; display: block; }
}