body { font-family: sans-serif; line-height: 1.6; margin: 0; padding: 0; background-color: #f4f4f4; }

nav { background: #333; color: #fff; padding: 1rem; text-align: center; }

nav a { color: #fff; margin: 0 15px; text-decoration: none; font-weight: bold; }

nav a:hover { color: #ff9900; }

container { display: block; max-width: 800px; margin: 20px auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }

table { width: 100%; border-collapse: collapse; margin-top: 20px; }

th, td { border: 1px solid #ddd; padding: 12px; text-align: left; }

th { background-color: #333; color: white; }

img { max-width: 100%; height: auto; border-radius: 5px; }

input, select, button { width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ccc; }

button:disabled { background-color: #ccc; cursor: not-allowed; }

button { background-color: #28a745; color: white; border: none; cursor: pointer; }

.vysledek { padding: 10px; background: #e2f3f5; border-left: 5px solid #3ca5b4; margin: 10px 0; }