.app-nav {
  background: #002855; padding: 0 32px;
  display: flex; align-items: center; height: 60px;
  position: sticky; top: 0; z-index: 100;
  box-shadow: 0 2px 12px rgba(0,0,0,0.18);
}
.nav-logo { font-size: 22px; font-weight: 900; color: #fff; letter-spacing: -1px; text-decoration: none; }
.nav-logo span { color: #FF8200; }
.nav-divider { width: 1px; height: 24px; background: rgba(255,255,255,0.2); margin: 0 20px; }
.nav-links { display: flex; align-items: center; gap: 4px; }
.nav-links a { color: rgba(255,255,255,0.65); text-decoration: none; font-size: 14px; font-weight: 500; padding: 6px 14px; border-radius: 6px; transition: all 0.15s; }
.nav-links a:hover { background: rgba(255,255,255,0.1); color: #fff; }
.nav-links a.active { background: #FF8200; color: #fff; }
.nav-right { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.nav-user { font-size: 13px; color: rgba(255,255,255,0.6); }
.nav-user strong { color: #fff; }
.btn-logout { font-size: 13px; color: rgba(255,255,255,0.6); text-decoration: none; padding: 5px 12px; border: 1px solid rgba(255,255,255,0.2); border-radius: 6px; transition: all 0.15s; }
.btn-logout:hover { background: rgba(255,255,255,0.1); color: #fff; }
.nav-toggle {
  display: none; background: none; border: none; color: #fff;
  font-size: 22px; cursor: pointer; padding: 4px 10px; margin-left: auto;
}
@media (max-width: 860px) {
  .app-nav { flex-wrap: wrap; height: auto; padding: 10px 16px; }
  .nav-toggle { display: block; }
  .nav-links, .nav-right { display: none; width: 100%; }
  .app-nav.nav-open .nav-links {
    display: flex; flex-direction: column; align-items: stretch; gap: 2px;
    margin-top: 10px; order: 3;
  }
  .app-nav.nav-open .nav-links a { padding: 10px 12px; }
  .app-nav.nav-open .nav-right {
    display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
    margin-top: 10px; margin-left: 0; order: 4;
    border-top: 1px solid rgba(255,255,255,0.15); padding-top: 10px;
  }
  .nav-divider { display: none; }
}

.demo-mode-banner{background:#fff3df;color:#7a3b00;border-bottom:2px solid #FF8200;text-align:center;padding:9px 14px;font-size:12px;line-height:1.35;position:relative;z-index:90}.demo-mode-banner strong{color:#002855;letter-spacing:.03em}