:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--text-main:#0f172a;--text-muted:#64748b;--bg-page:#f8fafc;--card-bg:#fff;--border-color:#e2e8f0;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-page);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}button{font-family:inherit}.container{max-width:1140px;margin:0 auto;padding:0 1.5rem}.navbar{background:#fff;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:50;box-shadow:0 1px 2px rgba(0,0,0,.03)}.nav-content{justify-content:space-between;height:64px}.nav-brand,.nav-content{display:flex;align-items:center}.nav-brand{gap:.6rem;font-weight:700;font-size:1.15rem;color:#0f172a}.nav-badge{font-size:.7rem;background:#dbeafe;color:#1e40af;padding:2px 7px;border-radius:9999px;font-weight:600}.nav-links{display:flex;align-items:center;gap:1.25rem}.nav-link{font-size:.9rem;color:var(--text-muted);font-weight:500;transition:color .15s}.nav-link.active,.nav-link:hover{color:var(--primary)}.nav-btn{background:var(--primary);color:#fff!important;font-size:.85rem;font-weight:600;padding:.45rem 1rem;border-radius:8px;transition:background .15s}.nav-btn:hover{background:var(--primary-hover)}