.dev-nav-header{text-align:center;margin:60px 0 40px;padding:0 var(--space-5)}.dev-nav-header h1{font-size:var(--text-4xl);font-weight:800;background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-4);letter-spacing:-1px}.dev-nav-header p{color:var(--text-secondary);font-size:var(--space-4);margin-bottom:30px}.search-wrapper{position:relative;max-width:600px;margin:0 auto}.search-icon{position:absolute;left:var(--space-5);top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:18px}.nav-search-input{width:100%;padding:var(--space-4) var(--space-6) var(--space-4) 50px;border-radius:50px;border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00000008}.nav-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 var(--space-2) 25px rgba(var(--color-primary-rgb),.15);transform:translateY(-2px)}.dev-nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6);padding:var(--space-5)}.dev-nav-section{background:var(--card-bg);border-radius:var(--space-5);padding:var(--space-6);box-shadow:0 10px 30px #0000000a;border:1px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column}.dev-nav-section:hover{transform:translateY(-5px);box-shadow:0 var(--space-5) 40px #00000014;border-color:rgba(var(--color-primary-rgb),.3)}.section-title{font-size:18px;font-weight:700;margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary);position:relative;padding-bottom:var(--space-3)}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--primary);border-radius:2px}.section-title .count{font-size:var(--space-3);background:var(--bg-secondary);color:var(--text-secondary);padding:2px var(--space-2);border-radius:10px;margin-left:auto}.tools-list{display:grid;grid-template-columns:1fr;gap:10px}.nav-tool-card{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--space-3);background:var(--bg-secondary);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;gap:14px}.tool-icon-small{width:36px;height:36px;background:var(--card-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:var(--space-4);font-weight:700;color:var(--accent-color);box-shadow:0 2px var(--space-2) #0000000d;flex-shrink:0}.nav-tool-card .tool-info{flex:1;min-width:0}.nav-tool-card .name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px}.nav-tool-card .desc{font-size:var(--space-3);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arrow-right{font-size:var(--text-sm);color:var(--text-secondary);opacity:0;transition:all .2s;transform:translate(-10px)}.nav-tool-card:hover{background:var(--card-bg);border-color:var(--primary);box-shadow:0 4px var(--space-3) #0000000d}.nav-tool-card:hover .tool-icon-small{background:var(--primary);color:#fff}.nav-tool-card:hover .arrow-right{opacity:1;transform:translate(0)}.no-results{grid-column:1 / -1;text-align:center;padding:80px 0;color:var(--text-secondary)}.no-results-icon{font-size:48px;display:block;margin-bottom:var(--space-4);opacity:.5}@media (max-width: 768px){.dev-nav-header h1{font-size:28px}.dev-nav-grid{grid-template-columns:1fr}.nav-search-input{padding:var(--space-3) var(--space-5) var(--space-3) 45px;font-size:var(--text-sm)}}