:root{--primary-color: #377dff;--primary-hover: #2563eb;--primary-light: rgba(55, 125, 255, .1);--sidebar-bg: #1e2022;--sidebar-hover: rgba(55, 125, 255, .1);--text-primary: #3b444f;--text-secondary: #77838f;--bg-light: #f7f8f9;--card-shadow: 0 4px 11px rgba(55, 125, 255, .1);--border-color: #e7eaf3;--success-color: #00c9a7;--warning-color: #ffc107;--danger-color: #de4437}body{font-family:Open Sans,sans-serif;min-height:100vh;background-color:var(--bg-light);color:var(--text-primary);font-size:1rem;line-height:1.6}.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;background:var(--sidebar-bg);color:#fff;overflow-y:auto;transition:transform .3s ease-in-out;z-index:1000;box-shadow:0 0 20px #00000014}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-header a{display:block;transition:opacity .2s ease}.sidebar-header a:hover{opacity:.8}.sidebar-header h4{margin:0;font-size:1.25rem}.sidebar-header img{max-width:100%;height:auto;display:block}.sidebar-nav{padding:16px 0;list-style:none}.sidebar-search{padding:16px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper>i{position:absolute;left:14px;color:#ffffff80;font-size:1.125rem;pointer-events:none;z-index:1}.search-input-wrapper input{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 50px 12px 42px;color:#fff;font-size:.9rem;transition:all .2s ease}.search-input-wrapper input::placeholder{color:#ffffff80}.search-input-wrapper input:focus{outline:none;background:#ffffff26;border-color:var(--primary-color);box-shadow:0 0 0 3px #377dff40}.search-shortcut{position:absolute;right:12px;background:#ffffff26;color:#fff9;font-size:.7rem;padding:4px 8px;border-radius:5px;font-family:system-ui,-apple-system,sans-serif;font-weight:500}.nav-group{margin-bottom:0}.nav-group-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;margin:2px 8px;cursor:pointer;border-radius:8px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.nav-group-header:hover{background:#ffffff0d}.nav-group-title{display:flex;align-items:center;gap:10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.nav-group-title i{font-size:1rem;color:#ffffff80;flex-shrink:0}.nav-group-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.tool-count{background:#377dff33;color:#ffffffe6;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:600;min-width:24px;text-align:center}.expand-icon{font-size:1.1rem;color:#fff9;transition:transform .25s ease;flex-shrink:0}.nav-group-header:hover .expand-icon{color:#ffffffe6}.nav-group-header.expanded .expand-icon{transform:rotate(180deg)}.nav-group-items{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.nav-group-items.expanded{max-height:1000px;transition:max-height .4s ease-in}.search-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#ffffff80}.search-no-results i{font-size:3rem;margin-bottom:12px;opacity:.5}.search-no-results p{margin:0;font-weight:500}.search-no-results small{margin-top:4px;opacity:.7}.nav-link-item mark{background:#377dff66;color:#fff;padding:0 2px;border-radius:2px}.nav-link-item{display:flex;align-items:center;padding:8px 14px;margin:2px 12px;color:#ffffffd9;text-decoration:none;transition:all .2s ease;border-radius:8px;font-size:.875rem;position:relative;min-width:0}.nav-link-item:hover{background-color:var(--sidebar-hover);color:#fff}.nav-link-item.active{background-color:var(--primary-color);color:#fff}.nav-link-item i{width:18px;margin-right:10px;font-size:1rem;flex-shrink:0}.nav-link-item .tool-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{margin-left:260px;min-height:100vh;display:flex;flex-direction:column}.content-wrapper{flex:1;padding:32px}.card{border:none;border-radius:12px;box-shadow:var(--card-shadow);margin-bottom:24px;transition:box-shadow .3s ease;background-color:#fff}.card:hover{box-shadow:0 8px 32px #22292f29}.card-header{background-color:transparent;border-bottom:1px solid var(--border-color);padding:1rem 1.25rem;font-weight:600;color:var(--text-primary)}.card-header.bg-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-bottom:none;border-radius:12px 12px 0 0}.card-header.bg-primary h5,.card-header.bg-primary *,.card-header.bg-success h5,.card-header.bg-success *,.card-header.bg-warning h5,.card-header.bg-warning *,.card-header.bg-danger h5,.card-header.bg-danger *,.card-header.bg-info h5,.card-header.bg-info *{color:#fff!important}.card-body{padding:1.25rem}.hover-shadow{transition:all .2s ease;background-color:#fff}.hover-shadow:hover{box-shadow:0 8px 16px #377dff26!important;transform:translateY(-2px)!important;border-color:var(--primary-light)!important}.lead{font-size:1.125rem;font-weight:400;line-height:1.7}.btn-primary{background-color:var(--primary-color);border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;font-size:.9375rem;letter-spacing:.02em;transition:all .2s ease;box-shadow:0 3px 6px #377dff29}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 5px 15px #377dff4d}.btn-primary:active{transform:translateY(0)}.form-control,.form-select{border:1px solid var(--border-color);border-radius:6px;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s ease;background-color:#fff}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #377dff1a;background-color:#fff}.form-control::placeholder{color:var(--text-secondary)}.footer{background-color:#fff;padding:24px;text-align:center;border-top:1px solid var(--border-color);box-shadow:0 -2px 10px #22292f0d}.sidebar-toggle{display:none;position:fixed;top:20px;left:20px;z-index:1001;background-color:var(--primary-color);color:#fff;border:none;padding:12px 16px;border-radius:6px;cursor:pointer;box-shadow:0 3px 6px #377dff29;transition:all .2s ease}.sidebar-toggle:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 5px 15px #377dff4d}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600}.badge{border-radius:6px;padding:.375rem .75rem;font-weight:500}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000001a}.sidebar::-webkit-scrollbar-thumb{background:#7367f080;border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:#7367f0b3}.alert{border:none;border-radius:10px;padding:1rem 1.25rem;border-left:4px solid;font-weight:500}.alert-primary{background:linear-gradient(90deg,#0d6efd14,#0d6efd08);border-left-color:#0d6efd;color:#084298}.alert-info{background:linear-gradient(90deg,#0dcaf014,#0dcaf008);border-left-color:#0dcaf0;color:#055160}.alert-success{background:linear-gradient(90deg,#19875414,#19875408);border-left-color:#198754;color:#0f5132}.alert-warning{background:linear-gradient(90deg,#ffc10714,#ffc10708);border-left-color:#ffc107;color:#997404}.alert-danger{background:linear-gradient(90deg,#dc354514,#dc354508);border-left-color:#dc3545;color:#842029}.text-primary{color:var(--primary-color)!important}.text-muted{color:var(--text-secondary)!important}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-hover)}small{font-size:.875rem;line-height:1.5}.border{border:1px solid var(--border-color)!important}.rounded{border-radius:8px!important}.container{max-width:1200px}.fa-2x{font-size:2em}.text-decoration-none{text-decoration:none!important}.d-flex{display:flex!important}.align-items-center{align-items:center!important}.category-section{margin-bottom:3rem}.category-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color);display:flex;align-items:center;gap:.5rem}.category-title i{color:var(--primary-color);font-size:1.25rem}.tool-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;border:1px solid var(--border-color);border-radius:12px;background-color:#fff;transition:all .2s ease;height:100%}.tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #377dff26;border-color:var(--primary-light)}.tool-icon-wrapper{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 6px 12px #377dff33;transition:all .2s ease}.tool-card:hover .tool-icon-wrapper{transform:scale(1.05);box-shadow:0 8px 16px #377dff4d}.tool-icon-wrapper i{font-size:1.75rem;color:#fff}.tool-content{flex:1}.tool-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.375rem;transition:color .2s ease}.tool-card:hover .tool-title{color:var(--primary-color)}.tool-description{font-size:.8125rem;color:var(--text-secondary);margin-bottom:0;line-height:1.4}.g-3{gap:1rem!important}.g-4{gap:1.5rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mt-4{margin-top:1.5rem!important}.me-3{margin-right:1rem!important}.p-3{padding:1rem!important}.pinned-section{padding:12px 16px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.pinned-header{display:flex;align-items:center;gap:8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#fff9;font-weight:600;margin-bottom:8px}.pinned-header i{color:#ffc107;font-size:.875rem}.pinned-tools{display:flex;flex-direction:column;gap:2px}.pinned-tool-item{display:flex;align-items:center;padding:8px 12px;color:#ffffffe6;text-decoration:none;transition:all .2s ease;border-radius:6px;font-size:.875rem}.pinned-tool-item:hover{background:#377dff26;color:#fff}.pinned-tool-item i{width:18px;margin-right:10px;font-size:1rem;color:#ffffffb3}.nav-link-wrapper{display:flex;align-items:center;margin:1px 10px}.nav-link-wrapper .nav-link-item{flex:1;margin:0;min-width:0}.pin-btn{background:transparent;border:none;padding:4px 6px;cursor:pointer;opacity:0;transition:all .2s ease;border-radius:4px;color:#fff6;flex-shrink:0}.nav-link-wrapper:hover .pin-btn{opacity:1}.pin-btn:hover{background:#ffffff1a;color:#ffc107}.pin-btn.pinned{opacity:1;color:#ffc107}.pin-btn.pinned:hover{color:#ffca2c}.recently-used-section{margin-bottom:2.5rem}.recently-used-grid{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px}.recent-tool-card{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid var(--border-color);border-radius:8px;text-decoration:none;color:var(--text-primary);transition:all .2s ease;white-space:nowrap;flex-shrink:0}.recent-tool-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #377dff26;transform:translateY(-2px)}.recent-tool-card i{font-size:1.25rem;color:var(--primary-color)}.category-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:12px;margin-bottom:1rem;-webkit-overflow-scrolling:touch}.category-tabs::-webkit-scrollbar{height:4px}.category-tabs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.category-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1px solid var(--border-color);border-radius:24px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.category-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.category-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.category-tab i{font-size:1rem}.category-tab .tab-count{background:#0000001a;padding:2px 6px;border-radius:10px;font-size:.75rem}.category-tab.active .tab-count{background:#fff3}.compact-tool-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.compact-tool-card{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#fff;border:1px solid var(--border-color);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all .2s ease}.compact-tool-card:hover{border-color:var(--primary-color);box-shadow:0 6px 16px #377dff1f;transform:translateY(-2px)}.compact-tool-card .tool-icon{width:40px;height:40px;border-radius:10px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.compact-tool-card .tool-icon i{font-size:1.25rem;color:var(--primary-color)}.compact-tool-card .tool-name{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-tool-card:hover .tool-name{color:var(--primary-color)}.category-badge{display:inline-block;padding:2px 8px;background:var(--primary-light);color:var(--primary-color);font-size:.7rem;font-weight:500;border-radius:10px;margin-left:8px}.nav-link-item .category-badge{background:#377dff33;color:#ffffffe6}@media(max-width:1400px){.compact-tool-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.compact-tool-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.compact-tool-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.show{transform:translate(0)}.main-content{margin-left:0}.sidebar-toggle{display:block}.content-wrapper{padding:80px 20px 20px}.compact-tool-grid{grid-template-columns:repeat(2,1fr)}.recently-used-grid{flex-wrap:nowrap}}@media(max-width:576px){.compact-tool-grid{grid-template-columns:1fr}.compact-tool-card{padding:12px 14px}}