.sql-queries-container{display:flex;height:calc(100vh - 60px);background-color:#f4f4f4}.sql-queries-sidebar{width:250px;background-color:#ffffff;border-right:1px solid #e0e0e0;padding:20px;overflow-y:auto}.mobile-category-tabs{display:none}@media (max-width:767px){.sql-queries-container{flex-direction:column}.sql-queries-sidebar{width:100%;border-right:none;border-bottom:1px solid #e0e0e0;padding:0}.categories-list{display:none}.mobile-category-tabs{display:flex;overflow-x:auto;padding:10px;border-bottom:1px solid #e0e0e0}.mobile-category-tab{display:flex;align-items:center;white-space:nowrap;padding:8px 12px;margin-right:10px;border-radius:4px;cursor:pointer;font-size:14px}.mobile-category-tab svg{margin-right:6px}.mobile-category-tab.active{background-color:#e0e0e0}}.sql-queries-search{margin-bottom:20px}.search-input-container{position:relative}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#888}.search-input{width:100%;padding:10px 10px 10px 35px;border:1px solid #ddd;border-radius:4px;font-size:14px}.categories-heading{margin-bottom:10px;color:#333;font-size:16px}.category-items{list-style:none;padding:0}.category-item{display:flex;align-items:center;padding:10px;cursor:pointer;border-radius:4px;margin-bottom:5px;transition:background-color .2s}.category-item:hover{background-color:#f0f0f0}.category-item.active{background-color:#e0e0e0}.category-item svg{margin-right:10px;color:#666}.queries-content{flex-grow:1;padding:20px;overflow-y:auto}.queries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:20px;gap:20px}.query-card{background-color:white;border:1px solid #e0e0e0;border-radius:8px;padding:15px;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:box-shadow .3s;display:flex;flex-direction:column;height:100%}.query-card:hover{box-shadow:0 4px 10px rgba(0,0,0,.1)}.query-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.query-card-category,.query-card-description{display:flex;align-items:center;margin-bottom:10px;color:#666}.query-card-category svg,.query-card-description svg{margin-right:8px;flex-shrink:0}.query-code-container{flex-grow:1;margin-bottom:15px}.query-code{background-color:#f4f4f4;border-radius:4px;padding:12px;font-size:13px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:none;border-left:3px solid #3498db}.use-query-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#3498db;color:white;border:none;border-radius:4px;padding:10px 15px;font-size:14px;cursor:pointer;transition:background-color .2s;margin-top:auto}.use-query-button:hover{background-color:#2980b9}.use-query-button svg{flex-shrink:0}.no-queries{text-align:center;padding:50px;color:#888}.no-queries-icon{color:#ccc;margin-bottom:20px}