.sidebar{position:fixed;top:60px;left:0;width:260px;height:calc(100vh - 60px);background:#ffffff;border-right:1px solid #dddddd;overflow-y:auto;z-index:9998;transform:translateX(-100%);transition:transform .3s ease}.sidebar-open{transform:translateX(0)}.sidebar-search-wrapper{padding:.8rem 1.2rem .4rem}.sidebar-search{width:100%;padding:8px 10px;font-size:.95rem;border:1px solid #ccc;border-radius:8px;outline:none}.sidebar-search:focus{border-color:#999}.top-link{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem 1.5rem;background:transparent;color:#6e7387;font-size:1rem;font-weight:500;text-decoration:none;border:none;margin:.2rem 0;transition:background-color .15s}.top-link:hover{background:#f5f5f5}.top-link svg{font-size:1.1rem;color:inherit}.active-top{font-weight:700;color:#000}.active-top svg{color:#000}.sidebar-divider{font-size:.85rem;font-weight:600;color:#717c98;padding:.6rem 1.5rem .2rem;text-transform:uppercase}.sidebar-category-btn,.single-link{display:flex;align-items:center;width:100%;padding:.65rem 1.5rem;background:transparent;color:#222;font-size:1rem;font-weight:500;text-decoration:none;border:none;border-radius:6px;margin:.4rem 0;cursor:pointer;transition:background-color .15s,color .15s}.sidebar-category-btn:hover,.single-link:hover{background:#f5f5f5}.sidebar-category-btn:before,.single-link:before{content:none}.sidebar-link{display:flex;align-items:center;width:100%;padding:.55rem 1.5rem .55rem 2rem;background:transparent;color:#222;font-size:.95rem;font-weight:500;text-decoration:none;border:none;border-radius:6px;margin:.3rem 0;cursor:pointer;transition:background-color .15s,color .15s}.sidebar-link:hover{background:#f5f5f5}.sidebar-link:before{content:none}.active-link{background:#f2f2f2;color:#111;font-weight:600;border:none}.sidebar-sublinks{margin:.5rem 0 1.25rem;padding-left:0}@media (max-width:768px){.sidebar{top:60px;width:100%;height:calc(100vh - 60px);border-right:none}.sidebar-open~.main-content{margin-left:0}}@media (min-width:769px){.main-content{transition:margin-left .3s ease}.sidebar-open~.main-content{margin-left:260px}}.top-navbar{position:fixed;top:0;left:0;right:0;z-index:9999;flex-wrap:wrap;min-height:60px;padding:0 16px;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,.05)}.top-navbar,.top-navbar-left{display:flex;align-items:center}.top-navbar-left{gap:12px;min-width:0}.top-navbar-right{display:flex;align-items:center;margin-left:auto;padding-right:12px}.search-bar-container{display:flex;align-items:center;flex:1;justify-content:center}.navbar-brand-logo{height:25px;width:auto;object-fit:contain}.hamburger-btn{background:transparent;border:none;cursor:pointer;font-size:1.5rem;color:#333;justify-content:center;padding:4px}.hamburger-btn,.navbar-nav{display:flex;align-items:center}.navbar-nav{gap:12px;list-style:none;margin:0;padding:0}.nav-item{display:flex;align-items:center}.top-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid #ffffff;box-shadow:0 0 0 3px #0b1e3e}.signin-link{color:#333;cursor:pointer;font-weight:500;text-decoration:none;transition:color .2s ease;padding:8px 10px;line-height:1}.signin-link:hover{color:#555}.register-btn{background:#333;color:#fff;border:none;border-radius:20px;padding:8px 16px;cursor:pointer;font-weight:700;transition:background .2s ease;line-height:1;text-decoration:none}.register-btn:hover{background:#555}.help-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#333;padding:6px 8px;margin-right:6px;border-radius:6px}.help-link:hover{background:rgba(0,0,0,.04)}.help-icon{font-size:1.2rem;line-height:1}.help-text{font-weight:500;line-height:1}@media (max-width:768px){.top-navbar{padding:8px 16px;align-items:flex-start}.top-navbar-left{order:1;gap:10px}.top-navbar-right{order:2;margin-left:auto}.search-bar-container{order:3;width:100%;margin:8px 0}.navbar-brand-logo{height:22px}.navbar-nav{gap:8px}.register-btn,.signin-link{font-size:.9rem;padding:6px 12px}.help-text{display:none}}.footer-bar{width:100%;display:flex;flex-direction:column;border-top:1px solid #dee2e6;background:#fafafa}.footer-top{justify-content:space-between;flex-wrap:nowrap;padding:12px 24px}.footer-top,.footer-top-left{display:flex;align-items:center}.footer-top-left{gap:16px}.footer-top-left img{height:28px;width:auto;object-fit:contain}.social-icons{display:flex;gap:12px;font-size:1.1rem}.social-icons a{color:#555;transition:color .2s ease;text-decoration:none}.social-icons a:hover{color:#333}.footer-bottom{justify-content:space-between;flex-wrap:nowrap;padding:12px 24px;font-size:.875rem;border-top:1px solid #e9ecef}.footer-bottom,.footer-links{display:flex;align-items:center}.footer-links{gap:10px}.footer-links a{color:#555;text-decoration:none}.footer-links a:hover{color:#333;text-decoration:none}.footer-sep{color:#999}.footer-bottom a{margin-right:12px;color:#555;text-decoration:none}.footer-bottom a:hover{color:#333;text-decoration:none}.footer-bottom span{color:#555}@media (max-width:768px){.footer-top{flex-wrap:wrap;align-items:flex-start;gap:12px}.footer-bottom{flex-wrap:wrap;gap:8px;text-align:center}.footer-bottom,.footer-links{justify-content:center}.footer-top{flex-direction:column;align-items:flex-start;gap:12px}.footer-bottom{flex-direction:column;gap:8px}}:root{--primary-bg:#1a2d46;--secondary-bg:#2a3f5f;--hover-bg:#34516f;--text-color:#ffffff;--accent-color:#4c78a8;--sidebar-collapsed:60px;--sidebar-expanded:200px;--font-family-base:"Inter","Roboto",Arial,sans-serif;--font-weight-head:600}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;margin:0;font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#333}h1,h2,h3{font-weight:var(--font-weight-head);line-height:1.2}p{line-height:1.6;color:#555}.main-layout{display:flex;flex-direction:column;min-height:100vh;background:#fff}.sidebar-container{width:var(--sidebar-collapsed);transition:width .3s ease}.sidebar-container.expanded{width:var(--sidebar-expanded)}@media (max-width:768px){.sidebar-container{position:fixed;top:0;left:0;height:100%;z-index:1000}}.main-content{flex:1;padding:20px;margin-left:calc(var(--sidebar-collapsed) + 5px);transition:margin-left .3s ease}.sidebar-container.expanded+.main-content{margin-left:calc(var(--sidebar-expanded) + 5px)}@media (max-width:768px){.main-content{margin-left:0}}footer.bg-light{border-top:1px solid #dee2e6;background:#fafafa;padding-bottom:2rem}footer.bg-light a,footer.bg-light h6,footer.bg-light li,footer.bg-light p{line-height:1.6;color:#555}footer.bg-light hr.my-4{margin:2rem 0;border:0;border-top:1px solid #dee2e6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}