:root{--primary-rgb:13,110,253;--primary:#0d6efd;--danger:#dc3545}:root,[data-bs-theme=light]{--bg-color:#ffffff;--text-color:#212529;--border-color:rgba(0, 0, 0, 0.2);--hover-bg:rgba(0, 0, 0, 0.05);--panel-shadow:rgba(0, 0, 0, 0.1);--theme-toggle-bg:#ffebee;--theme-icon-color:#ffc107}[data-bs-theme=dark]{--bg-color:#0a0d14;--text-color:#e6e9f0;--border-color:rgba(230, 233, 240, 0.2);--hover-bg:rgba(230, 233, 240, 0.05);--panel-shadow:rgba(0, 0, 0, 0.4);--theme-toggle-bg:#212121;--theme-icon-color:#2196f3}.header-bar{position:fixed;top:0;left:0;right:0;z-index:1040;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);color:var(--text-color);padding:.6rem 2rem!important}.dark-mode .header-bar{border-bottom-color:var(--border-color)}.title-container{font-size:1rem;font-weight:500;display:flex;align-items:center}.title-container i{font-size:1.1rem}.theme-toggle{position:relative;border-radius:8px;padding:.5rem}.dark-mode .light-icon,.light-mode .dark-icon{display:none}.light-mode .theme-toggle span{background-color:rgba(0,0,0,.05)}.dark-mode .theme-toggle span{background-color:rgba(255,255,255,.05)}.light-mode .theme-toggle:hover span{background-color:rgba(0,0,0,.08)}.dark-mode .theme-toggle:hover span{background-color:rgba(255,255,255,.08)}.social-container{position:relative}.social-toggle{padding:.5rem}.social-toggle i{font-size:1rem}.social-panel{position:absolute;top:calc(100% + 15px);right:0;background:var(--bg-color);color:var(--text-color);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:1rem;display:none;z-index:1061;min-width:320px}.dark-mode .social-panel{background:#151923;box-shadow:0 2px 10px rgba(0,0,0,.4)}.panel-arrow{position:absolute;top:-8px;right:15px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--bg-color)}.dark-mode .panel-arrow{border-bottom-color:var(--dark-bg)}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.social-item{text-align:center}.social-item a{display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none;padding:.5rem;border-radius:8px;transition:background-color .2s}.social-item a:hover{background-color:var(--hover-bg)}.dark-mode .social-item a:hover{background-color:var(--hover-bg)}.social-item i{font-size:1.2rem;margin-bottom:.5rem}.social-item span{font-size:.7rem}.social-container.active .social-panel{display:block}.user-container{position:relative}.user-toggle{padding:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:var(--hover-bg);border:1px solid var(--border-color)}.user-avatar{width:100%;height:100%;object-fit:cover}.user-avatar-large{width:80px;height:80px;border-radius:50%;margin-bottom:1rem}.user-panel{position:absolute;top:calc(100% + 15px);right:0;background:var(--bg-color);color:var(--text-color);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.4);padding:1.5rem;display:none;z-index:1000;min-width:250px;border:1px solid var(--border-color)}.dark-mode .user-panel{background:var(--dark-bg);border-color:var(--border-color)}.user-info{text-align:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.dark-mode .user-info{border-bottom-color:var(--border-color)}.user-name{margin:0;font-size:1.2rem}.user-email{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted)}.user-links{display:flex;flex-direction:column;gap:.5rem}.user-link{display:flex;align-items:center;padding:.5rem;color:inherit;text-decoration:none;border-radius:6px;transition:background-color .2s}.user-link:hover{background-color:var(--hover-bg)}.dark-mode .user-link:hover{background-color:var(--hover-bg)}.user-link i{margin-right:.75rem;font-size:1rem}.user-container.active .user-panel{display:block}.notification-container{position:relative}.notification-toggle{position:relative;padding:.5rem}.notification-toggle i{font-size:1rem}.notification-badge{position:absolute;top:0;right:0;background:var(--danger);color:#fff;border-radius:50%;padding:.25rem .4rem;font-size:.75rem;min-width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center}.notification-panel{position:absolute;top:calc(100% + 15px);right:0;background:var(--bg-color);color:var(--text-color);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.4);padding:1rem;display:none;z-index:1061;width:320px;max-height:480px;display:none;border:1px solid var(--border-color)}.dark-mode .notification-panel{background:var(--dark-bg);border-color:var(--border-color)}.notification-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);margin-bottom:.75rem}.dark-mode .notification-header{border-bottom-color:var(--border-color)}.notification-list{overflow-y:auto;max-height:360px}.notification-item{display:flex;padding:.75rem;text-decoration:none;color:inherit;border-radius:8px;transition:background-color .2s;margin-bottom:.5rem}.notification-item:hover{background-color:var(--hover-bg)}.dark-mode .notification-item:hover{background-color:var(--hover-bg)}.notification-item.unread{background-color:rgba(var(--primary-rgb),.1)}.notification-item.unread:hover{background-color:rgba(var(--primary-rgb),.15)}.notification-icon{width:40px;height:40px;border-radius:50%;background:rgba(var(--primary-rgb),.1);display:flex;align-items:center;justify-content:center;margin-right:.75rem;flex-shrink:0}.notification-icon i{font-size:1.1rem;color:var(--primary)}.notification-content{flex-grow:1;min-width:0}.notification-text{margin:0;font-size:.85rem;line-height:1.4}.notification-time{font-size:.75rem;color:var(--text-muted)}.notification-footer{padding-top:.75rem;border-top:1px solid var(--border-color);margin-top:.75rem;text-align:center}.dark-mode .notification-footer{border-top-color:var(--border-color)}.notification-container.active .notification-panel{display:block}.light-mode .header-icon{color:#495057}.dark-mode .header-icon{color:#e9ecef}.header-icon:hover{opacity:.8}.search-container{max-width:400px;margin:0 auto}.search-input{border-radius:20px;transition:all .3s ease}.search-input:focus{box-shadow:0 0 0 .25rem rgba(var(--primary-rgb),.25)}.search-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-color);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:1rem;display:none;z-index:1061}.dark-mode .search-panel{box-shadow:0 4px 12px rgba(0,0,0,.3)}.search-section{margin-bottom:1rem}.search-section:last-child{margin-bottom:0}.search-section-title{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem;padding:0 .5rem}.search-item{display:flex;align-items:center;padding:.5rem;color:inherit;text-decoration:none;border-radius:8px;transition:background-color .2s}.search-item:hover{background-color:var(--hover-bg)}.search-item i{margin-right:.75rem;color:var(--text-muted)}.search-item-text{flex-grow:1}.search-item-remove{color:var(--text-muted);padding:.25rem;opacity:0;transition:opacity .2s}.search-item:hover .search-item-remove{opacity:1}.search-container.active .search-panel{display:block}@media (max-width:1024px){.search-container{display:none}.header-bar .col-3{width:50%}.header-bar .col-6{display:none}}@media (max-width:575px){.title-container{display:none}}.w-80{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.theme-toggle span{transition:background-color .2s}[data-bs-theme=light] .theme-toggle .light-icon{display:flex;color:#ffc107;background-color:#ffebee}[data-bs-theme=light] .theme-toggle .dark-icon{display:none}[data-bs-theme=dark] .theme-toggle .light-icon{display:none}[data-bs-theme=dark] .theme-toggle .dark-icon{display:flex;color:#2196f3;background-color:#212121}[data-bs-theme=light] .theme-toggle:hover .light-icon{background-color:#ffe0e0}[data-bs-theme=dark] .theme-toggle:hover .dark-icon{background-color:#2c2c2c}.notification-toggle:active,.notification-toggle:focus,.social-toggle:active,.social-toggle:focus,.theme-toggle:active,.theme-toggle:focus,.user-toggle:active,.user-toggle:focus{outline:0!important;box-shadow:none!important;border:none!important}.header-bar .btn:active,.header-bar .btn:focus{outline:0!important;box-shadow:none!important;border:none!important}.notification-panel{background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color)}.dark-mode .notification-panel{background:var(--dark-bg);border-color:var(--border-color)}.notification-header{border-bottom-color:var(--border-color)}.notification-item:hover{background-color:var(--hover-bg)}.dark-mode .notification-item.unread{background-color:rgba(var(--primary-rgb),.15)}.dark-mode .notification-item.unread:hover{background-color:rgba(var(--primary-rgb),.2)}.user-panel{background:var(--bg-color);z-index:1061;color:var(--text-color);border:1px solid var(--border-color)}.dark-mode .user-panel{background:var(--dark-bg);border-color:var(--border-color)}.user-info{border-bottom-color:var(--border-color)}.user-email{color:var(--text-muted)}.user-link:hover{background-color:var(--hover-bg)}.panel-arrow{border-bottom-color:var(--bg-color)}.dark-mode .panel-arrow{border-bottom-color:var(--dark-bg)}.dark-mode .notification-icon{background:rgba(var(--primary-rgb),.15)}.notification-time{color:var(--text-muted)}.notification-footer .btn-link,.user-link{color:var(--text-color);text-decoration:none}.notification-header .btn-link{color:var(--primary)}.header-bar.slim{padding:.1rem 2rem!important}.slim .search-container{display:none}.slim .title-container{font-size:.9rem}.slim .w-80{width:28px;height:28px}.slim #mobileMenuBtn{padding-top:0;padding-bottom:0}.slim .notification-toggle,.slim .social-toggle,.slim .theme-toggle{padding:0 .35rem}.slim .user-toggle{height:32px;padding:0 12px}.slim .notification-badge{padding:.2rem .35rem;font-size:.7rem;min-width:1rem;height:1rem}.slim .col-3{width:auto}.slim .col-2{width:auto}.header-bar.slim .title-container .title-text{font-size:.85rem}.header-bar.slim .title-container .bi{display:none}.header-bar.slim .header-icon{font-size:.9rem}.header-bar.slim .user-panel{padding:.7rem}.header-bar.slim .user-toggle .user-avatar{display:none}.header-bar.slim .user-name-container{display:flex;align-items:center}.right-sidebar-toggle{position:fixed;right:0;top:15px;transform:translateY(-50%);background:0 0;border:none;border-right:none;border-radius:4px 0 0 4px;padding:8px;z-index:1060;cursor:pointer;color:var(--muted-text);transition:background-color .2s ease}.slim .right-sidebar-toggle{top:12px}.horizontal .slim .right-sidebar-toggle{top:15px}.right-sidebar-toggle:hover{background-color:var(--hover-bg)}.dark-mode .right-sidebar-toggle{background:var(--dark-bg);box-shadow:-2px 0 5px rgba(0,0,0,.3)}.right-sidebar{position:fixed;right:-300px;top:0;width:300px;height:100%;background:var(--bg-color);border-left:1px solid var(--border-color);z-index:1060;transition:right .3s ease;box-shadow:-2px 0 5px rgba(0,0,0,.1)}.right-sidebar.show{right:0}.dark-mode .right-sidebar{background:var(--dark-bg)}.right-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.right-sidebar-close{background:0 0;border:none;color:var(--text-color);padding:4px;cursor:pointer;border-radius:4px;transition:background-color .2s}.right-sidebar-close:hover{background-color:var(--hover-bg)}.right-sidebar-close i{font-size:1.1rem}.right-sidebar-content{padding:1rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.setting-item:not(:last-child){border-bottom:1px solid var(--border-color)}.header-bar.slim .user-toggle{width:auto;height:23px;padding:0 12px;border-radius:16px;display:flex;align-items:center;background-color:var(--hover-bg);color:var(--text-color);border:1px solid var(--border-color);transition:background-color .2s ease}.light-mode .header-bar.slim .user-toggle{background-color:rgba(0,0,0,.05)}.light-mode .header-bar.slim .user-toggle:hover{background-color:rgba(0,0,0,.08)}.dark-mode .header-bar.slim .user-toggle{background-color:rgba(255,255,255,.05)}.dark-mode .header-bar.slim .user-toggle:hover{background-color:rgba(255,255,255,.08)}.header-bar.slim .user-toggle .user-avatar{display:none}.header-bar.slim .user-name-container{display:flex;align-items:center;gap:4px}.header-bar.slim .user-name-container .user-name{font-size:.85rem;margin:0;color:var(--text-color)}.header-bar.slim .user-name-container .bi-chevron-down{font-size:.8rem;color:var(--text-muted)}.header-bar.slim .user-panel{top:calc(100% + 8px);background-color:var(--bg-color);border:1px solid var(--border-color);box-shadow:0 2px 10px rgba(0,0,0,.1)}.dark-mode .header-bar.slim .user-panel{background-color:var(--dark-bg);box-shadow:0 2px 10px rgba(0,0,0,.3)}.header-bar.slim .theme-toggle span{border-radius:20px!important;padding:0 8px;width:100%;height:22px}.header-bar.slim .theme-toggle i{display:flex;gap:4px;align-items:center}.header-bar.slim .theme-toggle i::after{font-size:.75rem;color:var(--text-color)}.dark-mode .header-bar.slim .theme-toggle i::after{content:'Dark'}.header-bar.slim .notification-badge{padding:0;min-width:.5rem;height:.5rem;text-indent:200%;overflow:hidden}.layout-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem}.layout-option{background:0 0;border:2px solid transparent;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s ease;width:120px}.layout-option:hover{background-color:var(--hover-bg)}.layout-option.active{border-color:var(--primary)}.layout-preview{background:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:.5rem;aspect-ratio:4/3}.preview-header{height:20%;background:var(--bg-color);border-bottom:1px solid var(--border-color)}.preview-header.slim{height:12%}.preview-content{display:flex;height:80%}.preview-sidebar{width:30%;background:var(--bg-color);border-right:1px solid var(--border-color)}.preview-sidebar.slim{width:15%}.preview-main{flex:1;background:var(--hover-bg)}.layout-option span{display:block;text-align:center;font-size:.8rem;color:var(--text-color);margin-top:.25rem}.dark-mode .layout-preview{background:var(--dark-bg);border-color:var(--border-color)}.dark-mode .preview-header,.dark-mode .preview-sidebar{background:var(--dark-bg);border-color:var(--border-color)}.dark-mode .preview-main{background:rgba(255,255,255,.05)}.setting-item{padding:1rem 0}.setting-item span{display:block;margin-bottom:.5rem;font-weight:500}.search-input-container{width:100%}.search-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2000;display:none}.search-modal.show{display:block}.search-modal-content{position:absolute;top:80px;left:50%;padding:1rem;transform:translateX(-50%);width:90%;max-width:600px;background:var(--bg-color);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);border:1px solid var(--border-color)}.dark-mode .search-modal-content{background:var(--dark-bg);box-shadow:0 2px 10px rgba(0,0,0,.3)}.search-modal .search-input{border:none;border-radius:8px;padding:1rem 3rem;width:100%;background:var(--bg-color);color:var(--text-color)}.search-modal .search-panel{position:static;display:block;border:none}.search-modal .search-icon{left:1rem}.search-modal .close-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--text-muted);z-index:1}.horizontal .search-container{display:none}.horizontal .search-icon-toggle{display:flex!important}.search-icon-toggle{display:none;padding:.5rem;background:0 0;border:none;color:var(--text-color)}.header-bar.slim .search-container{display:none}.header-bar.slim .search-icon-toggle{display:flex!important}.search-icon-toggle{display:none;padding:.5rem;background:0 0;border:none;color:var(--text-color)}.search-icon-toggle:hover{background-color:var(--hover-bg);border-radius:4px}