*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;min-height:100vh}.navbar{justify-content:space-between;padding:1rem 2rem;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}.nav-brand,.navbar{display:flex;align-items:center}.nav-brand{gap:.5rem}.logo{height:40px;width:auto;max-width:150px;-o-object-fit:contain;object-fit:contain;cursor:pointer;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.brand-text{font-size:1.2rem;font-weight:700;color:#2c3e50}.nav-links{display:flex;gap:1rem;align-items:center}.nav-link{text-decoration:none;color:#2c3e50;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;background:none;border:none;cursor:pointer;font-size:1rem}.nav-link:hover{background-color:#f0f0f0;color:#42b883}.nav-link.router-link-active{color:#42b883;font-weight:700}.logout-btn{background-color:#ff4757;color:#fff!important}.logout-btn:hover{background-color:#ff3838}.main-content{padding:2rem;max-width:1200px;margin:0 auto;min-height:calc(100vh - 200px)}.app-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:1.5rem 2rem;margin-top:2rem;text-align:center}.footer-content{max-width:1200px;margin:0 auto;font-size:.875rem;color:#6c757d;display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.icp-link{color:#007bff;text-decoration:none;transition:color .3s ease}.icp-link:hover{color:#0056b3;text-decoration:underline}@media (max-width:768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center}.app-footer,.main-content{padding:1rem}.footer-content{font-size:.8rem;flex-direction:column;gap:.25rem}}