body{background-color:#253c5f;margin:0;font-family:Arial,sans-serif}.navbar.svelte-12qhfyh{z-index:1000;background-color:#22334d;width:100%;padding:15px 0;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.nav-container.svelte-12qhfyh{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.nav-left.svelte-12qhfyh{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-right.svelte-12qhfyh{flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-button.svelte-12qhfyh{color:#000;cursor:pointer;white-space:nowrap;text-align:center;background-color:#fff;border:none;border-radius:5px;padding:8px 16px;font-family:inherit;font-size:16px;text-decoration:none;transition:background-color .3s,transform .1s;display:inline-block}.nav-button.svelte-12qhfyh:hover{background-color:#a2a2a2}.nav-button.svelte-12qhfyh:active{transform:scale(.98)}.nav-button.login.svelte-12qhfyh{color:#fff;background-color:#4caf50}.nav-button.login.svelte-12qhfyh:hover{background-color:#43a047}.nav-button.logout.svelte-12qhfyh{color:#fff;background-color:#0000;border:1px solid #fff6;margin-top:4%}.nav-button.logout.svelte-12qhfyh:hover{background-color:#ffffff1a}.user-name.svelte-12qhfyh{color:#fff;font-size:14px;font-weight:500}a:link,a:visited{color:#000;text-decoration:none}