body,html{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e8edf2);color:#1e293b;height:100%;min-height:100vh;transition:background .3s ease,color .3s ease}.dark-mode body,.dark-mode html,html.dark-mode,body.dark-mode{background:linear-gradient(135deg,#1a202c,#2d3748)!important;color:#e2e8f0!important;min-height:100vh!important}.dark-mode .page-wrapper.svelte-12qhfyh{background:transparent!important}.dark-mode .content.svelte-12qhfyh,.dark-mode.svelte-12qhfyh .content:where(.svelte-12qhfyh){background:transparent!important}.page-wrapper.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}.content.svelte-12qhfyh{flex:1 0 auto;overflow-y:auto;background:transparent;transition:background .3s ease}.navbar.svelte-12qhfyh{font-family:Arial,Helvetica,sans-serif;display:flex;background-color:#fff;justify-content:space-between;align-items:center;padding:2rem 3rem;margin:0;position:relative;transition:background-color .3s ease}.dark-mode.svelte-12qhfyh .navbar:where(.svelte-12qhfyh){background-color:#2d3748}.navbar-left.svelte-12qhfyh .navbar-element:where(.svelte-12qhfyh){font-size:1.4rem;font-weight:700;color:#000;letter-spacing:.01em;text-decoration:none;transition:color .3s ease}.dark-mode.svelte-12qhfyh .navbar-left:where(.svelte-12qhfyh) .navbar-element:where(.svelte-12qhfyh){color:#e2e8f0}.navbar-right.svelte-12qhfyh{display:flex;align-items:center;gap:1.2rem}.navbar-element.svelte-12qhfyh{color:#000;font-weight:600;text-decoration:none;font-size:1.15rem;padding:.4rem 1.1rem;border-radius:.5rem;background:none;border:none;cursor:pointer;transition:color .3s ease,background-color .3s ease}.dark-mode.svelte-12qhfyh .navbar-element:where(.svelte-12qhfyh){color:#e2e8f0}.navbar-element.svelte-12qhfyh:hover{color:#1690e0}.logout-btn.svelte-12qhfyh:hover{color:red}.mobile-menu-toggle.svelte-12qhfyh{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:#000;z-index:1001;transition:color .3s ease}.dark-mode.svelte-12qhfyh .mobile-menu-toggle:where(.svelte-12qhfyh){color:#e2e8f0}.mobile-menu-toggle.svelte-12qhfyh:hover{color:#1690e0}@media (max-width: 768px){.navbar.svelte-12qhfyh{padding:1.5rem 2rem}.navbar-left.svelte-12qhfyh .navbar-element:where(.svelte-12qhfyh){font-size:1.2rem}.navbar-right.svelte-12qhfyh{gap:.8rem}.navbar-element.svelte-12qhfyh{font-size:1rem;padding:.3rem .8rem}}@media (max-width: 768px){.mobile-menu-toggle.svelte-12qhfyh{display:block}.navbar.svelte-12qhfyh{padding:1rem 1.5rem}.navbar-left.svelte-12qhfyh .navbar-element:where(.svelte-12qhfyh){font-size:1.1rem}.navbar-right.svelte-12qhfyh{position:fixed;top:0;right:-100%;height:100vh;width:280px;max-width:80vw;background-color:#fff;flex-direction:column;align-items:flex-start;gap:0;padding:5rem 2rem 2rem;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease-in-out,background-color .3s ease;z-index:1000;overflow-y:auto}.dark-mode.svelte-12qhfyh .navbar-right:where(.svelte-12qhfyh){background-color:#2d3748;box-shadow:-2px 0 10px #0000004d}.navbar-right.mobile-menu-open.svelte-12qhfyh{right:0}.navbar-element.svelte-12qhfyh{width:100%;font-size:1.1rem;padding:1rem 1.2rem;border-radius:0;border-bottom:1px solid #e0e0e0;text-align:left}.navbar-element.svelte-12qhfyh:last-child{border-bottom:none}.navbar-element.svelte-12qhfyh:hover{background-color:#f5f7fa;color:#1690e0}.dark-mode.svelte-12qhfyh .navbar-element:where(.svelte-12qhfyh):hover{background-color:#4a5568;color:#1690e0}.logout-btn.svelte-12qhfyh:hover{background-color:#fee;color:red}.dark-mode.svelte-12qhfyh .logout-btn:where(.svelte-12qhfyh):hover{background-color:#4a1a1a;color:#ff6b6b}}footer.svelte-12qhfyh{background-color:#fff;padding:1.5rem;color:#1e293b;display:flex;flex-direction:column;align-items:center;transition:background-color .3s ease,color .3s ease}.dark-mode.svelte-12qhfyh footer:where(.svelte-12qhfyh){background-color:#2d3748;color:#e2e8f0}.dark-mode .svelte-12qhfyh::selection{background-color:#4299e1;color:#fff}.dark-mode .svelte-12qhfyh::-webkit-scrollbar{width:8px}.dark-mode .svelte-12qhfyh::-webkit-scrollbar-track{background:#2d3748}.dark-mode .svelte-12qhfyh::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}.dark-mode .svelte-12qhfyh::-webkit-scrollbar-thumb:hover{background:#718096}.dark-mode button.svelte-12qhfyh:focus{outline:2px solid #4299e1;outline-offset:2px}