body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:#f4f4f4;color:#333}body,html{height:100%;margin:0;padding:0}html,body{height:100%}.app-container.svelte-io6kr3{display:flex;flex-direction:column;min-height:100vh}header.svelte-io6kr3{background-color:#fff;padding:1rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative;z-index:10}h1.svelte-io6kr3{color:#1e3a8a;margin:0;font-size:1.5rem}nav.svelte-io6kr3 ul:where(.svelte-io6kr3){display:flex;list-style:none;margin:0;padding:0;gap:1rem}nav.svelte-io6kr3 li:where(.svelte-io6kr3) a:where(.svelte-io6kr3){color:#555;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .2s}nav.svelte-io6kr3 li.active:where(.svelte-io6kr3) a:where(.svelte-io6kr3){background-color:#1e3a8a;color:#fff}nav.svelte-io6kr3 li:where(.svelte-io6kr3) a:where(.svelte-io6kr3):hover{background-color:#e5edff;color:#1e3a8a}main.svelte-io6kr3{flex:1;display:flex;flex-direction:column;padding:1rem 0;background-color:#f4f4f4}footer.svelte-io6kr3{text-align:center;font-size:.9rem;color:#777;z-index:10}