.app-header{background:linear-gradient(135deg,#1a3b1c,#276829);box-shadow:0 2px 10px #00000047;position:sticky;top:0;z-index:50}.header-inner{max-width:1300px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:62px}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;flex-shrink:0}.logo-mark{flex-shrink:0}.logo-text{display:flex;flex-direction:column;line-height:1;gap:4px}.logo-name{font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:-.3px}.logo-sub{font-size:.62rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.9px}nav{display:flex;gap:.3rem}.nav-link{display:flex;align-items:center;gap:.5rem;color:#ffffffbf;text-decoration:none;font-size:.875rem;font-weight:500;padding:.45rem 1.05rem;border-radius:var(--radius-sm, 8px);transition:background .15s,color .15s}.nav-link:hover{color:#fff;background:#ffffff21}.nav-link.router-link-active{color:#fff;background:#fff3;font-weight:600}.app-main{max-width:1300px;margin:0 auto;padding:2rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-forest: #1b3d1d;--c-primary: #276829;--c-primary-hover: #318a34;--c-primary-light: #e6f4e7;--c-primary-xlight: #f4faf4;--c-surface: #ffffff;--c-bg: #f0f4f0;--c-border: #dde8dd;--c-border-strong: #c4d4c4;--c-text: #111827;--c-text-2: #4b5563;--c-text-3: #9ca3af;--shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 2px 4px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.07);--shadow-lg: 0 8px 16px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.05);--radius-lg: 14px;--radius: 10px;--radius-sm: 8px;--radius-xs: 6px}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--c-bg);color:var(--c-text);line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100vh}