.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);margin-top:20px}.container-fluid{width:100%;padding:0 var(--spacing-md)}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--spacing-md) * -0.5)}.col,.col-md-3,.col-md-4,.col-md-6,.col-md-8,.col-md-9,.col-lg-4,.col-lg-8,.col-12{padding:0 calc(var(--spacing-md) * 0.5)}.col-12{flex:0 0 100%;max-width:100%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.g-4{margin:0 calc(var(--spacing-lg) * -0.5)}.g-4>*{padding:0 calc(var(--spacing-lg) * 0.5);margin-bottom:var(--spacing-lg)}.navbar{background-color:rgb(255 255 255 / .98);backdrop-filter:blur(10px);box-shadow:none;border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:1000}body.dark-mode .navbar{background-color:rgb(0 0 0 / .98)}.navbar-brand{font-weight:700;font-size:1.3rem;color:var(--text-primary)!important;display:flex;align-items:center;gap:var(--spacing-sm)}.navbar-toggler{border:none;padding:8px 12px;background:#fff0;cursor:pointer}.navbar-toggler-icon{display:block;width:24px;height:2px;background-color:var(--text-primary);position:relative}.navbar-toggler-icon::before,.navbar-toggler-icon::after{content:'';display:block;width:24px;height:2px;background-color:var(--text-primary);position:absolute;left:0}.navbar-toggler-icon::before{top:-8px}.navbar-toggler-icon::after{bottom:-8px}.navbar-nav{display:flex;list-style:none;margin:0;padding:0;align-items:center}.nav-item{margin:0 4px}.nav-link{color:var(--text-secondary)!important;transition:all var(--transition-normal);font-weight:500;padding:8px 16px!important;border-radius:var(--radius-md);display:block}.nav-link:hover,.nav-link.active{color:var(--text-primary)!important;background-color:var(--bg-secondary)}.theme-toggle{background:none;border:none;color:var(--text-secondary);font-size:1.3rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-normal);margin-right:12px}.theme-toggle:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.profile-btn{display:flex;align-items:center;gap:10px;background-color:var(--bg-secondary);border-radius:var(--radius-sm);padding:6px 14px 6px 6px;color:var(--text-primary)!important;transition:all var(--transition-normal);border:1px solid var(--border-color)}.profile-btn:hover{background-color:var(--bg-primary);transform:translateY(-1px)}footer{background-color:var(--card-bg);color:var(--text-primary);padding:var(--spacing-lg) 0;margin-top:auto;border-top:1px solid var(--border-color)}.footer-link{color:var(--text-secondary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--text-primary)}.navbar-collapse{display:flex;align-items:center;justify-content:space-between}.navbar-collapse .navbar-nav{flex-direction:row}@media (max-width:991px){.navbar-collapse{display:none;flex-direction:column;align-items:flex-start;padding-top:var(--spacing-md)}.navbar-collapse.show{display:flex}.navbar-collapse .navbar-nav{flex-direction:column;width:100%}.nav-item{width:100%;margin:4px 0}.nav-link{padding:10px 12px!important}.theme-toggle{margin-right:8px;margin-bottom:var(--spacing-sm)}#authButtons,#profileButton{width:100%;margin-top:var(--spacing-sm)}.btn-login{width:100%}}@media (max-width:768px){.col-md-3,.col-md-4,.col-md-6,.col-md-8,.col-md-9{flex:0 0 100%;max-width:100%}.navbar-brand{font-size:1.1rem}}@media (max-width:576px){.col-lg-4,.col-lg-8{flex:0 0 100%;max-width:100%}.chat-link{display:none}}