.dna-navigation{z-index:100;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;position:sticky;top:0}.dna-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#171717cc;border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;height:44px;padding:0 1.5rem;display:flex}.dna-logo-container{align-items:center;height:28px;text-decoration:none;display:flex}.dna-logo-img{width:auto;height:24px}.dna-logo-text{letter-spacing:.05em;color:#facc15;text-transform:uppercase;text-shadow:0 0 20px #facc154d;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}.dna-nav-links{align-items:center;gap:.25rem;display:flex}.dna-nav-item{color:#737373;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:11px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.dna-nav-item:hover{color:#a3a3a3;background:#1f1f1f}.dna-nav-item.active{color:#facc15;background:#facc1514;border-color:#facc1533}.dna-header-right{align-items:center;gap:.75rem;display:flex}.dna-login-btn{color:#a3a3a3;cursor:pointer;background:0 0;border:1px solid #262626;border-radius:5px;padding:.375rem .875rem;font-size:11px;font-weight:500;text-decoration:none;transition:all .15s}.dna-login-btn:hover{color:#fafafa;border-color:#404040}.dna-notification-dot{background:#facc15;border-radius:50%;width:6px;height:6px;animation:2s infinite dna-pulse;box-shadow:0 0 8px #facc1599}@keyframes dna-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.app-subnav{background:#0e0e0ef2;border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;height:36px;padding:0 1.5rem;display:flex}.app-subnav-left{align-items:center;gap:.5rem;display:flex}.app-subnav-name{color:#fafafa;border-right:1px solid #262626;margin-right:1rem;padding-right:1rem;font-size:14px;font-weight:600}.app-subnav-links{align-items:center;gap:.25rem;display:flex}.app-subnav-item{color:#525252;border-radius:5px;padding:.375rem .75rem;font-size:11px;font-weight:500;text-decoration:none;transition:all .15s}.app-subnav-item:hover{color:#a3a3a3;background:#ffffff08}.app-subnav-item.active{color:#fafafa;background:#ffffff0d}.pinned-jobs{align-items:center;gap:.5rem;display:flex;overflow:hidden}.pinned-jobs-container{align-items:center;gap:.5rem;transition:transform .3s;display:flex}.pinned-job{cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #1f1f1f;border-radius:6px;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .25rem;transition:all .15s;display:flex}.pinned-job:hover{background:#ffffff0d;border-color:#2a2a2a}.pinned-progress-ring{flex-shrink:0;width:24px;height:24px;position:relative}.pinned-progress-ring svg{width:24px;height:24px;transform:rotate(-90deg)}.pinned-ring-bg{fill:none;stroke:#262626;stroke-width:2.5px}.pinned-ring-progress{fill:none;stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 3px #facc1566);transition:stroke-dashoffset .3s}.pinned-progress-value{color:#fafafa;font-family:JetBrains Mono,monospace;font-size:7px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pinned-job-info{align-items:center;gap:.375rem;display:flex}.pinned-job-app{text-transform:uppercase;letter-spacing:.03em;font-size:9px;font-weight:600}.pinned-job-name{color:#a3a3a3;text-overflow:ellipsis;max-width:120px;font-size:11px;font-weight:500;overflow:hidden}.pinned-unpin-btn{color:#404040;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;margin-left:.25rem;padding:2px;transition:all .15s;display:flex}.pinned-unpin-btn:hover{color:#f87171;background:#f871711a}.pinned-nav-btn{color:#525252;cursor:pointer;background:#ffffff0d;border:1px solid #262626;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.pinned-nav-btn:hover{color:#fafafa;background:#ffffff14;border-color:#404040}.dna-avatar-menu{position:relative}.dna-avatar-button{cursor:pointer;color:#0a0a0a;text-transform:uppercase;background:linear-gradient(135deg,#fde047 0%,#facc15 100%);border:2px solid #0a0a0a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;transition:all .15s;display:flex;box-shadow:inset 0 1px #fff3,0 0 0 1px #262626}.dna-avatar-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 0 0 1px #facc154d,0 0 12px #facc1533}.dna-dropdown-menu{opacity:0;visibility:hidden;z-index:1000;background:linear-gradient(135deg,#171717 0%,#141414 100%);border:1px solid #262626;border-radius:8px;min-width:180px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;transform:translateY(-8px);box-shadow:0 8px 24px #00000080}.dna-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dna-dropdown-header{border-bottom:1px solid #1a1a1a;padding:.625rem .875rem}.dna-dropdown-user-name{color:#fafafa;font-size:12px;font-weight:600}.dna-dropdown-user-email{color:#737373;font-size:10px}.dna-dropdown-divider{background:#1a1a1a;height:1px}.dna-dropdown-item{color:#a3a3a3;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:.5rem .875rem;font-size:11px;font-weight:500;text-decoration:none;transition:all .15s;display:block}.dna-dropdown-item:hover{color:#fafafa;background:#1f1f1f}.dna-dropdown-item.danger{color:#f87171}.dna-dropdown-item.danger:hover{background:#f871711a}