:root{--primary:#3b82f6;--primary-dark:#2563eb;--accent-sky:#38bdf8;--bg-main:#0f172a;--bg-sidebar:#1e293b;--surface:#1e293b;--surface-alt:#334155;--text-main:#f1f5f9;--text-muted:#94a3b8;--border:#334155;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--shadow-lg:0 10px 25px -5px #0006, 0 8px 10px -6px #0006;--shadow-md:0 4px 6px -1px #0003;--font-main:"Outfit", sans-serif;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--header-height:50px}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;height:100dvh;margin:0;padding:0;overflow:hidden}.btn{border-radius:var(--radius-sm);transition:var(--transition);font-weight:500}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(to bottom right, var(--primary), var(--primary-dark));border:none}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 12px #3b82f64d}.btn-outline-primary{color:#93c5fd!important;background-color:#3b82f614!important;border-color:#60a5fa66!important}.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active{color:#fff!important;background-color:var(--primary)!important;border-color:var(--primary)!important;box-shadow:0 4px 12px #3b82f64d!important}.btn-outline-secondary{color:#cbd5e1!important;background-color:#cbd5e10d!important;border-color:#cbd5e14d!important}.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary:active{color:#fff!important;background-color:var(--surface-alt)!important;border-color:var(--surface-alt)!important;box-shadow:0 4px 12px #ffffff1a!important}.btn-outline-success{color:#a7f3d0!important;background-color:#34d39914!important;border-color:#a7f3d066!important}.btn-outline-success:hover,.btn-outline-success:focus,.btn-outline-success:active{color:#fff!important;background-color:#10b981!important;border-color:#10b981!important;box-shadow:0 4px 12px #10b9814d!important}.btn-outline-danger{color:#f87171!important;background-color:#f8717114!important;border-color:#f8717166!important}.btn-outline-danger:hover,.btn-outline-danger:focus,.btn-outline-danger:active{color:#fff!important;background-color:#ef4444!important;border-color:#ef4444!important;box-shadow:0 4px 12px #ef44444d!important}.form-control{background-color:var(--surface-alt);border:1px solid var(--border);color:#fff;border-radius:var(--radius-sm)}.form-control:focus{background-color:var(--surface-alt);border-color:var(--primary);color:#fff;box-shadow:0 0 0 .25rem #3b82f640}.form-control::placeholder{opacity:.8;color:var(--text-muted)!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.custom-modal{background-color:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:500px;animation:.3s cubic-bezier(.4,0,.2,1) modalSlideUp;position:relative;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.custom-modal-header{background-color:#ffffff05}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-alt);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}app-header{height:var(--header-height);background-color:var(--bg-sidebar);border-bottom:1px solid var(--border);z-index:1040;display:block;position:fixed;top:0;left:0;right:0}.app-header-container{justify-content:space-between;align-items:center;height:100%;padding:0 1.5rem;display:flex}.app-header-left,.app-header-right{align-items:center;gap:1rem;display:flex}.app-header-brand{letter-spacing:-.02em;background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;transition:var(--transition);-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:800;text-decoration:none!important}.app-header-brand:hover{filter:brightness(1.1)}.app-header-title{color:var(--text-main);text-transform:none;margin:0;font-size:1.1rem;font-weight:600}.header-notification-container{position:relative}.header-notification-bell{background-color:var(--surface-alt);width:38px;height:38px;color:var(--text-muted);cursor:pointer;transition:var(--transition);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.header-notification-bell:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.header-notification-badge{margin-top:6px;margin-left:-6px;padding:.25em .4em;font-size:.65rem;font-weight:700}.header-notification-dropdown-menu{background-color:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:320px;max-width:400px;max-height:400px;padding:0;overflow-y:auto;margin-top:8px!important}.header-user-avatar-container{position:relative}.header-user-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;width:38px;height:38px;transition:var(--transition);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:700;display:flex;overflow:hidden}.header-user-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.header-user-avatar:hover{border-color:var(--primary);transform:scale(1.05)}.header-user-dropdown-menu{background-color:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:200px;padding:8px 0;margin-top:8px!important}.header-user-dropdown-item{color:var(--text-main);transition:var(--transition);cursor:pointer;align-items:center;gap:12px;padding:7px 20px;font-size:.9rem;text-decoration:none;display:flex}.header-user-dropdown-item:hover{background-color:var(--surface-alt);color:var(--primary)}.header-user-dropdown-item i{font-size:1.1rem}.header-user-dropdown-section-title{font-size:.7rem}.notification-time{font-size:.75rem}.header-lang-active{font-weight:600;color:var(--primary)!important}@media (width<=768px){.app-header-title{font-size:.95rem}.app-header-container{padding:0 1rem}}.message-options-container{max-width:100%}.option-btn{border-width:1px;transition:all .2s cubic-bezier(.4,0,.2,1);color:#93c5fd!important;background-color:#3b82f61f!important;border-color:#60a5fa80!important}.option-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 10px #3b82f640;background-color:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.option-btn:disabled{opacity:.4;cursor:not-allowed;color:#ffffff4d!important;background-color:#0000!important;border-color:#ffffff1a!important}.chat-input-auto-expand{resize:none!important;max-height:95px!important;overflow-y:auto!important}.search-input-wrapper{width:100%;position:relative}.search-input-wrapper .search-input{border-radius:var(--radius-sm);padding-left:2.2rem;padding-right:2.2rem;font-size:.85rem;background-color:var(--surface-alt)!important;border-color:var(--border)!important;color:var(--text-main)!important}.search-input-wrapper .search-input::placeholder{color:var(--text-muted)}.search-input-wrapper .search-input:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 2px #3b82f640!important}.search-input-wrapper .search-icon{color:var(--text-muted);font-size:.9rem}.search-input-wrapper .search-clear-btn{transition:var(--transition);font-size:1.1rem;color:var(--text-muted)!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.search-input-wrapper .search-clear-btn:hover{color:var(--text-main)!important}