.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.btn-primary{background:var(--brand-brown);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--brand-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:var(--brand-beige);color:var(--brand-dark);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:#e5c38f;transform:translateY(-2px)}.btn-outline{color:var(--brand-brown);border:2px solid var(--brand-brown);background:0 0}.btn-outline:hover{background:var(--brand-brown);color:#fff}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--brand-dark);background:#98684c0d}.btn-ghost.active{color:var(--brand-dark);background:var(--brand-beige);font-weight:700}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:.75rem 1.5rem;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}
.navbar{z-index:50;background-color:var(--bg-primary);border-bottom:1px solid #0000000d;border-radius:0;width:100%;padding:1.5rem 4rem;position:fixed;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.logo{font-family:var(--font-heading);color:var(--brand-dark);align-items:center;gap:.75rem;font-size:1.75rem;font-weight:600;display:flex}.nav-links{color:var(--text-secondary);gap:3rem;font-weight:500;display:flex}.nav-links a{transition:color .2s;position:relative}.nav-links a:after{content:"";background-color:var(--brand-copper);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--brand-dark)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-dashboard-link{color:var(--text-secondary);font-weight:500;transition:color .2s;position:relative}.nav-dashboard-link:after{content:"";background-color:var(--brand-copper);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-dashboard-link:hover,.nav-dashboard-link.active{color:var(--brand-dark)}.nav-dashboard-link:hover:after,.nav-dashboard-link.active:after{width:100%}.nav-actions{align-items:center;gap:1rem;display:flex}.nav-actions a{align-items:center;display:inline-flex}.nav-hamburger{cursor:pointer;z-index:60;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:.5rem;display:none}.hamburger-line{background-color:var(--brand-dark);transform-origin:50%;border-radius:2px;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger-line.open:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background-color:var(--bg-primary);z-index:40;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;padding:6rem 2rem 3rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.mobile-nav-links{border-top:1px solid #0000000f;flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.mobile-nav-links a{color:var(--text-secondary);text-align:center;border-bottom:1px solid #0000000f;width:100%;padding:1.25rem 0;font-size:1.5rem;font-weight:500;transition:color .2s}.mobile-nav-links a:hover,.mobile-nav-links a.active{color:var(--brand-dark)}.mobile-nav-actions{flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:2rem;display:flex}.mobile-dashboard-link{color:var(--brand-dark);font-size:1.25rem;font-weight:600}.mobile-dashboard-link.active{color:var(--brand-copper)}.mobile-signout-btn{background:var(--brand-beige);color:var(--brand-dark);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-body);border:none;padding:.75rem 2rem}.mobile-get-started{background:var(--brand-beige);color:var(--brand-dark);border-radius:var(--radius-md);padding:.75rem 2rem;font-size:1rem;font-weight:600}@media (max-width:768px){.nav-links,.nav-actions{display:none}.nav-hamburger{display:flex}.navbar{padding:1rem 1.5rem}}