*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:#42b983;padding:1rem 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.nav-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.nav-menu{display:flex;align-items:center;gap:1rem}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.nav-link:hover{background-color:hsla(0,0%,100%,.1)}.logout-btn{background:none;border:none;cursor:pointer;font-size:1rem}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem 1rem;width:100%}.error-message{background-color:#f8d7da;color:#721c24;padding:1rem;margin:1rem;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.error-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#721c24}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #42b983;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem}.nav-menu{flex-wrap:wrap;justify-content:center}}.user-dropdown{display:flex;align-items:center;position:relative;cursor:pointer;outline:none}.user-avatar{width:32px;height:32px;border-radius:50%;margin-right:.5rem;border:2px solid #fff;background:#eee}.user-name{color:#fff;font-weight:500;margin-right:.5rem}.dropdown-icon{margin-left:.2rem}.dropdown-menu{position:absolute;top:120%;right:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:6px;min-width:140px;z-index:10;display:flex;flex-direction:column;padding:.5rem 0}.dropdown-item{padding:.75rem 1.25rem;color:#2c3e50;text-align:left;background:none;border:none;cursor:pointer;font-size:1rem;text-decoration:none;transition:background .2s}.dropdown-item:hover{background:#f5f5f5}