.dh-topbar{position:fixed;top:0;left:0;right:0;height:64px;z-index:1000;display:flex;align-items:center;justify-content:center;padding:0 var(--space-16);background:rgb(10,15,30);border-bottom:1px solid rgba(255,255,255,.08)}.dh-topbar:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.dh-topbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;z-index:1}.dh-topbar-spacer{height:64px}.dh-brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-primary);font-size:22px;font-weight:var(--font-extrabold);color:white;text-decoration:none;letter-spacing:-.02em}.dh-brand-logo{border-radius:var(--radius-sm)}.dh-nav{gap:var(--space-1)}.dh-nav,.dh-nav-link{display:flex;align-items:center}.dh-nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:rgba(255,255,255,.6);text-decoration:none;padding:var(--space-2) var(--space-3);min-height:44px;border-radius:var(--radius-sm);transition:color .16s ease,background .16s ease}.dh-nav-link:hover{color:white;background:rgba(255,255,255,.08)}.dh-nav-link.active{color:white;background:rgba(255,255,255,.14);font-weight:var(--font-semibold)}.dh-nav-link.active:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#60a5fa;margin-right:6px}.dh-actions{display:flex;align-items:center;gap:var(--space-3)}.dh-logout-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);color:#fca5a5;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1;cursor:pointer;transition:all .16s ease;min-height:44px}.dh-logout-btn:hover{background:rgba(239,68,68,.25);border-color:rgba(239,68,68,.4);color:#fecaca}.dh-logout-modal-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:var(--space-4,16px);background:rgba(5,8,18,.7);animation:dh-fade-in .14s ease}.dh-logout-modal{width:100%;max-width:380px;background:rgb(17,24,42);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg,16px);padding:var(--space-6,24px);box-shadow:0 24px 60px rgba(0,0,0,.55);font-family:var(--font-primary);animation:dh-pop-in .16s ease}.dh-logout-modal-title{margin:0 0 var(--space-2,8px);font-size:var(--text-xl,20px);font-weight:var(--font-bold,700);color:#ffffff}.dh-logout-modal-text{margin:0 0 var(--space-5,20px);font-size:var(--text-sm,14px);line-height:1.5;color:rgba(255,255,255,.65)}.dh-logout-modal-actions{display:flex;gap:var(--space-3,12px);justify-content:flex-end}.dh-logout-modal-cancel,.dh-logout-modal-confirm{padding:var(--space-2,8px) var(--space-4,16px);min-height:44px;border-radius:var(--radius-sm,6px);font-family:var(--font-primary);font-size:var(--text-sm,14px);font-weight:var(--font-semibold,600);cursor:pointer;transition:all .16s ease}.dh-logout-modal-cancel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#ffffff}.dh-logout-modal-cancel:hover{background:rgba(255,255,255,.14)}.dh-logout-modal-confirm{background:rgba(239,68,68,.9);border:1px solid rgba(239,68,68,.9);color:#ffffff}.dh-logout-modal-confirm:hover{background:rgb(220,38,38)}.dh-logout-modal-cancel:disabled,.dh-logout-modal-confirm:disabled{opacity:.6;cursor:default}@keyframes dh-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dh-pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dh-login-btn,.dh-signup-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1;text-decoration:none;min-height:44px;transition:all .16s ease}.dh-login-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.92)}.dh-login-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}.dh-signup-btn{background:#2a5298;border:1px solid #2a5298;color:#ffffff}.dh-signup-btn:hover{background:#1e3c72;border-color:#1e3c72}.dh-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:none;border:none;cursor:pointer;z-index:1001}.dh-hamburger-line{display:block;width:22px;height:2px;background:white;border-radius:2px;transition:transform .25s ease,opacity .25s ease}.dh-hamburger-line.open:first-child{transform:translateY(7px) rotate(45deg)}.dh-hamburger-line.open:nth-child(2){opacity:0}.dh-hamburger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.dh-mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:998}@media (max-width:1024px){.dh-topbar{padding:0 var(--space-6)}.dh-nav{display:none}.dh-hamburger{display:flex}.dh-nav.mobile-open{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:280px;height:100dvh;background:rgb(10,15,30);padding:80px var(--space-6) var(--space-6);gap:0;z-index:999}.dh-nav.mobile-open .dh-nav-link{color:rgba(255,255,255,.8);font-size:var(--text-base);padding:var(--space-3) 0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0}}@media (max-width:480px){.dh-actions{gap:var(--space-2)}}