.directory-page{max-width:1200px;min-height:100vh;margin:0 auto;padding:40px}.directory-header{text-align:center;margin-bottom:40px}.directory-header h1{color:var(--text-primary);margin-bottom:10px;font-size:2.5rem;font-weight:800}.directory-header p{color:var(--text-secondary);font-size:1.1rem}.alphabet-nav{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;padding:20px;display:flex}.directory-search-wrapper{align-items:center;max-width:600px;margin:0 auto 30px;display:flex;position:relative}.directory-search{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:12px;padding:14px 40px 14px 45px;font-size:1rem;font-weight:500;transition:all .2s;box-shadow:0 4px 6px #0000000d}.directory-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.ds-icon{width:18px;height:18px;color:var(--text-muted);position:absolute;left:15px}.ds-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:5px;font-size:1rem;position:absolute;right:15px}.ds-clear:hover{color:var(--text-primary)}.directory-empty{text-align:center;color:var(--text-muted);background:var(--bg-card);border:1px dashed var(--border);border-radius:12px;padding:60px 20px;font-size:1.1rem}.alpha-link-disabled{opacity:.3;pointer-events:none;background:0 0!important}.letter-count{color:var(--text-muted);margin-left:8px;font-size:1rem;font-weight:500}.alpha-link{background:var(--bg-input);width:36px;height:36px;color:var(--text-primary);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.alpha-link:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.directory-content{flex-direction:column;gap:40px;display:flex}.letter-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:30px}.letter-heading{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:15px;font-size:2rem;font-weight:800}.stock-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.stock-link{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:8px 12px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block;overflow:hidden}.stock-link:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}@media (max-width:768px){.directory-page{padding:20px}.directory-header h1{font-size:2rem}.alpha-link{width:32px;height:32px;font-size:.85rem}.letter-section{padding:20px}.stock-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}