.nav-menu{z-index:1000;background:#fff;padding:0;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000001a}@media (prefers-color-scheme:dark){.nav-menu{background:#161b22;box-shadow:0 2px 8px #0000004d}}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}@media (max-width:768px){.nav-container{height:56px;padding:0 1rem}}.nav-brand{color:#0070f3;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.nav-brand:hover{color:#0058c0}.nav-brand .nav-brand-icon{font-size:28px}@media (max-width:480px){.nav-brand .nav-brand-text{display:none}}.nav-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:.25rem;display:none}@media (max-width:768px){.nav-toggle{display:flex}}.nav-toggle .nav-toggle-bar{background:#495057;border-radius:2px;width:24px;height:2px;transition:all .3s}@media (prefers-color-scheme:dark){.nav-toggle .nav-toggle-bar{background:#c9d1d9}}.nav-toggle.active .nav-toggle-bar:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.active .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle.active .nav-toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-items{align-items:center;gap:1.5rem;display:flex}@media (max-width:768px){.nav-items{opacity:0;visibility:hidden;background:#fff;flex-direction:column;align-items:stretch;gap:1rem;padding:1.5rem;transition:all .3s;position:fixed;top:56px;left:0;right:0;transform:translateY(-100%);box-shadow:0 4px 12px #00000026}}@media (max-width:768px) and (prefers-color-scheme:dark){.nav-items{background:#161b22;box-shadow:0 4px 12px #0006}}@media (max-width:768px){.nav-items.open{opacity:1;visibility:visible;transform:translateY(0)}}.nav-link{color:#495057;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}@media (prefers-color-scheme:dark){.nav-link{color:#c9d1d9}}.nav-link .nav-link-icon{font-size:18px}.nav-link:hover{color:#0070f3;background:#f8f9fa}@media (prefers-color-scheme:dark){.nav-link:hover{background:#21262d}}@media (max-width:768px){.nav-link{justify-content:flex-start;width:100%;padding:1rem}}.nav-link-admin{color:#0070f3;background:#daebff}@media (prefers-color-scheme:dark){.nav-link-admin{color:#79c0ff;background:#00295a}}.nav-link-admin:hover{background:#c0ddff}@media (prefers-color-scheme:dark){.nav-link-admin:hover{background:#003574}}.nav-link-login{color:#fff;background:#0070f3}.nav-link-login:hover{color:#fff;background:#0058c0}.nav-link-logout{color:#dc3545}@media (prefers-color-scheme:dark){.nav-link-logout{color:#f85149}}.nav-link-logout:hover{color:#dc3545;background:#fef9f9}@media (prefers-color-scheme:dark){.nav-link-logout:hover{color:#f85149;background:#66121a}}.nav-language{align-items:center;display:flex}@media (max-width:768px){.nav-language{justify-content:center;width:100%}}.nav-user-section{align-items:center;gap:1rem;display:flex}@media (max-width:768px){.nav-user-section{flex-direction:column;gap:.5rem;width:100%}}.nav-user-name{color:#495057;background:#f8f9fa;border-radius:8px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}@media (prefers-color-scheme:dark){.nav-user-name{color:#c9d1d9;background:#21262d}}.nav-user-name .nav-user-icon{font-size:16px}@media (max-width:768px){.nav-user-name{justify-content:center;width:100%;padding:1rem}}body{padding-top:64px}@media (max-width:768px){body{padding-top:56px}}
.footer{background:#fff;border-top:1px solid #e9ecef;width:100%;margin-top:auto;padding:3rem 0 1.5rem}@media (prefers-color-scheme:dark){.footer{background:#161b22;border-top-color:#30363d}}.footer-container{max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width:768px){.footer-container{padding:0 1rem}}.footer-content{border-bottom:1px solid #e9ecef;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2rem;display:grid}@media (prefers-color-scheme:dark){.footer-content{border-bottom-color:#30363d}}@media (max-width:1024px){.footer-content{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (max-width:480px){.footer-content{grid-template-columns:1fr;gap:1.5rem}}.footer-section{flex-direction:column;gap:1rem;display:flex}@media (max-width:1024px){.footer-brand{grid-column:1/-1}}.footer-logo{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.footer-logo-icon{font-size:32px}.footer-logo-text{color:#0070f3;font-size:1.5rem;font-weight:700}.footer-description{color:#6c757d;max-width:400px;font-size:1rem;line-height:1.6}@media (prefers-color-scheme:dark){.footer-description{color:#8b949e}}.footer-title{color:#212529;margin:0;font-size:1rem;font-weight:600}@media (prefers-color-scheme:dark){.footer-title{color:#c9d1d9}}.footer-links{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.footer-links li{margin:0}.footer-links a{color:#6c757d;font-size:1rem;text-decoration:none;transition:color .2s;display:inline-block}@media (prefers-color-scheme:dark){.footer-links a{color:#8b949e}}.footer-links a:hover{color:#0070f3}@media (prefers-color-scheme:dark){.footer-links a:hover{color:#79c0ff}}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}@media (max-width:480px){.footer-bottom{text-align:center;flex-direction:column}}.footer-copyright{color:#6c757d;margin:0;font-size:.875rem}@media (prefers-color-scheme:dark){.footer-copyright{color:#8b949e}}.footer-developer{color:#6c757d;margin:0;font-size:.875rem}@media (prefers-color-scheme:dark){.footer-developer{color:#8b949e}}.footer-developer .developer-link{color:#0070f3;font-weight:500;text-decoration:none;transition:color .2s}@media (prefers-color-scheme:dark){.footer-developer .developer-link{color:#79c0ff}}.footer-developer .developer-link:hover{color:#0058c0;text-decoration:underline}@media (prefers-color-scheme:dark){.footer-developer .developer-link:hover{color:#acd8ff}}.page{flex-direction:column;min-height:100vh;display:flex}